[ { "path": ".babelrc", "content": "{\n \"presets\": [\n \"env\",\n \"react\"\n ],\n \"plugins\": [\n \"transform-runtime\",\n \"transform-async-to-generator\"\n ]\n}" }, { "path": ".circleci/config.yml", "content": "version: 2\njobs:\n test:\n macos:\n xcode: \"9.0\"\n \n steps:\n - run:\n name: Install node@10\n command: |\n set +e\n touch $BASH_ENV\n curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash\n echo 'export NVM_DIR=\"$HOME/.nvm\"' >> $BASH_ENV\n echo '[ -s \"$NVM_DIR/nvm.sh\" ] && \\. \"$NVM_DIR/nvm.sh\"' >> $BASH_ENV\n echo 'nvm install 10' >> $BASH_ENV\n echo 'nvm alias default 10' >> $BASH_ENV\n - run:\n name: Install wine\n command: brew install wine\n - checkout\n - run: npm install\n - run: npm test\n - run: npm run release:mac\n - run: npm run release:windows\n\nworkflows:\n version: 2\n test:\n jobs:\n - test" }, { "path": ".eslintrc", "content": "root: true\n\nplugins:\n - react\n\nparserOptions:\n ecmaVersion: 2017\n sourceType: module\n\nenv:\n node: true\n es6: true\n browser: true\n jest: true\n\nextends:\n \"eslint:recommended\"\n\nrules:\n indent: [2, 2, {SwitchCase: 1}]\n brace-style: [2, \"1tbs\"]\n camelcase: [2, { properties: \"never\" }]\n callback-return: [2, [\"cb\", \"callback\", \"next\"]]\n comma-spacing: 2\n comma-style: [2, \"last\"]\n consistent-return: 2\n curly: [2, \"all\"]\n default-case: 2\n dot-notation: [2, { allowKeywords: true }]\n eol-last: 2\n eqeqeq: 2\n func-style: [2, \"declaration\"]\n guard-for-in: 2\n key-spacing: [2, { beforeColon: false, afterColon: true }]\n new-cap: 2\n new-parens: 2\n no-alert: 2\n no-array-constructor: 2\n no-caller: 2\n no-console: 0\n no-delete-var: 2\n no-empty-label: 2\n no-eval: 2\n no-extend-native: 2\n no-extra-bind: 2\n no-fallthrough: 2\n no-floating-decimal: 2\n no-implied-eval: 2\n no-invalid-this: 2\n no-iterator: 2\n no-label-var: 2\n no-labels: 2\n no-lone-blocks: 2\n no-loop-func: 2\n no-mixed-spaces-and-tabs: [2, false]\n no-multi-spaces: 2\n no-multi-str: 2\n no-native-reassign: 2\n no-nested-ternary: 2\n no-new: 2\n no-new-func: 2\n no-new-object: 2\n no-new-wrappers: 2\n no-octal: 2\n no-octal-escape: 2\n no-process-exit: 2\n no-proto: 2\n no-redeclare: 2\n no-return-assign: 2\n no-script-url: 2\n no-sequences: 2\n no-shadow: 2\n no-shadow-restricted-names: 2\n no-spaced-func: 2\n no-trailing-spaces: 2\n no-undef: 2\n no-undef-init: 2\n no-undefined: 2\n no-underscore-dangle: 2\n no-unused-expressions: 2\n no-unused-vars: [2, {vars: \"all\", args: \"after-used\"}]\n no-use-before-define: 2\n no-with: 2\n quotes: [2, \"single\"]\n radix: 2\n semi: 2\n semi-spacing: [2, {before: false, after: true}]\n space-after-keywords: [2, \"always\"]\n space-before-blocks: 2\n space-before-function-paren: [2, \"always\"]\n space-infix-ops: 2\n space-return-throw-case: 2\n space-unary-ops: [2, {words: true, nonwords: false}]\n spaced-comment: [2, \"always\", { exceptions: [\"-\"]}]\n strict: [2, \"global\"]\n valid-jsdoc: [2, { prefer: { \"return\": \"returns\"}}]\n wrap-iife: 2\n yoda: [2, \"never\"]\n\n # Previously on by default in node environment\n no-catch-shadow: 0\n no-mixed-requires: 2\n no-new-require: 2\n no-path-concat: 2\n global-strict: [0, \"always\"]\n handle-callback-err: [2, \"err\"]\n" }, { "path": ".github/ISSUE_TEMPLATE.md", "content": "### Expected behavior\n\n### Actual behavior\n\n### Information about the Issue\n\n\n### Steps to reproduce the behavior\n\n 1. ...\n 2. ...\n" }, { "path": ".gitignore", "content": ".DS_Store\n.swp\nbuild\ndist\ndist-electron-builder/\nrelease\nsrc/**/*.js.map\ninstaller\nnode_modules\ncoverage\nnpm-debug.log\n\n# Integration test environment\nintegration\n\n# Resources\nresources/docker*\nresources/boot2docker*\n\n# Cache\ncache\n\n# Tests\n.test\nsettings.json\n\n# IDEs\n.idea\n" }, { "path": ".travis.yml", "content": "sudo: false\n\nlanguage: node_js\nnode_js:\n - \"8\"\n - \"10\"\n\ncache:\n directories:\n - node_modules\n\nscript:\n - npm install\n - npm test\n\ninstall: npm i" }, { "path": "CONTRIBUTING.md", "content": "# Contributing to Kitematic\n\nThanks for contributing and supporting the Kitematic project!\n\nBefore you file an issue or a pull request, read the following tips on how to keep development of the project awesome for all of the contributors:\n\n## Table of Contents\n\n - [Mac Prerequisites](#prerequisites-for-developing-kitematic-on-mac)\n - [Windows Prerequisites](#prerequisites-for-developing-kitematic-on-windows)\n - [Getting Started](#getting-started)\n - [Architecture](#architecture)\n - [GitHub Issues](#github-issues)\n - [Pull Requests](#pull-requests)\n - [Code Guidelines](#code-guidelines)\n - [Testing](#testing)\n - [License](#license)\n\n\n### Prerequisites for developing Kitematic on Mac\nYou will need to install:\n- The [Docker Toolbox](https://docker.com/toolbox)\n- [Node.js](https://nodejs.org/) node version 10 is not supported\n- Wine `brew install wine` (only if you want to generate a Windows release on OS X)\n- The latest Xcode from the Apple App Store.\n\n### Prerequisites for developing Kitematic on Windows\nYou will need to install:\n- The [Docker Toolbox](https://docker.com/toolbox)\n- [Node.js](https://nodejs.org/)\n- Open a command prompt (`cmd`) and run the command `mkdir ~/AppData/Roaming/npm`\n- [Visual Studio 2013 Community](https://www.visualstudio.com/en-us/products/visual-studio-community-vs.aspx) (or similar) - You do not need to install any optional packages during install.\n- [Python](https://www.python.org/downloads/release/python-2710/)\n\n![Toolbox Env Var](https://cloud.githubusercontent.com/assets/251292/10656552/adaedb20-7834-11e5-8881-d5402d3fee37.png)\n\n### Getting Started\n\n- `npm install`\n\nTo run the app in development:\n\n- `npm start`\n\nRunning `npm start` will download and install the Docker client,\n[Docker Machine](https://github.com/docker/machine), [Docker Compose](https://github.com/docker/compose)\nthe [Boot2Docker iso](https://github.com/boot2docker/boot2docker),\n[Electron](http://electron.atom.io/).\n\n### Building & Release\n\n- `npm run release`\n\n### Unit Tests\n\n- `npm test`\n\n## Architecture\n\n### Overview\n\n**Note: This architecture is work in progress and doesn't reflect the current state of the app, yet!**\n\nKitematic is an application built using [electron](https://github.com/atom/electron) and is powered by the [Docker Engine](https://github.com/docker/docker). While it's work in progress, the goal is to make Kitematic a high-performance, portable Javascript ES6 application built with React and Flux (using [alt](https://github.com/goatslacker/alt). It adopts a single data flow pattern:\n\n```\n╔═════════╗ ╔════════╗ ╔═════════════════╗\n║ Actions ║──────>║ Stores ║──────>║ View Components ║\n╚═════════╝ ╚════════╝ ╚═════════════════╝\n ^ │\n └──────────────────────────────────────┘\n```\n\nThere are three primary types of objects:\n- **Actions**: Interact with the system (Docker Engine, Docker Machine, Registries, Hub, etc)\n- **Views**: Views make up the UI, and trigger available actions.\n- **Stores**: Stores store the state of the application.\n\nand since Kitematic has a large amount of interaction with outside systems, we've added utils:\n- **Utils**: Utils interact with APIs, outside systems, CLI tools and generate. They are called by user-generated actions and in return, also create actions based on API return values, CLI output etc.\n\n### Guidelines\n\n- Avoid asynchronous code in Actions, Stores or Views. Instead, put code involving callbacks, promises or generators in utils or actions.\n\n## GitHub Issues\n\nPlease try and label any issue as:\n- `bug`: clearly a defect or unwanted behavior (errors, performance issues)\n- `enhancement`: making an existing, working feature better (UI improvements, better integration)\n- `feature`: an entirely new feature. Please work on [roadmap features](https://github.com/kitematic/kitematic/blob/master/ROADMAP.md).\n\nBefore creating an issue, please:\n\n1. **Search the existing issues** to see if an issue already exists (and if so, throw in a handy :+1:)!\n\n2. **Make sure you're running the latest version of Kitematic**. The bug may already be fixed!\n\n3. **Explain how to reproduce the bug**. This will save maintainers tons of time!\n\nPlease be as detailed as possible. Include a description of your environment and steps on how to reproduce a bug.\n\n## Pull Requests\n\nWe're thrilled to receive pull requests of any kind. Anything from bug fix, tests or new features are welcome.\n\nThat said, please let us know what you're planning to do! For large changes always create a proposal. Maintainers will love to give you advice on building it and it keeps the app's design coherent.\n\n### Pull Request Requirements:\n- Includes tests\n- [Signed Off](https://github.com/docker/docker/blob/master/CONTRIBUTING.md#sign-your-work)\n\n## Testing\n\nPlease try to test any new code.\n- Tests can be run using `npm test`\n- Kitematic uses the [Jest framework](https://facebook.github.io/jest/) by Facebook. To keep tests fast, please mock as much as possible.\n\n## Code Guidelines\n\n### Javascript\n\nKitematic is es6 ready. Please use es6 constructs where possible, they are powerful and make the code more succinct, understandable and fun.\n\n- Semicolons\n- 2 spaces (no tabs)\n\n#### Checking Javascript code standards with ESlint\n\nRun `npm run lint` before committing to ensure your javascript is up to standard. Feel free to suggest changes to the lint spec in `.eslintrc`.\n\nWe designed Kitematic to be easy to build, extend and distribute for developers.\n\n## License\n\nBy contributing your code, you agree to license your contribution under the [Apache license](https://github.com/kitematic/kitematic/blob/master/LICENSE).\n" }, { "path": "Gruntfile.js", "content": "var packagejson = require('./package.json');\nvar electron = require('electron');\n\nmodule.exports = function (grunt) {\n require('load-grunt-tasks')(grunt);\n var target = grunt.option('target') || 'development';\n var env = process.env;\n env.NODE_PATH = '..:' + env.NODE_PATH;\n env.NODE_ENV = target;\n\n var BASENAME = 'Kitematic';\n var OSX_OUT = './dist';\n var OSX_OUT_X64 = OSX_OUT + '/' + BASENAME + '-darwin-x64';\n var OSX_FILENAME = OSX_OUT_X64 + '/' + BASENAME + '.app';\n var LINUX_FILENAME = OSX_OUT + '/' + BASENAME + '_' + packagejson.version + '_amd64.deb';\n var VERSION_FILENAME = BASENAME + '-' + packagejson.version;\n\n grunt.initConfig({\n IDENTITY: 'Developer ID Application: Docker Inc',\n OSX_FILENAME,\n OSX_FILENAME_ESCAPED: OSX_FILENAME.replace(/ /g, '\\\\ ').replace(/\\(/g, '\\\\(').replace(/\\)/g, '\\\\)'),\n LINUX_FILENAME,\n VERSION_FILENAME,\n\n // electron\n electron: {\n windows: {\n options: {\n name: BASENAME,\n dir: 'build/',\n out: 'dist',\n version: packagejson['electron-version'],\n platform: 'win32',\n arch: 'x64',\n asar: true,\n icon: 'util/kitematic.ico',\n }\n },\n osx: {\n options: {\n name: BASENAME,\n dir: 'build/',\n out: 'dist',\n version: packagejson['electron-version'],\n platform: 'darwin',\n arch: 'x64',\n asar: true,\n 'app-version': packagejson.version,\n icon: 'util/kitematic.icns',\n },\n },\n linux: {\n options: {\n name: BASENAME,\n dir: 'build/',\n out: 'dist',\n version: packagejson['electron-version'],\n platform: 'linux',\n arch: 'x64',\n asar: true,\n 'app-bundle-id': 'com.kitematic.kitematic',\n 'app-version': packagejson.version,\n icon: 'util/kitematic.png',\n }\n }\n },\n\n rcedit: {\n exes: {\n files: [{\n expand: true,\n cwd: 'dist/' + BASENAME + '-win32-x64',\n src: [BASENAME + '.exe'],\n }],\n options: {\n icon: 'util/kitematic.ico',\n 'file-version': packagejson.version,\n 'product-version': packagejson.version,\n 'version-string': {\n 'CompanyName': 'Docker',\n 'ProductVersion': packagejson.version,\n 'ProductName': BASENAME,\n 'FileDescription': BASENAME,\n 'InternalName': BASENAME + '.exe',\n 'OriginalFilename': BASENAME + '.exe',\n 'LegalCopyright': 'Copyright 2015-2016 Docker Inc. All rights reserved.'\n }\n }\n }\n },\n\n // images\n copy: {\n dev: {\n files: [{\n expand: true,\n cwd: '.',\n src: ['package.json', 'settings.json', 'index.html'],\n dest: 'build/'\n }, {\n expand: true,\n cwd: 'images/',\n src: ['**/*'],\n dest: 'build/'\n }, {\n src: 'util/kitematic.icns',\n dest: 'build/icon.icns',\n }, {\n src: 'util/kitematic.ico',\n dest: 'build/icon.ico',\n }, {\n src: 'util/kitematic.png',\n dest: 'build/icon.png',\n }, {\n expand: true,\n cwd: 'fonts/',\n src: ['**/*'],\n dest: 'build/'\n }, {\n cwd: 'node_modules/',\n src: Object.keys(packagejson.dependencies).map(function (dep) {\n return dep + '/**/*';\n }),\n dest: 'build/node_modules/',\n expand: true\n }]\n },\n windows: {\n files: [{\n expand: true,\n cwd: 'resources',\n src: ['ssh.exe', 'OPENSSH_LICENSE', 'msys-*'],\n dest: 'dist/' + BASENAME + '-win32-x64/resources/resources'\n }],\n options: {\n mode: true\n }\n },\n osx: {\n files: [{\n expand: true,\n cwd: 'resources',\n src: ['terminal'],\n dest: '<%= OSX_FILENAME %>/Contents/Resources/resources/'\n }],\n options: {\n mode: true,\n },\n },\n },\n\n // styles\n less: {\n options: {\n sourceMapFileInline: true,\n javascriptEnabled: true,\n },\n dist: {\n files: {\n 'build/main.css': 'styles/main.less'\n }\n }\n },\n\n // javascript\n babel: {\n dist: {\n files: [{\n expand: true,\n cwd: 'src/',\n src: ['**/*.js'],\n dest: 'build/',\n }],\n },\n },\n\n shell: {\n electron: {\n command: electron + ' ' + 'build',\n options: {\n async: true,\n execOptions: {\n env: env,\n },\n },\n },\n sign: {\n options: {\n failOnError: false\n },\n command: [\n 'codesign --deep -v -f -s \"<%= IDENTITY %>\" <%= OSX_FILENAME_ESCAPED %>/Contents/Frameworks/*',\n 'codesign -v -f -s \"<%= IDENTITY %>\" <%= OSX_FILENAME_ESCAPED %>',\n 'codesign -vvv --display <%= OSX_FILENAME_ESCAPED %>',\n 'codesign -v --verify <%= OSX_FILENAME_ESCAPED %>'\n ].join(' && ')\n },\n zip: {\n command: 'ditto -c -k --sequesterRsrc --keepParent <%= OSX_FILENAME_ESCAPED %> release/' + VERSION_FILENAME + '-Mac.zip'\n },\n linux_npm: {\n command: 'cd build && npm install --production'\n },\n },\n\n clean: {\n release: ['build/', 'dist/']\n },\n\n compress: {\n windows: {\n options: {\n archive: './release/' + VERSION_FILENAME + '-Windows.zip',\n mode: 'zip',\n },\n files: [{\n expand: true,\n dot: true,\n cwd: './dist/Kitematic-win32-x64',\n src: '**/*',\n }],\n },\n osx: {\n options: {\n archive: './release/' + VERSION_FILENAME + '-Mac.zip',\n mode: 'zip',\n },\n files: [{\n expand: true,\n dot: true,\n cwd: './dist/Kitematic-darwin-x64',\n src: '**/*',\n }],\n },\n debian: {\n options: {\n archive: './release/' + VERSION_FILENAME + '-Ubuntu.zip',\n mode: 'zip',\n },\n files: [{\n expand: true,\n dot: true,\n cwd: './dist',\n src: '*.deb',\n }],\n },\n },\n\n // livereload\n watch: {\n options: {\n spawn: true\n },\n livereload: {\n options: {livereload: true},\n files: ['build/**/*']\n },\n js: {\n files: ['src/**/*.js'],\n tasks: ['newer:babel']\n },\n less: {\n files: ['styles/**/*.less'],\n tasks: ['less']\n },\n copy: {\n files: ['images/*', 'index.html', 'fonts/*'],\n tasks: ['newer:copy:dev']\n }\n },\n 'electron-packager': {\n build: {\n options: {\n platform: process.platform,\n arch: process.arch,\n dir: './build',\n out: './dist/',\n name: 'Kitematic',\n icon: './util/kitematic.png',\n version: packagejson['electron-version'], // set version of electron\n overwrite: true,\n }\n },\n osxlnx: {\n options: {\n platform: 'linux',\n arch: 'x64',\n dir: './build',\n out: './dist/',\n name: 'Kitematic',\n version: packagejson['electron-version'], // set version of electron\n overwrite: true,\n }\n },\n },\n 'electron-installer-debian': {\n options: {\n name: BASENAME.toLowerCase(), // spaces and brackets cause linting errors\n productName: BASENAME.toLowerCase(),\n productDescription: 'Run containers through a simple, yet powerful graphical user interface.',\n maintainer: 'Ben French ',\n section: 'devel',\n priority: 'optional',\n icon: './util/kitematic.png',\n lintianOverrides: [\n 'changelog-file-missing-in-native-package',\n 'executable-not-elf-or-script',\n 'extra-license-file',\n 'non-standard-dir-perm',\n 'non-standard-file-perm',\n 'non-standard-executable-perm',\n 'script-not-executable',\n 'shlib-with-executable-bit',\n 'binary-without-manpage',\n 'debian-changelog-file-missing',\n 'unusual-interpreter',\n 'wrong-path-for-interpreter',\n 'backup-file-in-package',\n 'package-contains-vcs-control-file',\n 'embedded-javascript-library',\n 'embedded-library',\n 'arch-dependent-file-in-usr-share'\n ],\n categories: [\n 'Utility'\n ],\n },\n linux64: {\n options: {\n arch: 'amd64'\n },\n src: './dist/Kitematic-linux-x64/',\n dest: './dist/',\n rename: function (dest, src) {\n return OSX_OUT + '/' + VERSION_FILENAME + '_amd64.deb';\n },\n },\n linux32: {\n options: {\n arch: 'i386'\n },\n src: './dist/Kitematic-linux-ia32/',\n dest: './dist/',\n rename: function (dest, src) {\n return OSX_OUT + '/' + VERSION_FILENAME + '_i386.deb';\n },\n }\n },\n 'electron-installer-redhat': {\n options: {\n productName: BASENAME,\n productDescription: 'Run containers through a simple, yet powerful graphical user interface.',\n priority: 'optional',\n icon: './util/kitematic.png',\n categories: [\n 'Utilities',\n ],\n },\n linux64: {\n options: {\n arch: 'x86_64',\n },\n src: './dist/Kitematic-linux-x64/',\n dest: './dist/',\n rename: function (dest, src) {\n return OSX_OUT + '/' + VERSION_FILENAME + '_amd64.rpm';\n },\n },\n linux32: {\n options: {\n arch: 'x86',\n },\n src: './dist/Kitematic-linux-ia32/',\n dest: './dist/',\n rename: function (dest, src) {\n return OSX_OUT + '/' + VERSION_FILENAME + '_i386.rpm';\n },\n },\n },\n });\n\n // Load the plugins for linux packaging\n grunt.loadNpmTasks('grunt-electron-packager');\n grunt.loadNpmTasks('grunt-electron-installer-debian');\n grunt.loadNpmTasks('grunt-electron-installer-redhat');\n\n grunt.registerTask('build', ['newer:babel', 'less', 'newer:copy:dev']);\n grunt.registerTask('default', ['build', 'shell:electron', 'watch']);\n\n grunt.registerTask('release:linux', [\n 'clean:release', 'build', 'shell:linux_npm',\n 'electron:linux', 'electron-packager:build',\n ]);\n\n grunt.registerTask('release:debian:x32', ['release:linux', 'electron-installer-debian:linux32', 'compress:debian']);\n grunt.registerTask('release:debian:x64', ['release:linux', 'electron-installer-debian:linux64', 'compress:debian']);\n\n grunt.registerTask('release:redhat:x32', ['release:linux', 'electron-installer-redhat:linux32']);\n grunt.registerTask('release:redhat:x64', ['release:linux', 'electron-installer-redhat:linux64']);\n\n grunt.registerTask('release:mac', [\n 'clean:release', 'build', 'shell:linux_npm',\n 'electron:osx', 'copy:osx', 'shell:sign', 'shell:zip',\n ]);\n\n grunt.registerTask('release:windows', [\n 'clean:release',\n 'build', 'shell:linux_npm',\n 'electron:windows',\n 'copy:windows', 'rcedit:exes', 'compress:windows',\n ]);\n\n process.on('SIGINT', function () {\n grunt.task.run(['shell:electron:kill']);\n process.exit(1);\n });\n};\n" }, { "path": "LICENSE", "content": "\n Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"[]\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright 2014-2016 Docker, Inc.\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n" }, { "path": "MAINTAINERS", "content": "# Kitematic maintainers file\n#\n# This file describes who runs the docker/kitematic project and how.\n# This is a living document - if you see something out of date or missing, speak up!\n#\n# It is structured to be consumable by both humans and programs.\n# To extract its contents programmatically, use any TOML-compliant parser.\n#\n# This file is compiled into the MAINTAINERS file in docker/opensource.\n#\n[Org]\n\t[Org.\"Core maintainers\"]\n\t\tpeople = [\n\t\t\t\"elesant\",\n\t\t\t\"FrenchBen\",\n\t\t\t\"jeffdm\",\n\t\t\t\"mchiang0610\",\n\t\t]\n\n[people]\n\n# A reference list of all people associated with the project.\n# All other sections should refer to people by their canonical key\n# in the people section.\n\n\t# ADD YOURSELF HERE IN ALPHABETICAL ORDER\n\n\t[people.elesant]\n\tName = \"Sean Li\"\n\tEmail = \"mail@shang.li\"\n\tGitHub = \"elesant\"\n\n\t[people.FrenchBen]\n\tName = \"Ben French\"\n\tEmail = \"frenchben@docker.com\"\n\tGitHub = \"FrenchBen\"\n\n\t[people.jeffdm]\n\tName = \"Jeff Morgan\"\n\tEmail = \"jmorgan@docker.com\"\n\tGitHub = \"jeffdm\"\n\n\t[people.mchiang0610]\n\tName = \"Michael Chiang\"\n\tEmail = \"mchiang@docker.com\"\n\tGitHub = \"mchiang0610\"\n" }, { "path": "Makefile", "content": ".PHONY: docs docs-shell docs-build run\n\nVERSION := $(shell jq -r '.version' package.json)\n\n# TODO: clearly need to note pre-req's - OSX and node installed? - see contributing docs\n\ninstall:\n\tnpm install\n\nrun: install\n\tnpm start\n\nrelease: install\n\tnpm install electron-packager\n\tnpm run release\n\tmv release/Kitematic-Mac.zip release/Kitematic-$(VERSION)-Mac.zip\n\tmv release/Kitematic-Ubuntu.zip release/Kitematic-$(VERSION)-Ubuntu.zip\n\tmv release/Kitematic-Windows.zip release/Kitematic-$(VERSION)-Windows.zip\n\n#zip:\n#\tdocker container run --rm -it -w /to_zip -v $(PWD)/dist/Kitematic\\ \\(Beta\\)-darwin-x64:/to_zip -v $(PWD)/dist:/out kramos/alpine-zip -r /out/Kitematic-$(VERSION)-Mac.zip .\n\nclean:\n\t-rm .DS_Store\n\t-rm -Rf build/\n\t-rm -Rf dist/\n\t-rm -Rf release/\n\t-rm -Rf node_modules/\n\n\n# Get the IP ADDRESS\nDOCKER_IP=$(shell python -c \"import urlparse ; print urlparse.urlparse('$(DOCKER_HOST)').hostname or ''\")\nHUGO_BASE_URL=$(shell test -z \"$(DOCKER_IP)\" && echo localhost || echo \"$(DOCKER_IP)\")\nHUGO_BIND_IP=0.0.0.0\n\n# import the existing docs build cmds from docker/docker\nDOCS_MOUNT := $(if $(DOCSDIR),-v $(CURDIR)/$(DOCSDIR):/$(DOCSDIR))\nDOCSPORT := 8000\nGIT_BRANCH := $(shell git rev-parse --abbrev-ref HEAD 2>/dev/null)\nDOCKER_DOCS_IMAGE := kitematic-docs$(if $(GIT_BRANCH),:$(GIT_BRANCH))\nDOCKER_RUN_DOCS := docker run --rm -it $(DOCS_MOUNT)\n\ndocs: docs-build\n\t$(DOCKER_RUN_DOCS) -p $(if $(DOCSPORT),$(DOCSPORT):)8000 \"$(DOCKER_DOCS_IMAGE)\" \\\n\t\thugo server \\\n\t\t\t--port=$(DOCSPORT) --baseUrl=$(HUGO_BASE_URL) --bind=$(HUGO_BIND_IP)\n\ndocs-shell: docs-build\n\t$(DOCKER_RUN_DOCS) -p $(if $(DOCSPORT),$(DOCSPORT):)8000 \"$(DOCKER_DOCS_IMAGE)\" bash\n\ndocs-build:\n\tdocker build -t \"$(DOCKER_DOCS_IMAGE)\" -f docs/Dockerfile .\n\n" }, { "path": "README.md", "content": "### :warning: Deprecation Notice: This project and repository is now deprecated and is no longer under active development, see [the related roadmap issue](https://github.com/docker/roadmap/issues/67). Please use [Docker Desktop](https://www.docker.com/products/docker-desktop) instead where possible.\n\n[![Build Status](https://travis-ci.org/docker/kitematic.svg?branch=master)](https://travis-ci.org/docker/kitematic)\n\n\n[![Kitematic Logo](https://cloud.githubusercontent.com/assets/251292/5269258/1b229c3c-7a2f-11e4-96f1-e7baf3c86d73.png)](https://kitematic.com)\n\nPlease give us feedback on the new [Docker Desktop Dashboard](https://docs.docker.com/docker-for-mac/edge-release-notes/)!\n\nIn the latest Edge release of Docker Desktop we have introduced the new [Docker Desktop Dashboard](https://docs.docker.com/docker-for-mac/edge-release-notes/). As part of this, Docker is working on providing a common user experience to developers and bringing the best Kitematic features to its Desktop customers. \n\nAs a result, we plan on achieving feature parity and archiving the Docker Kitematic Project during 2020. After we archive the Kitematic Project there will be no new releases of Kitematic. \n\n\n\n![Kitematic Screenshot](https://cloud.githubusercontent.com/assets/251292/8246120/d3ab271a-15ed-11e5-8736-9a730a27c79a.png)\n\nKitematic is a simple application for managing Docker containers on Mac, Linux and Windows.\n\n\n## Installing Kitematic\n\n[Download the latest version](https://github.com/docker/kitematic/releases) of Kitematic via the github release page.\n\n## Documentation\n\nKitematic's documentation and other information can be found at [http://kitematic.com/docs](http://kitematic.com/docs).\n\n## Security Disclosure\n\nSecurity is very important to us. If you have any issue regarding security, please disclose the information responsibly by sending an email to security@docker.com and not by creating a github issue.\n\n\n## Archive FAQ\n\n**Why are you archiving Kitematic?**\nWe are learning from the capabilities in Kitematic and incorporating them into a common developer User experience and benefit all Docker Desktop users.\n\n**When will this happen?**\nOnce we have reached feature parity and provided the most important capabilities from the existing Kitematic UI. We aim to achieve this and then to archive Kitematic in 2020. \n\n**What can I do if the new UI doesn't support something I need?**\nTell us! Please add requests on the Kitematic repo. We need you to tell us what features you use so we can bring them across into the new UI. We are very interested in your feedback starting with the Edge release.\n\n\n## Bugs and Feature Requests\n\nHave a bug? Please first read the [Issue Guidelines](https://github.com/kitematic/kitematic/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. \n\nIf your idea is not in the new UI, [please open a new issue](https://github.com/kitematic/kitematic/issues/new).\n\n\nIf your problem is not addressed yet, [please open a new issue](https://github.com/kitematic/kitematic/issues/new).\n\n\n## Community\n\n\n- Ask questions on our [user forum](https://forums.docker.com/c/open-source-projects/kitematic).\n- Follow [@Docker on Twitter](https://twitter.com/docker).\n\n## Uninstalling\n\n**Mac**\n\n- Remove Kitematic.app\n- Remove any unwanted Virtual Machines in VirtualBox\n```bash\n# remove app data\nrm -rf ~/Library/Application\\ Support/Kitematic\n```\n\n**Windows**\n\nOpen `Programs and Features` from `Control Panel`\n\n- Uninstall Kitematic\n- Uninstall Oracle VM VirtualBox\n\n## Copyright and License\n\nCode released under the [Apache license](LICENSE).\nImages are copyrighted by [Docker, Inc](https://www.docker.com/).\n" }, { "path": "ROADMAP.md", "content": "## Kitematic Roadmap\n\n**January 2015**\n\n* Automatic updates\n* Stability bug fixes\n\n**Februay 2015**\n\n* Docker machine support\n* Front-end refactor\n* Starting Unit tests\n\n**March 2015**\n\n* Kitematic re-design (container centric workflow)\n* Docker Hub pull / search for public Docker images\n\n**April 2015**\n\n* Custom URL protocol\n\n**May 2015**\n\n* Docker Hub - sign-up/sign-in\n * Allow users to sign-up / sign-in to Docker Hub from Kitematic.\n* Docker Hub - private repo view if user is logged-in to Docker Hub account\n\n**June 2015**\n\n* Microsoft Windows alpha\n\n**July 2015**\n\n* Refactor to Flux Architecture\n* Stability & code quality improvements\n\n**August 2015**\n\n* Make Kitematic part of the Docker Toolbox\n* Stability & code quality improvements\n\n**September 2015**\n\n* Better integration with new version of Docker Hub\n* Stability & code quality improvements\n" }, { "path": "__integration__/HubUtil-integration.js", "content": "jest.autoMockOff();\n\njasmine.getEnv().defaultTimeoutInterval = 60000;\n\nlet hubUtil = require('../src/utils/HubUtil');\nlet Promise = require('bluebird');\n\ndescribe('HubUtil Integration Tests', () => {\n describe('auth', () => {\n pit('successfully authenticates', () => {\n return new Promise((resolve) => {\n hubUtil.auth(process.env.INTEGRATION_USER, process.env.INTEGRATION_PASSWORD, (error, response, body) => {\n expect(response.statusCode).toBe(200);\n expect(error).toBe(null);\n\n let data = JSON.parse(body);\n expect(data.token).toBeTruthy();\n resolve();\n });\n });\n });\n\n pit('provides a 401 if credentials are incorrect', () => {\n return new Promise((resolve) => {\n hubUtil.auth(process.env.INTEGRATION_USER, 'incorrectpassword', (error, response) => {\n expect(response.statusCode).toBe(401);\n resolve();\n });\n });\n });\n });\n});\n" }, { "path": "__integration__/RegHubUtil-integration.js", "content": "jest.autoMockOff();\n\njasmine.getEnv().defaultTimeoutInterval = 60000;\n\nlet _ = require('underscore');\nlet regHubUtil = require('../src/utils/RegHubUtil');\nlet hubUtil = require('../src/utils/HubUtil');\nlet Promise = require('bluebird');\n\ndescribe('RegHubUtil Integration Tests', () => {\n describe('with login', () => {\n pit('lists private repos', () => {\n return new Promise((resolve) => {\n hubUtil.login(process.env.INTEGRATION_USER, process.env.INTEGRATION_PASSWORD, () => {\n regHubUtil.repos((error, repos) => {\n expect(_.findWhere(repos, {name: 'test_private', is_private: true})).toBeTruthy();\n resolve();\n });\n });\n });\n });\n\n pit('lists tags for a private repo', () => {\n return new Promise((resolve) => {\n hubUtil.login(process.env.INTEGRATION_USER, process.env.INTEGRATION_PASSWORD, () => {\n regHubUtil.tags(`${process.env.INTEGRATION_USER}/test_private`, (error, tags) => {\n expect(error).toBeFalsy();\n expect(tags.length).toEqual(1);\n expect(tags[0].name).toEqual('latest');\n resolve();\n });\n });\n });\n });\n });\n\n describe('public repos', () => {\n pit('lists repos', () => {\n return new Promise((resolve) => {\n hubUtil.login(process.env.INTEGRATION_USER, process.env.INTEGRATION_PASSWORD, () => {\n regHubUtil.repos((error, repos) => {\n expect(_.findWhere(repos, {name: 'test'})).toBeTruthy();\n resolve();\n });\n });\n });\n });\n\n pit('lists tags for a repo', () => {\n return new Promise((resolve) => {\n hubUtil.login(process.env.INTEGRATION_USER, process.env.INTEGRATION_PASSWORD, () => {\n regHubUtil.tags(`${process.env.INTEGRATION_USER}/test`, (error, tags) => {\n expect(error).toBeFalsy();\n expect(tags.length).toEqual(1);\n expect(tags[0].name).toEqual('latest');\n resolve();\n });\n });\n });\n });\n });\n});\n" }, { "path": "__mocks__/app.js", "content": "module.exports = {\n require: jest.fn(),\n match: jest.fn(),\n on: jest.fn()\n};\n" }, { "path": "__mocks__/electron.js", "content": "module.exports = {\n require: jest.fn(),\n match: jest.fn(),\n app: jest.fn(),\n remote: jest.fn(),\n dialog: jest.fn()\n};\n" }, { "path": "__mocks__/remote.js", "content": "module.exports = {\n require: jest.fn(),\n match: jest.fn()\n};\n" }, { "path": "__tests__/Util-test.js", "content": "jest.dontMock('../src/utils/Util').dontMock('console');\nconst util = require('../src/utils/Util');\n\ndescribe('Util', () => {\n describe('when removing sensitive data', () => {\n it('filters ssh certificate data', () => {\n var testdata = String.raw`time=\"2015-04-17T21:43:47-04:00\" level=\"debug\" msg=\"executing: ssh -o IdentitiesOnly=yes -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o ConnectionAttempts=30 -o LogLevel=quiet -p 50483 -i /Users/johnappleseed/.docker/machine/machines/dev2/id_rsa docker@localhost sudo mkdir -p /var/lib/boot2docker\" time=\"2015-04-17T21:43:47-04:00\" level=\"debug\" msg=\"executing: ssh -o IdentitiesOnly=yes -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o ConnectionAttempts=30 -o LogLevel=quiet -p 50483 -i /Users/johnappleseed/.docker/machine/machines/dev2/id_rsa docker@localhost echo \\\"-----BEGIN CERTIFICATE-----\\nMIIC+DCCAeKgAwIBAgIRANfIbsa2M94gDY+fBiBiQBkwCwYJKoZIhvcNAQELMBIx\\nEDAOBgNVBAoTB2ptb3JnYW4wHhcNMTUwNDE4MDEzODAwWhcNMTgwNDAyMDEzODAw\\nWjAPMQ0wCwYDVQQKEwRkZXYyMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKC\\nAQEA1yamWT0bk0pRU7eiStjiXe2jkzdeI0SdJZo+bjczkl6kzNW/FmR/OkcP8gHX\\nCO3fUCWkR/+rBgz3nuM1Sy0BIUo0EMQGfx17OqIJPXO+BrpCHsXlphHmbQl5bE2Y\\nF+bAsGc6WCippw/caNnIHRsb6zAZVYX2AHLYY0fwIDAQABo1AwTjAOBgNVHQ8BAf8EBAMCAKAwHQYD\\nVR0lBBYwFAYIKwYBBQUHAwIGCCsGAQUFBwMBMAwGA1UdEwEB/wQCMAAwDwYDVR0R\\nBAgwBocEwKhjZTALBgkqhkiG9w0BAQsDggEBAKBdD86+kl4X1VMjgGlNYnc42tWa\\nbo1iDl/frxiLkfPSc2McAOm3AqX1ao+ynjqq1XTlBLPTQByu/oNZgA724LRJDfdG\\nCKGUV8latW7rB1yhf/SZSmyhNjufuWlgCtbkw7Q/oPddzYuSOdDW8tVok9gMC0vL\\naqKCWfVKkCmvGH+8/wPrkYmro/f0uwJ8ee+yrbBPlBE/qE+Lqcfr0YcXEDaS8CmL\\nDjWg7KNFpA6M+/tFNQhplbjwRsCt7C4bzQu0aBIG5XH1Jr2HrKlLjWdmluPHWUL6\\nX5Vh1bslYJzsSdBNZFWSKShZ+gtRpjtV7NynANDJPQNIRhDxAf4uDY9hA2c=\\n-----END CERTIFICATE-----\\n\\\" | sudo tee /var/lib/boot2docker/server.pem\"\n time=\"2015-04-17T21:43:47-04:00\" level=\"debug\" msg=\"executing: /usr/bin/VBoxManage showvminfo dev2 --machinereadable\"`;\n expect(util.removeSensitiveData(testdata).indexOf('CERTIFICATE')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('nX5Vh1bslYJzsSdBNZFWSKShZ+gtRpjtV7NynANDJPQNIRhDxAf4uDY9hA2c')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('')).not.toEqual(-1);\n });\n\n it('filters ssh private key data', () => {\n var testdata = String.raw`hZbuxglOtQv2AQqOp/luhZ3Y8kDs4cqRzoA1o+k+LAyjEb+Nk\\nGA8=\\n-----END CERTIFICATE-----\\n\\\" | sudo tee /var/lib/boot2docker/ca.pem\"\n time=\"2015-04-17T21:43:47-04:00\" level=\"debug\" msg=\"executing: ssh -o IdentitiesOnly=yes -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o ConnectionAttempts=30 -o LogLevel=quiet -p 50483 -i /Users/johnappleseed/.docker/machine/machines/dev2/id_rsa docker@localhost echo \\\"-----BEGIN RSA PRIVATE KEY-----\\nMIIEpAIBAAKCAQEA1yamWT0bk0pRU7eiStjiXe2jkzdeI0SdJZo+bjczkl6kzNW/\\nFmR/OkcP8gHXCO3fUCWkR/+rBgz3nuM1Sy0BIUo0EMQGfx17OqIJPXO+BrpCHsXl\\nphHmbQl5bE2YF+bAsGc6WCippczQIu5bPweeAkR1WdlkhD08tHD4o1ESe09fXx5G\\nXcZFfd2xQWdvAJX3fTuGBk3IMEF2fye5b69zUyVDGbTylyjKDOi9Xxdlc4y9cOPw\\nzcwQFCOJiCBYlxDO0fbinA+KigCs29Dd5U3oXbloLr3JQTE/SkxFh9W5rkX8ysY4\\n2h3EnR7YIBWt/caNnIHRsb6zAZVYX2AHLYY0fwIDAQABAoIBAQDKF3TTh/G59WnU\\n4D2iXnyqy8gFRVG4gP+3TV3s+w8HIr1b5j6akwVqwUs5//5zVbSYPPNF6eJESbPi\\nW/s4ROq10VR8lxSfHBsfJQrW3TwWZ6gp7atbxZ6Stv6F+5CsisReLmiAXJmVsn+j\\nAA9Xchk6egFcxzWCfV7jAuaZyVI53cclepm/xkGjPwrfXr+nA+UMvO6DllC6IcBF\\no4+O0jVtzdMecZnQk6nWxNJjurodTTQakrNAqSMgBshn48wf3N35b+p8RtTzLJ8L\\nYuHkv6OKMITIazcHadjsN8icGgIGf2BJ1CRje7j0Yzow8jwY+Pet3yxKSfXED89B\\nD34AEXl5AoGBANi17og+yPFOWURUrksO/QyzlOtXcQdQu8SmkUj4ACoqF0gegQIb\\nC/DNMcYxJAsPPgw/t5Ws/af8DuatYguGukmekYREVjc7DS/hPWDZzeavPd95cOw0\\nuMPgJE76HJ3BSYcp1f8WKcN+xDket9CF6Qz+VX5aQSUEc333V5h7D/nzAoGBAP4o\\nVCvQu5eKYmDhMFSOA0+Qm3EECRqMLoH6kpEcbMjM8+kOeI0fUuE3CX8nzs7P4py/\\n0IFj2Yxl578NHJOjCpbB1UKtxLkmDH42wXXzrWJXRaWXC93dh1sl0aB6qE25FtSD\\nzjYh4y1DA/t6y95YRrIqC2WhIU7eigIoujmtOFJFAoGABSKiiWX7ewRhRyY+jxbG\\n1lM3FzCWRBccq/dKgBEoZ9dhf9sBMZyUdttV751gfkaZMM8duZVE2YM2ky7OoPlL\\nVs1EI38/D8X9dQIAY1gl8e57J92H2IETU8ju81Qn83EOHf7WzFmpGbHaUoQw1Ocn\\nc6BfREQ9QPRPDFAdKkbYRRMCgYEAl44k4xvNQUhb8blWwJUOlFt+1Z26cAI3mXp5\\n+94fYH4W1Fq0uDJ9kZ7oItLyF5EPaLlY9E8+YuJBl0OSTtdicROUv/Yu4Nk3ievM\\n4TE1qvavqVaw1NRM6qVao3+A7Rf57S/Lv6vldBAKR+OpviSVw5gew7OZ0RYS5caz\\nhcEtXKECgYAJb7t67nococm0PsRe8Xv1SQOQjetrhzwzD1PLOSC9TrzwA22/ZktZ\\neu/qfvYgOPT4LkDGVCzn8J+TAcUVnIvAnJRQTsBu55uiL8YC5jZQ8E1hBf7kskMq\\nh16WD19Djv3WhfBNXBxvnagDDWw5DxmiiKzSf0k3QDDoX7wjDAV1dQ==\\n-----END RSA PRIVATE KEY-----\\n\\\" | sudo tee /var/lib/boot2docker/server-key.pem\"\n time=\"2015-04-17T21:43:47-04:00\" level=\"debug\" msg=\"executing: ssh -o IdentitiesOnly=yes -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o ConnectionAttempts=30 -o LogLevel=quiet -p 50483 -i /Users/johnappleseed/.docker/machine/machines/dev2/id_rsa docker@localhost echo \\\"-----BEGIN CERTIFICATE-----\\nMIIC+DCCAeKgAwIBAgIRANfIbsa2M94gDY+fBiBiQBkwCwYJKoZIhvcNAQELMBIx\\nEDAOBg`;\n expect(util.removeSensitiveData(testdata).indexOf('PRIVATE')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('94fYH4W1Fq0uDJ9kZ7oItLyF5EPaLlY9E8+YuJBl0OSTtdicROUv')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('')).not.toEqual(-1);\n });\n\n it('filters username data', () => {\n var testdata = String.raw`/Users/johnappleseed/.docker/machine/machines/dev2/id_rsa docker@localhost echo`;\n expect(util.removeSensitiveData(testdata).indexOf('/Users/johnappleseed/')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('/Users//')).not.toEqual(-1);\n\n testdata = String.raw`/Users/some.wei-rdUsername/.docker/machine/machines/dev2/id_rsa docker@localhost echo`;\n expect(util.removeSensitiveData(testdata).indexOf('/Users/some.wei-rdUsername/.docker')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('/Users//.docker')).not.toEqual(-1);\n });\n\n it('filters Windows username data', () => {\n var testdata = String.raw`C:\\\\Users\\\\johnappleseed\\\\.docker\\\\machine`;\n expect(util.removeSensitiveData(testdata).indexOf('johnappleseed')).toEqual(-1);\n expect(util.removeSensitiveData(testdata).indexOf('')).not.toEqual(-1);\n });\n\n it ('returns input if empty or not a string', () => {\n expect(util.removeSensitiveData('')).toBe('');\n expect(util.removeSensitiveData(1)).toBe(1);\n expect(util.removeSensitiveData(undefined)).toBe(undefined);\n });\n });\n\n describe('when verifying that a repo is official', () => {\n it('accepts official repo', () => {\n expect(util.isOfficialRepo('redis')).toBe(true);\n });\n\n it('rejects falsy value as official repo', () => {\n expect(util.isOfficialRepo(undefined)).toBe(false);\n });\n\n it('rejects empty repo name', () => {\n expect(util.isOfficialRepo('')).toBe(false);\n });\n\n it('rejects repo with non official namespace', () => {\n expect(util.isOfficialRepo('kitematic/html')).toBe(false);\n });\n\n it('rejects repo with a different registry address', () => {\n expect(util.isOfficialRepo('www.myregistry.com/kitematic/html')).toBe(false);\n });\n });\n});\n" }, { "path": "docs/README.md", "content": "# The docs have been moved!\n\nThe documentation for Kitematic has been merged into\n[the general documentation repo](https://github.com/docker/docker.github.io).\n\nThe docs for Kitematic are now here:\nhttps://github.com/docker/docker.github.io/tree/master/kitematic\n\nAs always, the docs remain open-source and we appreciate your feedback and\npull requests!\n" }, { "path": "electron-builder.json", "content": "{\n \"appId\": \"com.docker.kitematic\",\n \"asar\": true,\n \"directories\": {\n \"output\": \"./dist/\"\n },\n \"files\": [\n {\n \"filter\": [\n \"!./node_modules/**/*\",\n \"!./package.json\"\n ],\n \"from\": \"./build/\",\n \"to\": \".\"\n },\n \"packages.json\"\n ],\n \"linux\": {},\n \"mac\": {\n \"category\": \"public.app-category.developer-tools\"\n },\n \"msi\": {\n \"warningsAsErrors\": false\n },\n \"productName\": \"Kitematic\",\n \"win\": {\n \"extraResources\": \"./resources/**/*\",\n \"icon\": \"./util/kitematic.ico\",\n \"target\": [\n {\n \"target\": \"appx\"\n },\n {\n \"target\": \"msi\"\n }\n ]\n }\n}\n" }, { "path": "index.html", "content": "\n\n \n \n \n Kitematic\n \n \n \n \n\n" }, { "path": "jest-integration.json", "content": "{\n \"testMatch\": [\"**/__integration__/**/*.js\"],\n \"transform\": {\".*\": \"/node_modules/babel-jest\"},\n \"setupFiles\": [\"/util/testenv.js\"],\n \"setupTestFrameworkScriptFile\": \"/util/prepare.js\",\n \"unmockedModulePathPatterns\": [\n \"babel\",\n \"core-js\",\n \"/node_modules/source-map-support\"\n ]\n}\n" }, { "path": "jest-unit.json", "content": "{\n \"transform\": { \".*\": \"/node_modules/babel-jest\" },\n \"setupFiles\": [\"/util/testenv.js\"],\n \"setupTestFrameworkScriptFile\": \"/util/prepare.js\",\n \"unmockedModulePathPatterns\": [\n \"alt\",\n \"stream\",\n \"tty\",\n \"net\",\n \"crypto\",\n \"babel\",\n \"bluebird\",\n \"object-assign\",\n \"underscore\",\n \"source-map-support\",\n \"/node_modules/.*JSONStream\",\n \"/node_modules/core-js\"\n ]\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"Kitematic\",\n \"version\": \"0.17.13\",\n \"author\": \"Kitematic\",\n \"license\": \"Apache-2.0\",\n \"description\": \"Simple Docker Container management for Mac OS X, Windows and Ubuntu.\",\n \"homepage\": \"https://kitematic.com/\",\n \"main\": \"browser.js\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git@github.com:kitematic/kitematic.git\"\n },\n \"bugs\": \"https://github.com/kitematic/kitematic/issues\",\n \"engines\": {\n \"node\": \"<10.0.0\"\n },\n \"scripts\": {\n \"build\": \"tsc && npm run tslint\",\n \"integration\": \"jest -c jest-integration.json\",\n \"prestart\": \"npm run build\",\n \"release:debian:x32\": \"grunt release:debian:x32\",\n \"release:debian:x64\": \"grunt release:debian:x64\",\n \"release:redhat:x32\": \"grunt release:redhat:x32\",\n \"release:redhat:x64\": \"grunt release:redhat:x64\",\n \"release:mac\": \"grunt release:mac\",\n \"release:windows\": \"grunt release:windows\",\n \"start\": \"grunt\",\n \"start-dev\": \"NODE_ENV=development grunt\",\n \"test\": \"jest -c jest-unit.json\",\n \"tslint\": \"tslint --fix --project ./tsconfig.json\"\n },\n \"electron-version\": \"7.2.4\",\n \"dependencies\": {\n \"JSONStream\": \"1.3.2\",\n \"alt\": \"0.16.10\",\n \"ansi-to-html\": \"0.3.0\",\n \"any-promise\": \"0.1.0\",\n \"async\": \"1.5.2\",\n \"babel-polyfill\": \"^6.26.0\",\n \"bluebird\": \"3.5.1\",\n \"bugsnag-js\": \"2.5.0\",\n \"cached-request\": \"1.1.2\",\n \"classnames\": \"2.2.5\",\n \"deep-extend\": \"^0.6.0\",\n \"dockerode\": \"3.0.1\",\n \"bl\": \"^1.2.3\",\n \"install\": \"0.1.8\",\n \"jquery\": \"^3.5.0\",\n \"mixpanel\": \"kitematic/mixpanel-node\",\n \"mkdirp\": \"0.5.1\",\n \"node-uuid\": \"1.4.8\",\n \"numeral\": \"1.5.6\",\n \"object-assign\": \"4.1.1\",\n \"osx-release\": \"1.1.0\",\n \"parseUri\": \"1.2.3-2\",\n \"react\": \"0.14.0\",\n \"react-bootstrap\": \"0.20.3\",\n \"react-retina-image\": \"1.3.3\",\n \"react-router\": \"0.13.6\",\n \"request\": \"^2.88.0\",\n \"request-progress\": \"0.3.1\",\n \"rimraf\": \"2.6.2\",\n \"underscore\": \"1.8.3\",\n \"validator\": \"4.9.0\",\n \"which\": \"1.3.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"16.0.38\",\n \"acorn\": \"^5.7.4\",\n \"babel-cli\": \"^6.26.0\",\n \"babel-jest\": \"^23.6.0\",\n \"babel-plugin-transform-async-to-generator\": \"^6.24.1\",\n \"babel-plugin-transform-runtime\": \"^6.23.0\",\n \"babel-preset-env\": \"^1.7.0\",\n \"babel-preset-react\": \"^6.24.1\",\n \"braces\": \"^2.3.1\",\n \"decompress-zip\": \"^0.3.2\",\n \"electron\": \"^7.2.4\",\n \"electron-packager\": \"^12.1.1\",\n \"eslint\": \"^4.18.2\",\n \"eslint-plugin-react\": \"3.16.1\",\n \"grunt\": \"^1.0.3\",\n \"grunt-babel\": \"^7.0.0\",\n \"grunt-chmod\": \"1.1.1\",\n \"grunt-cli\": \"^1.3.1\",\n \"grunt-contrib-clean\": \"^2.0.0\",\n \"grunt-contrib-compress\": \"^1.5.0\",\n \"grunt-contrib-copy\": \"^1.0.0\",\n \"grunt-contrib-less\": \"^2.0.0\",\n \"grunt-contrib-watch\": \"^1.1.0\",\n \"grunt-electron\": \"^11.0.0\",\n \"grunt-electron-installer\": \"^2.1.0\",\n \"grunt-electron-packager\": \"0.2.1\",\n \"grunt-if-missing\": \"1.0.1\",\n \"grunt-newer\": \"1.3.0\",\n \"grunt-plistbuddy\": \"^0.2.0\",\n \"grunt-rcedit\": \"^0.7.0\",\n \"grunt-shell\": \"^2.1.0\",\n \"handlebars\": \"^4.5.3\",\n \"jest-cli\": \"^23.6.0\",\n \"js-yaml\": \"^3.13.1\",\n \"load-grunt-tasks\": \"^4.0.0\",\n \"lodash\": \"^4.17.19\",\n \"lodash.template\": \"^4.5.0\",\n \"merge\": \">=1.2.1\",\n \"minimatch\": \">=3.0.4\",\n \"minimist\": \"1.2.3\",\n \"mixin-deep\": \"^1.3.2\",\n \"run-sequence\": \"^2.2.1\",\n \"set-value\": \"^2.0.1\",\n \"shell-escape\": \"0.2.0\",\n \"source-map-support\": \"0.3.3\",\n \"tslint\": \"^5.11.0\",\n \"typescript\": \"2.7.2\",\n \"yargs-parser\": \"^13.1.2\"\n },\n \"optionalDependencies\": {\n \"grunt-electron-installer-debian\": \"0.3.1\",\n \"grunt-electron-installer-redhat\": \"0.3.1\"\n }\n}\n" }, { "path": "resources/MSYS_LICENSE", "content": "Kitematic includes (but does not link to) various DLLs included with the msysgit Git-1.9.5-preview20150319 distribution. Included is the MSYS runtime license.\nSource is available online at https://github.com/msysgit/git/tree/v1.9.5.msysgit.1\n\nFile:\t\t MSYS_LICENSE\nCopyright (C):\t 2001, Earnie Boyd \nFile $Revision$\nFile Revision $Date$\nMSYS Release:\t 1.0.2\nMSYS Release Date: November 30th, 2001\n\nThe software, both source and binary forms, are covered via differing licenses.\nEach license has it's own set of rules so please make sure you read them\ncarefully to see how it applies to you, particularly if you're going to\ndistribute the software.\n\nThe MSYS runtime software source can found in the winsup/cygwin directory. The\nexisting code portions of this source is covered by the CYGWIN_LICENSE which can\nbe found in this directory in a file by the name of CYGWIN_LICENSE. MSYS\nspecific software code added regardless of existing license is covered by the\nESPL which can be found in a file by the same name.\n" }, { "path": "resources/OPENSSH_LICENSE", "content": "Kitematic includes OpenSSH ssh.exe from the msysgit distribution version Git-1.9.5-preview20150319, available online at https://github.com/msysgit/git/tree/v1.9.5.msysgit.1\n\nThis file is part of the OpenSSH software.\n\nThe licences which components of this software fall under are as\nfollows. First, we will summarize and say that all components\nare under a BSD licence, or a licence more free than that.\n\nOpenSSH contains no GPL code.\n\n1)\n * Copyright (c) 1995 Tatu Ylonen , Espoo, Finland\n * All rights reserved\n *\n * As far as I am concerned, the code I have written for this software\n * can be used freely for any purpose. Any derived versions of this\n * software must be clearly marked as such, and if the derived work is\n * incompatible with the protocol description in the RFC file, it must be\n * called by a name other than \"ssh\" or \"Secure Shell\".\n\n [Tatu continues]\n * However, I am not implying to give any licenses to any patents or\n * copyrights held by third parties, and the software includes parts that\n * are not under my direct control. As far as I know, all included\n * source code is used in accordance with the relevant license agreements\n * and can be used freely for any purpose (the GNU license being the most\n * restrictive); see below for details.\n\n [However, none of that term is relevant at this point in time. All of\n these restrictively licenced software components which he talks about\n have been removed from OpenSSH, i.e.,\n\n - RSA is no longer included, found in the OpenSSL library\n - IDEA is no longer included, its use is deprecated\n - DES is now external, in the OpenSSL library\n - GMP is no longer used, and instead we call BN code from OpenSSL\n - Zlib is now external, in a library\n - The make-ssh-known-hosts script is no longer included\n - TSS has been removed\n - MD5 is now external, in the OpenSSL library\n - RC4 support has been replaced with ARC4 support from OpenSSL\n - Blowfish is now external, in the OpenSSL library\n\n [The licence continues]\n\n Note that any information and cryptographic algorithms used in this\n software are publicly available on the Internet and at any major\n bookstore, scientific library, and patent office worldwide. More\n information can be found e.g. at \"http://www.cs.hut.fi/crypto\".\n\n The legal status of this program is some combination of all these\n permissions and restrictions. Use only at your own responsibility.\n You will be responsible for any legal consequences yourself; I am not\n making any claims whether possessing or using this is legal or not in\n your country, and I am not taking any responsibility on your behalf.\n\n\n\t\t\t NO WARRANTY\n\n BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\n FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN\n OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\n PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\n OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\n MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS\n TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE\n PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\n REPAIR OR CORRECTION.\n\n IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\n WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\n REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\n INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\n OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\n TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\n YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\n PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\n POSSIBILITY OF SUCH DAMAGES.\n\n2)\n The 32-bit CRC compensation attack detector in deattack.c was\n contributed by CORE SDI S.A. under a BSD-style license.\n\n * Cryptographic attack detector for ssh - source code\n *\n * Copyright (c) 1998 CORE SDI S.A., Buenos Aires, Argentina.\n *\n * All rights reserved. Redistribution and use in source and binary\n * forms, with or without modification, are permitted provided that\n * this copyright notice is retained.\n *\n * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\n * WARRANTIES ARE DISCLAIMED. IN NO EVENT SHALL CORE SDI S.A. BE\n * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY OR\n * CONSEQUENTIAL DAMAGES RESULTING FROM THE USE OR MISUSE OF THIS\n * SOFTWARE.\n *\n * Ariel Futoransky \n * \n\n3)\n ssh-keyscan was contributed by David Mazieres under a BSD-style\n license.\n\n * Copyright 1995, 1996 by David Mazieres .\n *\n * Modification and redistribution in source and binary forms is\n * permitted provided that due credit is given to the author and the\n * OpenBSD project by leaving this copyright notice intact.\n\n4)\n The Rijndael implementation by Vincent Rijmen, Antoon Bosselaers\n and Paulo Barreto is in the public domain and distributed\n with the following license:\n\n * @version 3.0 (December 2000)\n *\n * Optimised ANSI C code for the Rijndael cipher (now AES)\n *\n * @author Vincent Rijmen \n * @author Antoon Bosselaers \n * @author Paulo Barreto \n *\n * This code is hereby placed in the public domain.\n *\n * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ''AS IS'' AND ANY EXPRESS\n * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\n * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n * ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHORS OR CONTRIBUTORS BE\n * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR\n * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\n * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR\n * BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,\n * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE\n * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,\n * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n5)\n One component of the ssh source code is under a 3-clause BSD license,\n held by the University of California, since we pulled these parts from\n original Berkeley code.\n\n * Copyright (c) 1983, 1990, 1992, 1993, 1995\n * The Regents of the University of California. All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions\n * are met:\n * 1. Redistributions of source code must retain the above copyright\n * notice, this list of conditions and the following disclaimer.\n * 2. Redistributions in binary form must reproduce the above copyright\n * notice, this list of conditions and the following disclaimer in the\n * documentation and/or other materials provided with the distribution.\n * 3. Neither the name of the University nor the names of its contributors\n * may be used to endorse or promote products derived from this software\n * without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n * ARE DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n * SUCH DAMAGE.\n\n6)\n Remaining components of the software are provided under a standard\n 2-term BSD licence with the following names as copyright holders:\n\n\tMarkus Friedl\n\tTheo de Raadt\n\tNiels Provos\n\tDug Song\n\tAaron Campbell\n\tDamien Miller\n\tKevin Steves\n\tDaniel Kouril\n\tWesley Griffin\n\tPer Allansson\n\tNils Nordman\n\tSimon Wilkinson\n\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions\n * are met:\n * 1. Redistributions of source code must retain the above copyright\n * notice, this list of conditions and the following disclaimer.\n * 2. Redistributions in binary form must reproduce the above copyright\n * notice, this list of conditions and the following disclaimer in the\n * documentation and/or other materials provided with the distribution.\n *\n * THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR\n * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\n * OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.\n * IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT,\n * INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT\n * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\n * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n" }, { "path": "resources/terminal", "content": "#!/bin/bash\n\nDIR=\"$( cd \"$( dirname \"${BASH_SOURCE[0]}\" )\" && pwd )\"\nCMD=\"clear && $*\"\n\nITERM_EXISTS=`osascript < /dev/null < /dev/null < /dev/null < favoriteName !== name);\n } else {\n favorites = [...favorites, name];\n }\n localStorage.setItem('containers.favorites', JSON.stringify(favorites));\n this.dispatch({name});\n }\n}\n\nexport default alt.createActions(ContainerActions);\n" }, { "path": "src/actions/ContainerServerActions.js", "content": "import alt from '../alt';\n\nclass ContainerServerActions {\n constructor () {\n this.generateActions(\n 'added',\n 'allUpdated',\n 'destroyed',\n 'error',\n 'muted',\n 'pending',\n 'progress',\n 'started',\n 'unmuted',\n 'updated',\n 'waiting',\n 'kill',\n 'stopped',\n 'log',\n 'logs',\n 'toggleFavorite'\n );\n }\n}\n\nexport default alt.createActions(ContainerServerActions);\n" }, { "path": "src/actions/ImageActions.js", "content": "import alt from '../alt';\nimport dockerUtil from '../utils/DockerUtil';\n\nclass ImageActions {\n\n all () {\n this.dispatch({});\n dockerUtil.refresh();\n }\n\n destroy (image) {\n dockerUtil.removeImage(image);\n }\n}\n\nexport default alt.createActions(ImageActions);\n" }, { "path": "src/actions/ImageServerActions.js", "content": "import alt from '../alt';\n\nclass ImageServerActions {\n constructor () {\n this.generateActions(\n 'added',\n 'updated',\n 'destroyed',\n 'error'\n );\n }\n}\n\nexport default alt.createActions(ImageServerActions);\n" }, { "path": "src/actions/NetworkActions.js", "content": "import alt from '../alt';\n\nclass NetworkActions {\n constructor () {\n this.generateActions(\n 'updated',\n 'error',\n 'pending',\n 'clearPending'\n );\n }\n}\n\nexport default alt.createActions(NetworkActions);\n" }, { "path": "src/actions/RepositoryActions.js", "content": "import alt from '../alt';\nimport regHubUtil from '../utils/RegHubUtil';\n\nclass RepositoryActions {\n recommended () {\n this.dispatch({});\n regHubUtil.recommended();\n }\n\n search (query, page = 1) {\n this.dispatch({query, page});\n regHubUtil.search(query, page);\n }\n\n repos () {\n this.dispatch({});\n regHubUtil.repos();\n }\n}\n\nexport default alt.createActions(RepositoryActions);\n" }, { "path": "src/actions/RepositoryServerActions.js", "content": "import alt from '../alt';\n\nclass RepositoryServerActions {\n constructor () {\n this.generateActions(\n 'reposLoading',\n 'resultsUpdated',\n 'recommendedUpdated',\n 'reposUpdated',\n 'error'\n );\n }\n}\n\nexport default alt.createActions(RepositoryServerActions);\n" }, { "path": "src/actions/SetupActions.js", "content": "import alt from '../alt';\nimport setupUtil from '../utils/SetupUtil';\n\nclass SetupActions {\n retry (removeVM) {\n this.dispatch({removeVM});\n setupUtil.retry(removeVM);\n }\n\n useVbox () {\n this.dispatch({});\n setupUtil.useVbox();\n }\n}\n\nexport default alt.createActions(SetupActions);\n" }, { "path": "src/actions/SetupServerActions.js", "content": "import alt from '../alt';\n\nclass SetupServerActions {\n constructor () {\n this.generateActions(\n 'progress',\n 'error',\n 'started'\n );\n }\n}\n\nexport default alt.createActions(SetupServerActions);\n" }, { "path": "src/actions/TagActions.js", "content": "import alt from '../alt';\nimport regHubUtil from '../utils/RegHubUtil';\n\nclass TagActions {\n tags (repo) {\n this.dispatch({repo});\n regHubUtil.tags(repo);\n }\n \n localTags (repo, tags) {\n this.dispatch({repo, tags});\n }\n}\n\nexport default alt.createActions(TagActions);\n" }, { "path": "src/actions/TagServerActions.js", "content": "import alt from '../alt';\n\nclass TagServerActions {\n constructor () {\n this.generateActions(\n 'tagsUpdated',\n 'error'\n );\n }\n}\n\nexport default alt.createActions(TagServerActions);\n" }, { "path": "src/alt.js", "content": "import Alt from 'alt';\nexport default new Alt();\n" }, { "path": "src/app.js", "content": "import 'babel-polyfill';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst Menu = remote.Menu;\n// ipcRenderer is used as we're in the process\nconst ipcRenderer = electron.ipcRenderer;\n\nimport React from 'react';\nimport Promise from 'bluebird';\n\nimport metrics from './utils/MetricsUtil';\nimport template from './menutemplate';\nimport webUtil from './utils/WebUtil';\nimport hubUtil from './utils/HubUtil';\nimport setupUtil from './utils/SetupUtil';\nimport docker from './utils/DockerUtil';\nimport hub from './utils/HubUtil';\nimport Router from 'react-router';\nimport routes from './routes';\nimport routerContainer from './router';\nimport repositoryActions from './actions/RepositoryActions';\nimport machine from './utils/DockerMachineUtil';\n\nPromise.config({cancellation: true});\n\nhubUtil.init();\n\nif (hubUtil.loggedin()) {\n repositoryActions.repos();\n}\n\nrepositoryActions.recommended();\n\nwebUtil.addWindowSizeSaving();\nwebUtil.addLiveReload();\nwebUtil.addBugReporting();\nwebUtil.disableGlobalBackspace();\n\nMenu.setApplicationMenu(Menu.buildFromTemplate(template()));\n\nmetrics.track('Started App');\nmetrics.track('app heartbeat');\nsetInterval(function () {\n metrics.track('app heartbeat');\n}, 14400000);\n\nvar router = Router.create({\n routes: routes\n});\nrouter.run(Handler => React.render(, document.body));\nrouterContainer.set(router);\n\n\n\nsetupUtil.setup().then(() => {\n Menu.setApplicationMenu(Menu.buildFromTemplate(template()));\n docker.init();\n if (!hub.prompted() && !hub.loggedin()) {\n router.transitionTo('login');\n } else {\n router.transitionTo('search');\n }\n}).catch(err => {\n metrics.track('Setup Failed', {\n step: 'catch',\n message: err.message\n });\n throw err;\n});\n\n\nipcRenderer.on('application:quitting', () => {\n docker.detachEvent();\n if (localStorage.getItem('settings.closeVMOnQuit') === 'true') {\n machine.stop();\n }\n});\n\nwindow.onbeforeunload = function () {\n docker.detachEvent();\n};\n" }, { "path": "src/browser.js", "content": "import electron from 'electron';\nconst app = electron.app;\nconst BrowserWindow = electron.BrowserWindow;\n\nimport fs from 'fs';\nimport os from 'os';\nimport path from 'path';\nimport child_process from 'child_process';\nlet Promise = require('bluebird');\n\nprocess.env.NODE_PATH = path.join(__dirname, 'node_modules');\nprocess.env.RESOURCES_PATH = path.join(__dirname, '/../resources');\nif (process.platform !== 'win32') {\n process.env.PATH = '/usr/local/bin:' + process.env.PATH;\n}\nvar exiting = false;\nvar size = {}, settingsjson = {};\ntry {\n size = JSON.parse(fs.readFileSync(path.join(app.getPath('userData'), 'size')));\n} catch (err) {}\n\ntry {\n settingsjson = JSON.parse(fs.readFileSync(path.join(__dirname, 'settings.json'), 'utf8'));\n} catch (err) {}\n\napp.on('ready', function () {\n var mainWindow = new BrowserWindow({\n width: size.width || 1080,\n height: size.height || 680,\n minWidth: os.platform() === 'win32' ? 400 : 700,\n minHeight: os.platform() === 'win32' ? 260 : 500,\n 'standard-window': false,\n resizable: true,\n frame: false,\n backgroundColor: '#fff',\n show: false,\n webPreferences: {\n nodeIntegration: true,\n },\n });\n\n if (process.env.NODE_ENV === 'development') {\n mainWindow.openDevTools({mode: 'detach'});\n }\n\n mainWindow.loadURL(path.normalize('file://' + path.join(__dirname, 'index.html')));\n\n app.on('activate', function () {\n if (mainWindow) {\n mainWindow.show();\n }\n return false;\n });\n\n\n if (os.platform() === 'win32' || os.platform() === 'linux') {\n mainWindow.on('close', function (e) {\n mainWindow.webContents.send('application:quitting');\n if(!exiting){\n Promise.delay(1000).then(function(){\n mainWindow.close();\n });\n exiting = true;\n e.preventDefault();\n }\n });\n\n app.on('window-all-closed', function () {\n app.quit();\n });\n } else if (os.platform() === 'darwin') {\n app.on('before-quit', function () {\n mainWindow.webContents.send('application:quitting');\n });\n }\n\n mainWindow.webContents.on('new-window', function (e) {\n e.preventDefault();\n });\n\n mainWindow.webContents.on('will-navigate', function (e, url) {\n if (url.indexOf('build/index.html#') < 0) {\n e.preventDefault();\n }\n });\n\n mainWindow.webContents.on('did-finish-load', function () {\n mainWindow.setTitle('Kitematic');\n mainWindow.show();\n mainWindow.focus();\n });\n});\n" }, { "path": "src/components/About.react.js", "content": "import React from 'react/addons';\nimport metrics from '../utils/MetricsUtil';\nimport utils from '../utils/Util';\nimport Router from 'react-router';\nimport RetinaImage from 'react-retina-image';\nvar packages;\n\ntry {\n packages = utils.packagejson();\n} catch (err) {\n packages = {};\n}\n\nvar Preferences = React.createClass({\n mixins: [Router.Navigation],\n getInitialState: function () {\n return {\n metricsEnabled: metrics.enabled()\n };\n },\n handleGoBackClick: function () {\n this.goBack();\n metrics.track('Went Back From About');\n },\n render: function () {\n return (\n
\n
\n Go Back\n
\n
\n \n

Docker {packages.name}

\n

{packages.version}

\n
\n
\n

Kitematic is built with:

\n
\n
\n \n

Docker Engine

\n
\n
\n \n

Docker Machine

\n

{packages[\"docker-machine-version\"]}

\n
\n
\n

Third-Party Software

\n
\n
\n

VirtualBox

\n

{packages[\"virtualbox-version\"]}

\n
\n
\n
\n
\n

Electron

\n

{packages[\"electron-version\"]}

\n
\n
\n
\n
\n );\n }\n});\n\nmodule.exports = Preferences;\n" }, { "path": "src/components/Account.react.js", "content": "import React from 'react/addons';\nimport Router from 'react-router';\nimport RetinaImage from 'react-retina-image';\nimport Header from './Header.react';\nimport metrics from '../utils/MetricsUtil';\nimport accountStore from '../stores/AccountStore';\nimport accountActions from '../actions/AccountActions';\n\nmodule.exports = React.createClass({\n mixins: [Router.Navigation],\n\n getInitialState: function () {\n return accountStore.getState();\n },\n\n componentDidMount: function () {\n document.addEventListener('keyup', this.handleDocumentKeyUp, false);\n accountStore.listen(this.update);\n },\n\n componentWillUnmount: function () {\n document.removeEventListener('keyup', this.handleDocumentKeyUp, false);\n accountStore.unlisten(this.update);\n },\n\n componentWillUpdate: function (nextProps, nextState) {\n if (!this.state.username && nextState.username) {\n if (nextState.prompted) {\n this.goBack();\n } else {\n this.transitionTo('search');\n }\n }\n },\n\n handleSkip: function () {\n accountActions.skip();\n this.transitionTo('search');\n metrics.track('Skipped Login');\n },\n\n handleClose: function () {\n this.goBack();\n metrics.track('Closed Login');\n },\n\n update: function () {\n this.setState(accountStore.getState());\n },\n\n render: function () {\n let close = this.state.prompted ?\n Close :\n Skip For Now;\n\n return (\n
\n
\n
\n {close}\n
\n \n \n
\n
\n
\n

Connect to Docker Hub

\n

Pull and run private Docker Hub images by connecting your Docker Hub account to Kitematic.

\n
\n
\n
\n
\n );\n }\n});\n" }, { "path": "src/components/AccountLogin.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport validator from 'validator';\nimport accountActions from '../actions/AccountActions';\nimport metrics from '../utils/MetricsUtil';\nimport {shell} from 'electron';\n\nmodule.exports = React.createClass({\n mixins: [Router.Navigation, React.addons.LinkedStateMixin],\n\n getInitialState: function () {\n return {\n username: '',\n password: '',\n errors: {}\n };\n },\n\n componentDidMount: function () {\n React.findDOMNode(this.refs.usernameInput).focus();\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.setState({errors: nextProps.errors});\n },\n\n validate: function () {\n let errors = {};\n\n if (validator.isEmail(this.state.username)) {\n errors.username = 'Must be a valid username (not an email)';\n } else if (!validator.isLowercase(this.state.username) || !validator.isAlphanumeric(this.state.username) || !validator.isLength(this.state.username, 4, 30)) {\n errors.username = 'Must be 4-30 lower case letters or numbers';\n }\n\n if (!validator.isLength(this.state.password, 5)) {\n errors.password = 'Must be at least 5 characters long';\n }\n\n return errors;\n },\n\n handleBlur: function () {\n this.setState({errors: _.omit(this.validate(), (val, key) => !this.state[key].length)});\n },\n\n handleLogin: function () {\n let errors = this.validate();\n this.setState({errors});\n\n if (_.isEmpty(errors)) {\n accountActions.login(this.state.username, this.state.password);\n metrics.track('Clicked Log In');\n }\n },\n\n handleClickSignup: function () {\n if (!this.props.loading) {\n this.replaceWith('signup');\n metrics.track('Switched to Sign Up');\n }\n },\n\n handleClickForgotPassword: function () {\n shell.openExternal('https://hub.docker.com/reset-password/');\n },\n\n render: function () {\n let loading = this.props.loading ?
: null;\n return (\n
\n \n

{this.state.errors.username}

\n \n

{this.state.errors.password}

\n Forgot your password?\n

{this.state.errors.detail}

\n
\n {loading}\n \n
\n
\n
Don't have an account yet? Sign Up
\n
\n );\n }\n});\n" }, { "path": "src/components/AccountSignup.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport validator from 'validator';\nimport accountActions from '../actions/AccountActions';\nimport metrics from '../utils/MetricsUtil';\n\nmodule.exports = React.createClass({\n mixins: [Router.Navigation, React.addons.LinkedStateMixin],\n\n getInitialState: function () {\n return {\n username: '',\n password: '',\n email: '',\n subscribe: true,\n errors: {}\n };\n },\n\n componentDidMount: function () {\n React.findDOMNode(this.refs.usernameInput).focus();\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.setState({errors: nextProps.errors});\n },\n\n validate: function () {\n let errors = {};\n if (!validator.isLowercase(this.state.username) || !validator.isAlphanumeric(this.state.username) || !validator.isLength(this.state.username, 4, 30)) {\n errors.username = 'Must be 4-30 lower case letters or numbers';\n }\n\n if (!validator.isLength(this.state.password, 5)) {\n errors.password = 'Must be at least 5 characters long';\n }\n\n if (!validator.isEmail(this.state.email)) {\n errors.email = 'Must be a valid email address';\n }\n return errors;\n },\n\n handleBlur: function () {\n this.setState({errors: _.omit(this.validate(), (val, key) => !this.state[key].length)});\n },\n\n handleSignUp: function () {\n let errors = this.validate();\n this.setState({errors});\n\n if (_.isEmpty(errors)) {\n accountActions.signup(this.state.username, this.state.password, this.state.email, this.state.subscribe);\n metrics.track('Clicked Sign Up');\n }\n },\n\n handleClickLogin: function () {\n if (!this.props.loading) {\n this.replaceWith('login');\n metrics.track('Switched to Log In');\n }\n },\n\n render: function () {\n let loading = this.props.loading ?
: null;\n return (\n
\n \n

{this.state.errors.username}

\n \n

{this.state.errors.email}

\n \n

{this.state.errors.password}

\n
\n \n
\n

{this.state.errors.detail}

\n
\n {loading}\n \n
\n
\n
Already have an account? Log In
\n
\n );\n }\n});\n" }, { "path": "src/components/ContainerDetails.react.js", "content": "import React from 'react/addons';\nimport Router from 'react-router';\nimport ContainerDetailsHeader from './ContainerDetailsHeader.react';\nimport ContainerDetailsSubheader from './ContainerDetailsSubheader.react';\nimport containerUtil from '../utils/ContainerUtil';\nimport util from '../utils/Util';\nimport _ from 'underscore';\n\nvar ContainerDetails = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n\n render: function () {\n if (!this.props.container) {\n return false;\n }\n\n let ports = containerUtil.ports(this.props.container);\n let defaultPort = _.find(_.keys(ports), port => {\n return util.webPorts.indexOf(port) !== -1;\n });\n\n return (\n
\n \n \n \n
\n );\n }\n});\n\nmodule.exports = ContainerDetails;\n" }, { "path": "src/components/ContainerDetailsHeader.react.js", "content": "import React from 'react/addons';\n\nvar ContainerDetailsHeader = React.createClass({\n render: function () {\n var state;\n if (!this.props.container) {\n return false;\n }\n\n if (this.props.container.State.Updating) {\n state = UPDATING;\n } else if (this.props.container.State.Stopping) {\n state = STOPPING;\n } else if (this.props.container.State.Paused) {\n state = PAUSED;\n } else if (this.props.container.State.Restarting) {\n state = RESTARTING;\n } else if (this.props.container.State.Running && !this.props.container.State.ExitCode) {\n state = RUNNING;\n } else if (this.props.container.State.Starting) {\n state = STARTING;\n } else if (this.props.container.State.Downloading) {\n state = DOWNLOADING;\n } else {\n state = STOPPED;\n }\n return (\n
\n
\n {this.props.container.Name}{state}\n
\n
\n );\n }\n});\n\nmodule.exports = ContainerDetailsHeader;\n" }, { "path": "src/components/ContainerDetailsSubheader.react.js", "content": "import _ from 'underscore';\nimport React from 'react';\nimport {shell} from 'electron';\nimport metrics from '../utils/MetricsUtil';\nimport ContainerUtil from '../utils/ContainerUtil';\nimport classNames from 'classnames';\nimport containerActions from '../actions/ContainerActions';\nimport dockerMachineUtil from '../utils/DockerMachineUtil';\n\nvar ContainerDetailsSubheader = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n disableRun: function () {\n if (!this.props.container) {\n return true;\n }\n return (!this.props.container.State.Running || !this.props.defaultPort || this.props.container.State.Updating);\n },\n disableRestart: function () {\n if (!this.props.container) {\n return true;\n }\n return (this.props.container.State.Stopping || this.props.container.State.Downloading || this.props.container.State.Restarting || this.props.container.State.Updating);\n },\n disableStop: function () {\n if (!this.props.container) {\n return true;\n }\n return (this.props.container.State.Stopping || this.props.container.State.Downloading || this.props.container.State.ExitCode || !this.props.container.State.Running || this.props.container.State.Updating);\n },\n disableStart: function () {\n if (!this.props.container) {\n return true;\n }\n return (this.props.container.State.Downloading || this.props.container.State.Running || this.props.container.State.Updating);\n },\n disableTerminal: function () {\n if (!this.props.container) {\n return true;\n }\n return (this.props.container.State.Stopping || !this.props.container.State.Running || this.props.container.State.Updating);\n },\n disableTab: function () {\n if (!this.props.container) {\n return false;\n }\n return (this.props.container.State.Downloading);\n },\n showHome: function () {\n if (!this.disableTab()) {\n metrics.track('Viewed Home', {\n from: 'header'\n });\n this.context.router.transitionTo('containerHome', {name: this.context.router.getCurrentParams().name});\n }\n },\n showSettings: function () {\n if (!this.disableTab()) {\n metrics.track('Viewed Settings');\n this.context.router.transitionTo('containerSettings', {name: this.context.router.getCurrentParams().name});\n }\n },\n handleRun: function () {\n if (this.props.defaultPort && !this.disableRun()) {\n metrics.track('Opened In Browser', {\n from: 'header'\n });\n shell.openExternal(this.props.ports[this.props.defaultPort].url);\n }\n },\n handleRestart: function () {\n if (!this.disableRestart()) {\n metrics.track('Restarted Container');\n containerActions.restart(this.props.container.Name);\n }\n },\n handleStop: function () {\n if (!this.disableStop()) {\n metrics.track('Stopped Container');\n containerActions.stop(this.props.container.Name);\n }\n },\n handleStart: function () {\n if (!this.disableStart()) {\n metrics.track('Started Container');\n containerActions.start(this.props.container.Name);\n }\n },\n handleDocs: function () {\n let repoUri = 'https://hub.docker.com/r/';\n let imageName = this.props.container.Config.Image.split(':')[0];\n if (imageName.indexOf('/') === -1) {\n repoUri = repoUri + 'library/' + imageName;\n } else {\n repoUri = repoUri + imageName;\n }\n shell.openExternal(repoUri);\n },\n handleTerminal: function () {\n if (!this.disableTerminal()) {\n metrics.track('Terminaled Into Container');\n var container = this.props.container;\n var shell = ContainerUtil.env(container).reduce((envs, env) => {\n envs[env[0]] = env[1];\n return envs;\n }, {}).SHELL;\n\n if(!shell) {\n shell = localStorage.getItem('settings.terminalShell') || 'sh';\n }\n dockerMachineUtil.dockerTerminal(`docker exec -it ${this.props.container.Name} ${shell}`);\n }\n },\n render: function () {\n var restartActionClass = classNames({\n action: true,\n disabled: this.disableRestart()\n });\n var stopActionClass = classNames({\n action: true,\n disabled: this.disableStop()\n });\n var startActionClass = classNames({\n action: true,\n disabled: this.disableStart()\n });\n var terminalActionClass = classNames({\n action: true,\n disabled: this.disableTerminal()\n });\n var docsActionClass = classNames({\n action: true,\n disabled: false\n });\n\n var currentRoutes = _.map(this.context.router.getCurrentRoutes(), r => r.name);\n var currentRoute = _.last(currentRoutes);\n\n var tabHomeClasses = classNames({\n 'details-tab': true,\n 'active': currentRoute === 'containerHome',\n disabled: this.disableTab()\n });\n var tabSettingsClasses = classNames({\n 'details-tab': true,\n 'active': currentRoutes && (currentRoutes.indexOf('containerSettings') >= 0),\n disabled: this.disableTab()\n });\n var startStopToggle;\n if (this.disableStop()) {\n startStopToggle = (\n
\n
\n
START
\n
\n );\n } else {\n startStopToggle = (\n
\n
\n
STOP
\n
\n );\n }\n\n return (\n
\n
\n {startStopToggle}\n
\n
\n
RESTART
\n
\n
\n
\n
EXEC
\n
\n
\n
\n
DOCS
\n
\n
\n
\n Home\n Settings\n
\n
\n );\n }\n});\n\nmodule.exports = ContainerDetailsSubheader;\n" }, { "path": "src/components/ContainerHome.react.js", "content": "import _ from 'underscore';\nimport $ from 'jquery';\nimport React from 'react/addons';\nimport ContainerProgress from './ContainerProgress.react';\nimport ContainerHomeLogs from './ContainerHomeLogs.react';\nimport ContainerHomeFolders from './ContainerHomeFolders.react';\nimport {shell} from 'electron';\n\nvar ContainerHome = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n\n componentDidMount: function () {\n this.handleResize();\n window.addEventListener('resize', this.handleResize);\n },\n\n componentWillUnmount: function () {\n window.removeEventListener('resize', this.handleResize);\n },\n\n componentDidUpdate: function () {\n this.handleResize();\n },\n\n handleResize: function () {\n $('.full .wrapper').height(window.innerHeight - 132);\n $('.left .wrapper').height(window.innerHeight - 132);\n $('.right .wrapper').height(window.innerHeight / 2 - 55);\n },\n\n handleErrorClick: function () {\n // Display wiki for proxy: https://github.com/docker/kitematic/wiki/Common-Proxy-Issues-&-Fixes\n shell.openExternal('https://github.com/kitematic/kitematic/issues/new');\n },\n\n showFolders: function () {\n return this.props.container.Mounts && this.props.container.Mounts.length > 0 && this.props.container.State.Running;\n },\n\n render: function () {\n if (!this.props.container) {\n return '';\n }\n\n let body;\n if (this.props.container.Error) {\n let error = this.props.container.Error.message;\n if (!error) {\n error = this.props.container.Error;\n } else {\n if (error.indexOf('ETIMEDOUT') !== -1) {\n error = 'Timeout error - Try and restart your VM by running: \\n\"docker-machine restart default\" in a terminal';\n }\n if (error.indexOf('ECONNREFUSED') !== -1) {\n error = 'Is your VM up and running? Check that \"docker ps\" works in a terminal.';\n }\n }\n body = (\n
\n

We're sorry. There seems to be an error:

\n {error.split('\\n').map(i => {\n return

{i}

;\n })}\n

If this error is invalid, please file a ticket on our Github repo.

\n File Ticket\n
\n );\n } else if (this.props.container && this.props.container.State.Downloading) {\n if (this.props.container.Progress) {\n let values = [];\n let sum = 0.0;\n\n for (let i = 0; i < this.props.container.Progress.amount; i++) {\n values.push(Math.round(this.props.container.Progress.progress[i].value));\n sum += this.props.container.Progress.progress[i].value;\n }\n\n sum = sum / this.props.container.Progress.amount;\n if (isNaN(sum)) {\n sum = 0;\n }\n\n let total = (Math.round(sum * 100) / 100).toFixed(2);\n\n body = (\n
\n

{total >= 100 ? 'Creating Container' : 'Downloading Image'}

\n

{total}%

\n
\n \n
\n
\n );\n\n } else if (this.props.container.State.Waiting) {\n body = (\n
\n

Waiting For Another Download

\n
\n
\n );\n } else {\n body = (\n
\n

Connecting to Docker Hub

\n
\n
\n );\n }\n } else {\n var logWidget = (\n \n );\n var folderWidget;\n if (this.showFolders()) {\n folderWidget = (\n \n );\n }\n if (logWidget && !folderWidget) {\n body = (\n
\n
\n
\n {logWidget}\n
\n
\n
\n );\n } else {\n body = (\n
\n
\n
\n {logWidget}\n
\n
\n {folderWidget}\n
\n
\n
\n );\n }\n }\n return body;\n }\n});\n\nmodule.exports = ContainerHome;\n" }, { "path": "src/components/ContainerHomeFolders.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport RetinaImage from 'react-retina-image';\nimport path from 'path';\nimport {shell} from 'electron';\nimport util from '../utils/Util';\nimport metrics from '../utils/MetricsUtil';\nimport containerActions from '../actions/ContainerActions';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst dialog = remote.dialog;\nimport mkdirp from 'mkdirp';\n\nvar ContainerHomeFolder = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n handleClickFolder: function (source, destination) {\n metrics.track('Opened Volume Directory', {\n from: 'home'\n });\n\n if (source.indexOf(util.windowsToLinuxPath(util.home())) === -1) {\n dialog.showMessageBox({\n message: `Enable all volumes to edit files? This may not work with all database containers.`,\n buttons: ['Enable Volumes', 'Cancel']\n }).then(({response}) => {\n if (response === 0) {\n var mounts = _.clone(this.props.container.Mounts);\n var newSource = path.join(util.home(), util.documents(), 'Kitematic', this.props.container.Name, destination);\n\n mounts.forEach(m => {\n if (m.Destination === destination) {\n m.Source = util.windowsToLinuxPath(newSource);\n m.Driver = null;\n }\n });\n\n mkdirp(newSource, function (err) {\n console.log(err);\n if (!err) {\n shell.showItemInFolder(newSource);\n }\n });\n\n let binds = mounts.map(m => {\n return m.Source + ':' + m.Destination;\n });\n\n let hostConfig = _.extend(this.props.container.HostConfig, {Binds: binds});\n\n containerActions.update(this.props.container.Name, {Mounts: mounts, HostConfig: hostConfig});\n }\n });\n } else {\n let path = util.isWindows() ? util.linuxToWindowsPath(source) : source;\n shell.showItemInFolder(path);\n }\n },\n handleClickChangeFolders: function () {\n metrics.track('Viewed Volume Settings', {\n from: 'preview'\n });\n this.context.router.transitionTo('containerSettingsVolumes', {name: this.context.router.getCurrentParams().name});\n },\n render: function () {\n if (!this.props.container) {\n return false;\n }\n\n var folders = _.map(this.props.container.Mounts, (m, i) => {\n let destination = m.Destination;\n let source = m.Source;\n return (\n
\n \n
{destination}
\n
\n );\n });\n\n return (\n
\n
\n
\n
Volumes
\n
\n \n
\n
\n
\n {folders}\n
\n
\n
\n );\n }\n});\n\nmodule.exports = ContainerHomeFolder;\n" }, { "path": "src/components/ContainerHomeIpPortsPreview.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\n\nvar ContainerHomeIpPortsPreview = React.createClass({\n handleClickPortSettings: function () {\n this.props.handleClickPortSettings();\n },\n\n render: function () {\n var ports = _.map(_.pairs(this.props.ports), pair => {\n var key = pair[0];\n var val = pair[1];\n return (\n \n {key + '/' + val.portType}\n {val.url}\n \n );\n });\n\n return (\n
\n
\n
\n
IP & PORTS
\n
\n \n
\n
\n

You can access this container using the following IP address and port:

\n \n \n \n \n \n \n \n \n {ports}\n \n
DOCKER PORTACCESS URL
\n
\n
\n );\n }\n});\n\nmodule.exports = ContainerHomeIpPortsPreview;\n" }, { "path": "src/components/ContainerHomeLogs.react.js", "content": "import $ from 'jquery';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport containerActions from '../actions/ContainerActions';\nimport Convert from 'ansi-to-html';\nimport * as fs from 'fs';\nimport { clipboard, remote, shell } from 'electron';\nconst dialog = remote.dialog;\n\nlet escape = function (html) {\n var text = document.createTextNode(html);\n var div = document.createElement('div');\n div.appendChild(text);\n return div.innerHTML;\n};\n\nvar FontSelect = React.createClass({\n \n getFontSizes: function(start, end){\n let options = [];\n for(let i = start; i<=end; i++){\n options.push();\n }\n return options;\n },\n\n render: function(){\n return (\n \n );\n }\n});\n\nlet convert = new Convert();\nlet prevBottom = 0;\n\nmodule.exports = React.createClass({\n getInitialState: function(){\n return {\n fontSize: 10,\n follow: true,\n };\n },\n onFontChange: function(event){\n let $target = event.target;\n this.setState((prevState)=>({\n fontSize: $target.value,\n follow: prevState.follow\n }));\n },\n componentDidUpdate: function () {\n var node = $('.logs').get()[0];\n if(this.state.follow){\n node.scrollTop = node.scrollHeight;\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n if (this.props.container && nextProps.container && this.props.container.Name !== nextProps.container.Name) {\n containerActions.active(nextProps.container.Name);\n }\n },\n\n componentDidMount: function () {\n containerActions.active(this.props.container.Name);\n },\n\n componentWillUnmount: function () {\n containerActions.active(null);\n },\n \n toggleFollow: function () {\n this.setState((prevState)=>({\n fontSize: prevState.fontsize,\n follow: !prevState.follow\n }));\n },\n\n render: function () {\n let _logs = '';\n let logs = this.props.container.Logs ? this.props.container.Logs.map((l, index) => {\n const key = `${this.props.container.Name}-${index}`;\n _logs = _logs.concat((l.substr(l.indexOf(' ')+1)).replace(/\\[\\d+m/g,'').concat('\\n'));\n return
'))}}>
;\n }) : ['0 No logs for this container.'];\n\n let copyLogs = (event) => {\n clipboard.writeText(_logs);\n\n let btn = event.target;\n btn.innerHTML = 'Copied !';\n btn.style.color = '#FFF';\n setTimeout(()=>{\n btn.style.color = 'inherit'\n btn.innerHTML = 'Copy';\n }, 1000);\n };\n\n let saveLogs = (event) => {\n //create default filename with timestamp\n let path = `${this.props.container.Name} ${new Date().toISOString().replace(/T/, '_').replace(/\\..+/, '').replace(/:/g,'-')}.txt`;\n dialog.showSaveDialog({\n defaultPath: path\n }).then(({filePath}) => {\n if (!filePath) return;\n fs.writeFile(filePath, _logs, (err) => {\n if(!err){\n shell.showItemInFolder(filePath);\n }else{\n dialog.showErrorBox('Oops! an error occured', err.message);\n }\n });\n });\n };\n\n return (\n
\n
\n
\n
Container Logs
\n
\n \n \n \n \n
\n
\n
\n {logs}\n
\n
\n
\n );\n }\n});\n" }, { "path": "src/components/ContainerList.react.js", "content": "import React from 'react/addons';\nimport ContainerListItem from './ContainerListItem.react';\n\nvar ContainerList = React.createClass({\n componentWillMount: function () {\n this.start = Date.now();\n },\n render: function () {\n var containers = this.props.containers.map(container => {\n return (\n \n );\n });\n return (\n
    \n {containers}\n
\n );\n }\n});\n\nmodule.exports = ContainerList;\n" }, { "path": "src/components/ContainerListItem.react.js", "content": "import $ from 'jquery';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst dialog = remote.dialog;\nimport metrics from '../utils/MetricsUtil';\nimport {OverlayTrigger, Tooltip} from 'react-bootstrap';\nimport containerActions from '../actions/ContainerActions';\n\nvar ContainerListItem = React.createClass({\n toggleFavoriteContainer: function (e) {\n e.preventDefault();\n e.stopPropagation();\n containerActions.toggleFavorite(this.props.container.Name);\n },\n handleDeleteContainer: function (e) {\n e.preventDefault();\n e.stopPropagation();\n dialog.showMessageBox({\n message: 'Are you sure you want to stop & remove this container?',\n buttons: ['Remove', 'Cancel']\n }).then(({response}) => {\n if (response === 0) {\n metrics.track('Deleted Container', {\n from: 'list',\n type: 'existing'\n });\n containerActions.destroy(this.props.container.Name);\n }\n });\n },\n render: function () {\n var self = this;\n var container = this.props.container;\n var imageNameTokens = container.Config.Image.split('/');\n var repo;\n if (imageNameTokens.length > 1) {\n repo = imageNameTokens[1];\n } else {\n repo = imageNameTokens[0];\n }\n var imageName = (\n {container.Config.Image}}>\n {repo}\n \n );\n\n // Synchronize all animations\n var style = {\n WebkitAnimationDelay: 0 + 'ms'\n };\n\n var state;\n if (container.State.Downloading) {\n state = (\n Downloading}>\n
\n
\n
\n \n );\n } else if (container.State.Running && !container.State.Paused) {\n state = (\n Running}>\n
\n \n );\n } else if (container.State.Restarting) {\n state = (\n Restarting}>\n
\n \n );\n } else if (container.State.Paused) {\n state = (\n Paused}>\n
\n \n );\n } else if (container.State.ExitCode) {\n state = (\n Stopped}>\n
\n \n );\n } else {\n state = (\n Stopped}>\n
\n \n );\n }\n\n return (\n \n
  • \n {state}\n
    \n
    \n {container.Name}\n
    \n
    \n {imageName}\n
    \n
    \n
    \n \n \n
    \n
    • \n     \n );\n }\n});\n\nmodule.exports = ContainerListItem;\n" }, { "path": "src/components/ContainerProgress.react.js", "content": "import React from 'react';\n\n/*\n\n Usage: \n\n*/\nvar ContainerProgress = React.createClass({\n render: function () {\n var pBar1Style = {\n height: this.props.pBar1 + '%'\n };\n var pBar2Style = {\n height: this.props.pBar2 + '%'\n };\n var pBar3Style = {\n height: this.props.pBar3 + '%'\n };\n var pBar4Style = {\n height: this.props.pBar4 + '%'\n };\n return (\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerProgress;\n" }, { "path": "src/components/ContainerSettings.react.js", "content": "import $ from 'jquery';\nimport _ from 'underscore';\nimport React from 'react/addons';\nimport Router from 'react-router';\n\nvar ContainerSettings = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n componentWillReceiveProps: function () {\n this.init();\n },\n componentDidMount: function() {\n this.init();\n this.handleResize();\n window.addEventListener('resize', this.handleResize);\n },\n componentWillUnmount: function() {\n window.removeEventListener('resize', this.handleResize);\n },\n componentDidUpdate: function () {\n this.handleResize();\n },\n handleResize: function () {\n $('.settings-panel').height(window.innerHeight - 210);\n },\n init: function () {\n var currentRoute = _.last(this.context.router.getCurrentRoutes()).name;\n if (currentRoute === 'containerSettings') {\n this.context.router.transitionTo('containerSettingsGeneral', {name: this.context.router.getCurrentParams().name});\n }\n },\n render: function () {\n var container = this.props.container;\n if (!container) {\n return (
    );\n }\n return (\n
    \n
    \n
    \n
      \n \n
    • \n General\n
      • \n       \n \n
    • \n Hostname / Ports \n
      • \n       \n \n
    • \n Volumes\n
      • \n       \n \n
    • \n Network\n
      • \n       \n \n
    • \n Advanced\n
      • \n       \n
    \n
    \n \n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettings;\n" }, { "path": "src/components/ContainerSettingsAdvanced.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport metrics from '../utils/MetricsUtil';\nimport ContainerUtil from '../utils/ContainerUtil';\nimport containerActions from '../actions/ContainerActions';\n\nvar ContainerSettingsAdvanced = React.createClass({\n mixins: [React.addons.LinkedStateMixin],\n\n contextTypes: {\n router: React.PropTypes.func\n },\n\n getInitialState: function () {\n let [tty, openStdin, privileged, restartPolicy] = ContainerUtil.mode(this.props.container) || [true, true, false, {MaximumRetryCount: 0, Name: 'no'}];\n return {\n tty: tty,\n openStdin: openStdin,\n privileged: privileged,\n restartPolicy: restartPolicy.Name === 'always'\n };\n },\n\n handleSaveAdvancedOptions: function () {\n metrics.track('Saved Advanced Options');\n let tty = this.state.tty;\n let openStdin = this.state.openStdin;\n let privileged = this.state.privileged;\n let restartPolicy = this.state.restartPolicy? {MaximumRetryCount: 0, Name: 'always'} : {MaximumRetryCount: 0, Name: 'no'};\n let hostConfig = _.extend(this.props.container.HostConfig, {Privileged: privileged, RestartPolicy: restartPolicy});\n containerActions.update(this.props.container.Name, {Tty: tty, OpenStdin: openStdin, HostConfig: hostConfig});\n },\n\n handleChangeTty: function () {\n this.setState({\n tty: !this.state.tty\n });\n },\n\n handleChangeOpenStdin: function () {\n this.setState({\n openStdin: !this.state.openStdin\n });\n },\n\n handleChangePrivileged: function () {\n this.setState({\n privileged: !this.state.privileged\n });\n },\n\n handleChangeRestartPolicy: function () {\n this.setState({\n restartPolicy: !this.state.restartPolicy\n });\n },\n\n render: function () {\n if (!this.props.container) {\n return false;\n }\n\n return (\n
    \n
    \n

    Advanced Options

    \n
    \n

    \n

    \n

    \n

    \n
    \n Save\n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettingsAdvanced;\n" }, { "path": "src/components/ContainerSettingsGeneral.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport metrics from '../utils/MetricsUtil';\nimport electron, { clipboard } from 'electron';\nconst remote = electron.remote;\nconst dialog = remote.dialog;\nimport ContainerUtil from '../utils/ContainerUtil';\nimport containerActions from '../actions/ContainerActions';\nimport util from '../utils/Util';\n\nvar ContainerSettingsGeneral = React.createClass({\n mixins: [React.addons.LinkedStateMixin],\n\n contextTypes: {\n router: React.PropTypes.func\n },\n\n getInitialState: function () {\n let env = ContainerUtil.env(this.props.container) || [];\n env.push(['', '']);\n\n env = _.map(env, e => {\n return [util.randomId(), e[0], e[1]];\n });\n\n return {\n slugName: null,\n nameError: null,\n copiedId: false,\n env: env\n };\n },\n\n handleNameChange: function (e) {\n var name = e.target.value;\n if (name === this.state.slugName) {\n return;\n }\n\n name = name.replace(/^\\s+|\\s+$/g, ''); // Trim\n name = name.toLowerCase();\n // Remove Accents\n let from = \"àáäâèéëêìíïîòóöôùúüûñç·/,:;\";\n let to = \"aaaaeeeeiiiioooouuuunc-----\";\n for (var i=0, l=from.length ; i {\n let [, key, value] = kvp;\n if ((key && key.length) || (value && value.length)) {\n list.push(key + '=' + value);\n }\n });\n containerActions.update(this.props.container.Name, {Env: list});\n },\n\n handleChangeEnvKey: function (index, event) {\n let env = _.map(this.state.env, _.clone);\n env[index][1] = event.target.value;\n this.setState({\n env: env\n });\n },\n\n handleChangeEnvVal: function (index, event) {\n let env = _.map(this.state.env, _.clone);\n env[index][2] = event.target.value;\n this.setState({\n env: env\n });\n },\n\n handleAddEnvVar: function () {\n let env = _.map(this.state.env, _.clone);\n env.push([util.randomId(), '', '']);\n this.setState({\n env: env\n });\n metrics.track('Added Pending Environment Variable');\n },\n\n handleRemoveEnvVar: function (index) {\n let env = _.map(this.state.env, _.clone);\n env.splice(index, 1);\n\n if (env.length === 0) {\n env.push([util.randomId(), '', '']);\n }\n\n this.setState({\n env: env\n });\n\n metrics.track('Removed Environment Variable');\n },\n\n handleDeleteContainer: function () {\n dialog.showMessageBox({\n message: 'Are you sure you want to delete this container?',\n buttons: ['Delete', 'Cancel']\n }).then(({response}) => {\n if (response === 0) {\n metrics.track('Deleted Container', {\n from: 'settings',\n type: 'existing'\n });\n containerActions.destroy(this.props.container.Name);\n }\n });\n },\n\n render: function () {\n if (!this.props.container) {\n return false;\n }\n\n var clipboardStatus;\n var willBeRenamedAs;\n var btnSaveName = (\n Save\n );\n if (this.state.slugName) {\n willBeRenamedAs = (\n

    Will be renamed as: {this.state.slugName}

    \n );\n btnSaveName = (\n Save\n );\n } else if (this.state.nameError) {\n willBeRenamedAs = (\n

    {this.state.nameError}

    \n );\n }\n\n if (this.state.copiedId) {\n clipboardStatus = (\n

    Copied to Clipboard

    \n );\n }\n\n let containerInfo = (\n
    \n

    Container Info

    \n
    \n
    ID
    \n \n Copy\n {clipboardStatus}\n
    \n
    \n
    NAME
    \n \n {btnSaveName}\n {willBeRenamedAs}\n
    \n
    \n );\n\n let vars = _.map(this.state.env, (kvp, index) => {\n let [id, key, val] = kvp;\n let icon;\n if (index === this.state.env.length - 1) {\n icon = ;\n } else {\n icon = ;\n }\n\n return (\n
    \n \n \n {icon}\n
    \n );\n });\n\n return (\n
    \n {containerInfo}\n
    \n

    Environment Variables

    \n
    \n
    KEY
    \n
    VALUE
    \n
    \n
    \n {vars}\n
    \n Save\n
    \n
    \n

    Delete Container

    \n Delete Container\n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettingsGeneral;\n" }, { "path": "src/components/ContainerSettingsNetwork.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport metrics from '../utils/MetricsUtil';\nimport docker from '../utils/DockerUtil';\nimport containerActions from '../actions/ContainerActions';\nimport networkStore from '../stores/NetworkStore';\nimport Router from 'react-router';\nimport ContainerUtil from '../utils/ContainerUtil';\nimport containerStore from '../stores/ContainerStore';\n\nvar ContainerSettingsNetwork = React.createClass({\n mixins: [React.addons.LinkedStateMixin],\n\n contextTypes: {\n router: React.PropTypes.func\n },\n\n getInitialState: function () {\n let usedNetworks = this.getUsedNetworks(networkStore.all());\n var links = ContainerUtil.links(this.props.container);\n return {\n networks: networkStore.all(),\n error: networkStore.getState().error,\n pending: networkStore.getState().pending,\n usedNetworks,\n links: links,\n newLink: {\n container: \"\",\n alias: \"\",\n },\n isNewLinkValid: false,\n containers: this.containerLinkOptions(containerStore.getState().containers)\n };\n },\n\n getUsedNetworks(networks) {\n const usedKeys = _.keys(this.props.container.NetworkSettings.Networks);\n\n return _.object(_.map(networks, function (network) {\n return [network.Name, _.contains(usedKeys, network.Name)];\n }));\n },\n\n componentDidMount: function () {\n networkStore.listen(this.update);\n },\n\n componentWillUnmount: function () {\n networkStore.unlisten(this.update);\n },\n\n update: function () {\n let newState = {\n networks: networkStore.all(),\n error: networkStore.getState().error,\n pending: networkStore.getState().pending\n };\n if (!newState.pending) {\n newState.usedNetworks = this.getUsedNetworks(networkStore.all());\n }\n this.setState(newState);\n },\n\n handleSaveNetworkOptions: function () {\n metrics.track('Saved Network Options');\n let connectedNetworks = [];\n let disconnectedNetworks = [];\n let containerNetworks = this.props.container.NetworkSettings.Networks;\n let usedNetworks = this.state.usedNetworks;\n _.each(networkStore.all(), network => {\n let isConnected = _.has(containerNetworks, network.Name);\n if (isConnected !== usedNetworks[network.Name]) {\n if (isConnected) {\n disconnectedNetworks.push(network.Name);\n } else {\n connectedNetworks.push(network.Name);\n }\n }\n });\n if (connectedNetworks.length || disconnectedNetworks.length) {\n docker.updateContainerNetworks(this.props.container.Name, connectedNetworks, disconnectedNetworks);\n }\n },\n\n handleToggleNetwork: function (event) {\n let usedNetworks = _.clone(this.state.usedNetworks);\n let networkName = event.target.name;\n let newState = !usedNetworks[networkName];\n if (newState) {\n if (networkName === 'none') {\n usedNetworks = _.mapObject(usedNetworks, () => false);\n } else {\n usedNetworks['none'] = false;\n }\n }\n usedNetworks[networkName] = newState;\n this.setState({\n usedNetworks\n });\n },\n\n handleToggleHostNetwork: function () {\n let NetworkingConfig = {\n EndpointsConfig: {}\n };\n if (!this.state.usedNetworks.host) {\n NetworkingConfig.EndpointsConfig.host = {};\n }\n containerActions.update(this.props.container.Name, {NetworkingConfig});\n },\n\n containerLinkOptions: function (containers) {\n const usedNetworks = _.keys(this.props.container.NetworkSettings.Networks);\n const currentContainerName = this.props.container.Name;\n\n return _.values(containers).filter(function(container){\n\n var sameNetworks = _.keys(container.NetworkSettings.Networks).filter(function(network){\n return _.contains(usedNetworks, network);\n });\n\n if(container.State.Downloading){ // is downloading\n return false;\n }else if(container.Name == currentContainerName){ // is current container\n return false\n }else if (sameNetworks.length == 0) { // not in the same network\n return false;\n }else{\n return true;\n }\n }).sort(function (a, b) {\n return a.Name.localeCompare(b.Name);\n });\n },\n\n handleNewLink: function () {\n let links = this.state.links;\n links.push({\n alias: this.state.newLink.alias.trim(),\n container: this.state.newLink.container\n });\n this.setState({\n links,\n newLink: {\n container: \"\",\n alias: \"\",\n }\n });\n\n this.saveContainerLinks();\n },\n\n handleNewLinkContainerChange: function () {\n let newLink = this.state.newLink;\n newLink.container = event.target.value;\n this.setState({\n newLink\n });\n this.checkNewLink();\n },\n\n handleNewLinkAliasChange: function () {\n let newLink = this.state.newLink;\n newLink.alias = event.target.value;\n this.setState({\n newLink\n });\n this.checkNewLink();\n },\n\n checkNewLink: function () {\n this.setState({\n isNewLinkValid: this.state.newLink.container != \"\"\n && /[A-Za-z0-9\\-]$/.test(this.state.newLink.alias)\n });\n },\n\n handleRemoveLink: function (event) {\n let links = this.state.links;\n links.splice( parseInt(event.target.name), 1);\n this.setState({\n links\n });\n\n this.saveContainerLinks();\n },\n\n saveContainerLinks: function () {\n var linksPaths = ContainerUtil.normalizeLinksPath(this.props.container, this.state.links);\n\n let hostConfig = _.extend(this.props.container.HostConfig, {Links: linksPaths});\n containerActions.update(this.props.container.Name, {HostConfig: hostConfig});\n },\n\n render: function () {\n let isUpdating = (this.props.container.State.Updating || this.state.pending);\n let networks = _.map(this.state.networks, (network, index) => {\n if (network.Name !== 'host') {\n return (\n \n \n {network.Name}\n {network.Driver}\n \n )\n }\n });\n\n let links = _.map(this.state.links, (link, key) => {\n return (\n \n {link.container}\n {link.alias}\n \n \n OPEN\n \n REMOVE\n \n \n )\n })\n\n let containerOptions = _.map(this.state.containers, (container) => {\n return (\n \n )\n })\n\n return (\n
    \n
    \n

    Configure network

    \n \n \n \n \n \n \n \n \n \n {networks}\n \n
     NAMEDRIVER
    \n { !this.state.usedNetworks.host ? Save : null }\n { this.state.usedNetworks.host ? You cannot configure networks while container connected to host network : null }\n
    \n
    \n

    Host network

    \n { !this.state.usedNetworks.host ? Connect to host network : null }\n { this.state.usedNetworks.host ? Disconnect from host network : null }\n
    \n
    \n

    Links

    \n \n \n \n \n \n \n \n \n \n {links}\n \n \n \n \n \n \n
    NAMEALIAS 
    \n \n \n \n \n \n \n \n
    \n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettingsNetwork;\n" }, { "path": "src/components/ContainerSettingsPorts.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport {shell} from 'electron';\nimport ContainerUtil from '../utils/ContainerUtil';\nimport containerActions from '../actions/ContainerActions';\nimport containerStore from '../stores/ContainerStore';\nimport metrics from '../utils/MetricsUtil';\nimport docker from '../utils/DockerUtil';\nimport {webPorts} from '../utils/Util';\nimport {DropdownButton, MenuItem} from 'react-bootstrap';\n\nvar ContainerSettingsPorts = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n getInitialState: function () {\n var ports = ContainerUtil.ports(this.props.container);\n var initialPorts = this.props.container.InitialPorts;\n ports[''] = {\n ip: docker.host,\n url: '',\n port: '',\n portType: 'tcp',\n error: null\n };\n return {\n ports: ports,\n initialPorts: initialPorts,\n hostname: this.props.container.Config.Hostname\n };\n },\n handleViewLink: function (url) {\n metrics.track('Opened In Browser', {\n from: 'settings'\n });\n shell.openExternal('http://' + url);\n },\n createEmptyPort: function (ports) {\n ports[''] = {\n ip: docker.host,\n url: '',\n port: '',\n portType: 'tcp'\n };\n document.getElementById('portKey').value = '';\n document.getElementById('portValue').value = '';\n },\n addPort: function () {\n if (document.getElementById('portKey') !== null) {\n var portKey = document.getElementById('portKey').value;\n var portValue = document.getElementById('portValue').value;\n var portTypeValue = document.getElementById('portType').textContent;\n var ports = this.state.ports;\n if (portKey !== '') {\n ports[portKey] = {\n ip: docker.host,\n url: docker.host + ':' + portValue,\n port: portValue,\n portType: portTypeValue.trim(),\n error: null\n };\n\n this.checkPort(ports, portKey, portKey);\n if (ports[portKey].error === null) {\n this.createEmptyPort(ports);\n }\n }\n }\n return ports;\n },\n handleAddPort: function (e) {\n var ports = this.addPort();\n this.setState({ports: ports});\n metrics.track('Added Pending Port');\n },\n checkPort: function (ports, port, key) {\n // basic validation, if number is integer, if its in range, if there\n // is no collision with ports of other containers and also if there is no\n // collision with ports for current container\n const otherContainers = _.filter(_.values(containerStore.getState().containers), c => c.Name !== this.props.container.Name);\n const otherPorts = _.flatten(otherContainers.map(container => {\n try {\n return _.values(container.NetworkSettings.Ports).map(hosts => hosts.map(host => {\n return {port: host.HostPort, name: container.Name};\n })\n );\n }catch (err) {\n\n }\n })).reduce((prev, pair) => {\n try {\n prev[pair.port] = pair.name;\n }catch (err) {\n\n }\n return prev;\n }, {});\n\n const duplicates = _.filter(ports, (v, i) => {\n return (i !== key && _.isEqual(v.port, port));\n });\n\n if (!port.match(/^[0-9]+$/g)) {\n ports[key].error = 'Needs to be an integer.';\n } else if (port <= 0 || port > 65535) {\n ports[key].error = 'Needs to be in range <1,65535>.';\n } else if (otherPorts[port]) {\n ports[key].error = 'Collision with container \"' + otherPorts[port] + '\"';\n } else if (duplicates.length > 0) {\n ports[key].error = 'Collision with another port in this container.';\n } else if (port === 22 || port === 2376) {\n ports[key].error = 'Ports 22 and 2376 are reserved ports for Kitematic/Docker.';\n }\n },\n handleChangePort: function (key, e) {\n let ports = this.state.ports;\n let port = e.target.value;\n // save updated port\n ports[key] = _.extend(ports[key], {\n url: ports[key].ip + ':' + port,\n port: port,\n error: null\n });\n this.checkPort(ports, port, key);\n\n this.setState({ports: ports});\n },\n handleChangePortKey: function (key, e) {\n let ports = this.state.ports;\n let portKey = e.target.value;\n\n // save updated port\n var currentPort = ports[key];\n\n delete ports[key];\n ports[portKey] = currentPort;\n\n this.setState({ports: ports});\n },\n handleRemovePort: function (key, e) {\n let ports = this.state.ports;\n delete ports[key];\n this.setState({ports: ports});\n },\n handleChangePortType: function (key, portType) {\n let ports = this.state.ports;\n let port = ports[key].port;\n\n // save updated port\n ports[key] = _.extend(ports[key], {\n url: ports[key].ip + ':' + port,\n port: port,\n portType: portType,\n error: null\n });\n this.setState({ports: ports});\n },\n isInitialPort: function (key, ports) {\n for (var idx in ports) {\n if (ports.hasOwnProperty(idx)) {\n var p = idx.split('/');\n if (p.length > 0) {\n if (p[0] === key) {\n return true;\n }\n }\n }\n }\n return false;\n },\n handleChangeHostnameEnabled: function (e) {\n var value = e.target.value;\n this.setState({\n hostname: value\n });\n },\n handleSave: function () {\n let ports = this.state.ports;\n ports = this.addPort();\n this.setState({ports: ports});\n let exposedPorts = {};\n let portBindings = _.reduce(ports, (res, value, key) => {\n if (key !== '') {\n res[key + '/' + value.portType] = [{\n HostPort: value.port\n }];\n exposedPorts[key + '/' + value.portType] = {};\n }\n return res;\n }, {});\n\n let hostConfig = _.extend(this.props.container.HostConfig, {PortBindings: portBindings, Hostname: this.state.hostname});\n let config = _.extend(this.props.container.Config, {Hostname: this.state.hostname});\n containerActions.update(this.props.container.Name, {ExposedPorts: exposedPorts, HostConfig: hostConfig, Config: config});\n\n },\n render: function () {\n if (!this.props.container) {\n return false;\n }\n var isUpdating = (this.props.container.State.Updating);\n var isValid = true;\n\n var ports = _.map(_.pairs(this.state.ports), pair => {\n var key = pair[0];\n var {ip, port, url, portType, error} = pair[1];\n isValid = (error) ? false : isValid;\n let ipLink = (this.props.container.State.Running && !this.props.container.State.Paused && !this.props.container.State.ExitCode && !this.props.container.State.Restarting) ? ({ip}) : ({ip});\n var icon = '';\n var portKey = '';\n var portValue = '';\n if (key === '') {\n icon = ;\n portKey = ;\n portValue = ;\n }else {\n if (this.isInitialPort(key, this.state.initialPorts)) {\n icon = ;\n }else {\n icon = ;\n }\n portKey = ;\n portValue = ;\n }\n return (\n \n {portKey}\n \n {ipLink}:\n {portValue}\n \n \n \n TCP\n UDP\n \n \n {icon}\n {error}\n \n );\n });\n return (\n
    \n
    \n

    Configure Hostname

    \n
    \n
    HOSTNAME
    \n \n
    \n
    \n
    \n

    Configure Ports

    \n \n \n \n \n \n \n \n \n \n {ports}\n \n
    DOCKER PORTPUBLISHED IP:PORT
    \n \n Save\n \n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettingsPorts;\n" }, { "path": "src/components/ContainerSettingsVolumes.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst dialog = remote.dialog;\nimport {shell} from 'electron';\nimport util from '../utils/Util';\nimport metrics from '../utils/MetricsUtil';\nimport containerActions from '../actions/ContainerActions';\n\nvar ContainerSettingsVolumes = React.createClass({\n handleChooseVolumeClick: function (dockerVol) {\n dialog.showOpenDialog({properties: ['openDirectory', 'createDirectory']}).then(({filePaths}) => {\n if (!filePaths) {\n return;\n }\n\n var directory = filePaths[0];\n\n if (!directory || (!util.isNative() && directory.indexOf(util.home()) === -1)) {\n dialog.showMessageBox({\n type: 'warning',\n buttons: ['OK'],\n message: 'Invalid directory - Please make sure the directory exists and you can read/write to it.'\n });\n return;\n }\n\n metrics.track('Choose Directory for Volume');\n\n let mounts = _.clone(this.props.container.Mounts);\n _.each(mounts, m => {\n if (m.Destination === dockerVol) {\n m.Source = util.windowsToLinuxPath(directory);\n m.Driver = null;\n }\n });\n\n let binds = mounts.map(m => {\n return m.Source + ':' + m.Destination;\n });\n\n let hostConfig = _.extend(this.props.container.HostConfig, {Binds: binds});\n\n containerActions.update(this.props.container.Name, {Mounts: mounts, HostConfig: hostConfig});\n });\n },\n handleRemoveVolumeClick: function (dockerVol) {\n metrics.track('Removed Volume Directory', {\n from: 'settings'\n });\n\n let mounts = _.clone(this.props.container.Mounts);\n _.each(mounts, m => {\n if (m.Destination === dockerVol) {\n m.Source = null;\n m.Driver = 'local';\n }\n });\n\n let binds = mounts.map(m => {\n return m.Source + ':' + m.Destination;\n });\n\n let hostConfig = _.extend(this.props.container.HostConfig, {Binds: binds});\n\n containerActions.update(this.props.container.Name, {Mounts: mounts, HostConfig: hostConfig});\n },\n handleOpenVolumeClick: function (path) {\n metrics.track('Opened Volume Directory', {\n from: 'settings'\n });\n if (util.isWindows()) {\n shell.showItemInFolder(util.linuxToWindowsPath(path));\n } else {\n shell.showItemInFolder(path);\n }\n },\n render: function () {\n if (!this.props.container) {\n return false;\n }\n\n var homeDir = util.isWindows() ? util.windowsToLinuxPath(util.home()) : util.home();\n var mounts = _.map(this.props.container.Mounts, (m, i) => {\n let source = m.Source, destination = m.Destination;\n if (!m.Source || (!util.isNative() && m.Source.indexOf(homeDir) === -1) || (m.Source.indexOf('/var/lib/docker/volumes') !== -1)) {\n source = (\n No Folder\n );\n } else {\n let local = util.isWindows() ? util.linuxToWindowsPath(source) : source;\n source = (\n {local.replace(process.env.HOME, '~')}\n );\n }\n return (\n \n {destination}\n {source}\n \n Change\n Remove\n \n \n );\n });\n return (\n
    \n
    \n

    Configure Volumes

    \n \n \n \n \n \n \n \n \n \n {mounts}\n \n
    DOCKER FOLDERLOCAL FOLDER
    \n
    \n
    \n );\n }\n});\n\nmodule.exports = ContainerSettingsVolumes;\n" }, { "path": "src/components/Containers.react.js", "content": "import $ from 'jquery';\nimport _ from 'underscore';\nimport React from 'react';\nimport Router from 'react-router';\nimport containerStore from '../stores/ContainerStore';\nimport ContainerList from './ContainerList.react';\nimport Header from './Header.react';\nimport metrics from '../utils/MetricsUtil';\nimport {shell} from 'electron';\nimport machine from '../utils/DockerMachineUtil';\n\nvar Containers = React.createClass({\n contextTypes: {\n router: React.PropTypes.func\n },\n\n getInitialState: function () {\n return {\n sidebarOffset: 0,\n containers: containerStore.getState().containers,\n sorted: this.sorted(containerStore.getState().containers)\n };\n },\n\n componentDidMount: function () {\n containerStore.listen(this.update);\n },\n\n componentWillUnmount: function () {\n containerStore.unlisten(this.update);\n },\n\n sorted: function (containers) {\n return _.values(containers).sort(function (a, b) {\n if (a.Favorite && !b.Favorite) {\n return -1;\n } else if (!a.Favorite && b.Favorite) {\n return 1;\n } else {\n if (a.State.Downloading && !b.State.Downloading) {\n return -1;\n } else if (!a.State.Downloading && b.State.Downloading) {\n return 1;\n } else {\n if (a.State.Running && !b.State.Running) {\n return -1;\n } else if (!a.State.Running && b.State.Running) {\n return 1;\n } else {\n return a.Name.localeCompare(b.Name);\n }\n }\n }\n });\n },\n\n update: function () {\n let containers = containerStore.getState().containers;\n let sorted = this.sorted(containerStore.getState().containers);\n\n let name = this.context.router.getCurrentParams().name;\n if (containerStore.getState().pending) {\n this.context.router.transitionTo('pull');\n } else if (name && !containers[name]) {\n if (sorted.length) {\n this.context.router.transitionTo('containerHome', {name: sorted[0].Name});\n } else {\n this.context.router.transitionTo('search');\n }\n }\n\n this.setState({\n containers: containers,\n sorted: sorted,\n pending: containerStore.getState().pending\n });\n },\n\n handleScroll: function (e) {\n if (e.target.scrollTop > 0 && !this.state.sidebarOffset) {\n this.setState({\n sidebarOffset: e.target.scrollTop\n });\n } else if (e.target.scrollTop === 0 && this.state.sidebarOffset) {\n this.setState({\n sidebarOffset: 0\n });\n }\n },\n\n handleNewContainer: function () {\n $(this.getDOMNode()).find('.new-container-item').parent().fadeIn();\n this.context.router.transitionTo('search');\n metrics.track('Pressed New Container');\n },\n\n handleClickPreferences: function () {\n metrics.track('Opened Preferences', {\n from: 'app'\n });\n this.context.router.transitionTo('preferences');\n },\n\n handleClickDockerTerminal: function () {\n metrics.track('Opened Docker Terminal', {\n from: 'app'\n });\n machine.dockerTerminal();\n },\n\n handleClickReportIssue: function () {\n metrics.track('Opened Issue Reporter', {\n from: 'app'\n });\n shell.openExternal('https://github.com/docker/kitematic');\n },\n\n render: function () {\n var sidebarHeaderClass = 'sidebar-header';\n if (this.state.sidebarOffset) {\n sidebarHeaderClass += ' sep';\n }\n\n var container = this.context.router.getCurrentParams().name ? this.state.containers[this.context.router.getCurrentParams().name] : {};\n return (\n
    \n
    \n
    \n
    \n
    \n

    Containers

    \n
    \n \n New\n \n
    \n
    \n
    \n \n
    \n
    \n DOCKER CLI\n \n \n
    \n
    \n \n
    \n
    \n );\n }\n});\n\nmodule.exports = Containers;\n" }, { "path": "src/components/Header.react.js", "content": "import React from 'react/addons';\nimport RetinaImage from 'react-retina-image';\nimport util from '../utils/Util';\nimport metrics from '../utils/MetricsUtil';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst Menu = remote.Menu;\nconst MenuItem = remote.MenuItem;\nimport accountStore from '../stores/AccountStore';\nimport accountActions from '../actions/AccountActions';\nimport Router from 'react-router';\nimport classNames from 'classnames';\n\nvar Header = React.createClass({\n mixins: [Router.Navigation],\n getInitialState: function () {\n return {\n fullscreen: false,\n updateAvailable: false,\n username: accountStore.getState().username,\n verified: accountStore.getState().verified\n };\n },\n componentDidMount: function () {\n document.addEventListener('keyup', this.handleDocumentKeyUp, false);\n\n accountStore.listen(this.update);\n },\n componentWillUnmount: function () {\n document.removeEventListener('keyup', this.handleDocumentKeyUp, false);\n accountStore.unlisten(this.update);\n },\n update: function () {\n let accountState = accountStore.getState();\n this.setState({\n username: accountState.username,\n verified: accountState.verified\n });\n },\n handleDocumentKeyUp: function (e) {\n if (e.keyCode === 27 && remote.getCurrentWindow().isFullScreen()) {\n remote.getCurrentWindow().setFullScreen(false);\n this.forceUpdate();\n }\n },\n handleClose: function () {\n if (util.isWindows() || util.isLinux()) {\n remote.getCurrentWindow().close();\n } else {\n remote.getCurrentWindow().hide();\n }\n },\n handleMinimize: function () {\n remote.getCurrentWindow().minimize();\n },\n handleFullscreen: function () {\n if (util.isWindows()) {\n if (remote.getCurrentWindow().isMaximized()) {\n remote.getCurrentWindow().unmaximize();\n } else {\n remote.getCurrentWindow().maximize();\n }\n this.setState({\n fullscreen: remote.getCurrentWindow().isMaximized()\n });\n } else {\n remote.getCurrentWindow().setFullScreen(!remote.getCurrentWindow().isFullScreen());\n this.setState({\n fullscreen: remote.getCurrentWindow().isFullScreen()\n });\n }\n },\n handleFullscreenHover: function () {\n this.update();\n },\n handleUserClick: function (e) {\n let menu = new Menu();\n\n if (!this.state.verified) {\n menu.append(new MenuItem({ label: 'I\\'ve Verified My Email Address', click: this.handleVerifyClick}));\n }\n\n menu.append(new MenuItem({ label: 'Sign Out', click: this.handleLogoutClick}));\n menu.popup(remote.getCurrentWindow(), e.currentTarget.offsetLeft, e.currentTarget.offsetTop + e.currentTarget.clientHeight + 10);\n },\n handleLoginClick: function () {\n this.transitionTo('login');\n metrics.track('Opened Log In Screen');\n },\n handleLogoutClick: function () {\n metrics.track('Logged Out');\n accountActions.logout();\n },\n handleVerifyClick: function () {\n metrics.track('Verified Account', {\n from: 'header'\n });\n accountActions.verify();\n },\n renderLogo: function () {\n return (\n
    \n \n
    \n );\n },\n renderWindowButtons: function () {\n let buttons;\n if (util.isWindows()) {\n buttons = (\n
    \n
    \n
    \n
    \n
    \n );\n } else {\n buttons = (\n
    \n
    \n
    \n
    \n
    \n );\n }\n return buttons;\n },\n renderDashboardHeader: function () {\n let headerClasses = classNames({\n bordered: !this.props.hideLogin,\n header: true,\n 'no-drag': true\n });\n let username;\n if (this.props.hideLogin) {\n username = null;\n } else if (this.state.username) {\n username = (\n
    \n
    \n \n \n {this.state.username}\n {this.state.verified ? null : '(Unverified)'}\n \n \n
    \n
    \n );\n } else {\n username = (\n
    \n
    \n LOGIN\n
    \n
    \n );\n }\n return (\n
    \n
    \n {util.isWindows () ? this.renderLogo() : this.renderWindowButtons()}\n {username}\n
    \n
    \n {util.isWindows () ? this.renderWindowButtons() : this.renderLogo()}\n
    \n
    \n );\n },\n renderBasicHeader: function () {\n let headerClasses = classNames({\n bordered: !this.props.hideLogin,\n header: true,\n 'no-drag': true\n });\n return (\n
    \n
    \n {util.isWindows () ? null : this.renderWindowButtons()}\n
    \n
    \n {util.isWindows () ? this.renderWindowButtons() : null}\n
    \n
    \n );\n },\n render: function () {\n if (this.props.hideLogin) {\n return this.renderBasicHeader();\n } else {\n return this.renderDashboardHeader();\n }\n }\n});\n\nmodule.exports = Header;\n" }, { "path": "src/components/ImageCard.react.js", "content": "import $ from 'jquery';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport {shell} from 'electron';\nimport RetinaImage from 'react-retina-image';\nimport metrics from '../utils/MetricsUtil';\nimport containerActions from '../actions/ContainerActions';\nimport imageActions from '../actions/ImageActions';\nimport containerStore from '../stores/ContainerStore';\nimport tagStore from '../stores/TagStore';\nimport tagActions from '../actions/TagActions';\nimport networkActions from '../actions/NetworkActions';\nimport networkStore from '../stores/NetworkStore';\nimport numeral from 'numeral';\nimport classNames from 'classnames';\n\nvar ImageCard = React.createClass({\n mixins: [Router.Navigation],\n getInitialState: function () {\n return {\n tags: this.props.tags || [],\n chosenTag: this.props.chosenTag || 'latest',\n defaultNetwork: this.props.defaultNetwork || 'bridge',\n networks: networkStore.all(),\n searchTag: ''\n };\n },\n componentDidMount: function () {\n tagStore.listen(this.updateTags);\n networkStore.listen(this.updateNetworks);\n },\n componentWillUnmount: function () {\n tagStore.unlisten(this.updateTags);\n networkStore.unlisten(this.updateNetworks);\n },\n updateTags: function () {\n let repo = this.props.image.namespace + '/' + this.props.image.name;\n let state = tagStore.getState();\n if (this.state.tags.length && !state.tags[repo]) {\n $(this.getDOMNode()).find('.tag-overlay').fadeOut(300);\n }\n this.setState({\n loading: tagStore.getState().loading[repo] || false,\n tags: tagStore.getState().tags[repo] || []\n });\n },\n updateNetworks: function () {\n this.setState({\n networks: networkStore.all()\n });\n },\n handleTagClick: function (tag) {\n this.setState({\n chosenTag: tag\n });\n var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');\n $tagOverlay.fadeOut(300);\n metrics.track('Selected Image Tag');\n },\n handleNetworkClick: function (network) {\n this.setState({\n defaultNetwork: network\n });\n var $networkOverlay = $(this.getDOMNode()).find('.network-overlay');\n $networkOverlay.fadeOut(300);\n metrics.track('Selected Default Network');\n },\n handleClick: function () {\n metrics.track('Created Container', {\n from: 'search',\n private: this.props.image.is_private,\n official: this.props.image.namespace === 'library',\n userowned: this.props.image.is_user_repo,\n recommended: this.props.image.is_recommended,\n local: this.props.image.is_local || false\n });\n let name = containerStore.generateName(this.props.image.name);\n let localImage = this.props.image.is_local || false;\n let repo = (this.props.image.namespace === 'library' || this.props.image.namespace === 'local') ? this.props.image.name : this.props.image.namespace + '/' + this.props.image.name;\n\n containerActions.run(name, repo, this.state.chosenTag, this.state.defaultNetwork, localImage);\n this.transitionTo('containerHome', {name});\n },\n handleMenuOverlayClick: function () {\n let $menuOverlay = $(this.getDOMNode()).find('.menu-overlay');\n $menuOverlay.fadeIn(300);\n },\n handleCloseMenuOverlay: function () {\n var $menuOverlay = $(this.getDOMNode()).find('.menu-overlay');\n $menuOverlay.fadeOut(300);\n },\n handleTagOverlayClick: function () {\n let $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');\n $tagOverlay.fadeIn(300);\n let localImage = this.props.image.is_local || false;\n if (localImage) {\n tagActions.localTags(this.props.image.namespace + '/' + this.props.image.name, this.props.tags);\n } else {\n tagActions.tags(this.props.image.namespace + '/' + this.props.image.name);\n }\n this.focusSearchTagInput();\n },\n handleCloseTagOverlay: function () {\n let $menuOverlay = $(this.getDOMNode()).find('.menu-overlay');\n $menuOverlay.hide();\n var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');\n $tagOverlay.fadeOut(300);\n },\n handleNetworkOverlayClick: function () {\n let $networkOverlay = $(this.getDOMNode()).find('.network-overlay');\n $networkOverlay.fadeIn(300);\n },\n handleCloseNetworkOverlay: function () {\n let $menuOverlay = $(this.getDOMNode()).find('.menu-overlay');\n $menuOverlay.hide();\n var $networkOverlay = $(this.getDOMNode()).find('.network-overlay');\n $networkOverlay.fadeOut(300);\n },\n handleDeleteImgClick: function (image) {\n if (this.state.chosenTag && !this.props.image.inUse) {\n imageActions.destroy(image.RepoTags[0].split(':')[0] + ':' + this.state.chosenTag);\n }\n },\n handleRepoClick: function () {\n var repoUri = 'https://hub.docker.com/';\n if (this.props.image.namespace === 'library') {\n repoUri = repoUri + '_/' + this.props.image.name;\n } else {\n repoUri = repoUri + 'r/' + this.props.image.namespace + '/' + this.props.image.name;\n }\n shell.openExternal(repoUri);\n },\n searchTag: function(event) {\n this.setState({ searchTag: event.target.value });\n },\n\n focusSearchTagInput: function() {\n this.refs.searchTagInput.getDOMNode().focus();\n },\n\n render: function() {\n var name;\n if (this.props.image.namespace === 'library') {\n name = (\n
    \n
    official
    \n {this.props.image.name}\n
    \n );\n } else {\n name = (\n
    \n
    {this.props.image.namespace}
    \n {this.props.image.name}\n
    \n );\n }\n var description;\n if (this.props.image.description) {\n description = this.props.image.description;\n } else if (this.props.image.short_description) {\n description = this.props.image.short_description;\n } else {\n description = 'No description.';\n }\n var logoStyle = {\n backgroundColor: this.props.image.gradient_start\n };\n var imgsrc;\n if (this.props.image.img) {\n imgsrc = `https://kitematic.com/recommended/${this.props.image.img}`;\n } else {\n imgsrc = 'https://kitematic.com/recommended/kitematic_html.png';\n }\n var tags;\n if (this.state.loading) {\n tags = ;\n } else if (this.state.tags.length === 0) {\n tags =
    No Tags
    ;\n } else {\n var tagDisplay = this.state.tags.filter(tag => tag.name.includes(this.state.searchTag)).map((tag) => {\n let t = '';\n if (tag.name) {\n t = tag.name;\n } else {\n t = tag;\n }\n let key = t;\n if (typeof key === 'undefined') {\n key = this.props.image.name;\n }\n if (t === this.state.chosenTag) {\n return
    {t}
    ;\n } else {\n return
    {t}
    ;\n }\n });\n tags = (\n
    \n {tagDisplay}\n
    \n );\n }\n\n let networkDisplay = this.state.networks.map((network) => {\n let networkName = network.Name;\n if (networkName === this.state.defaultNetwork) {\n return
    {networkName}
    ;\n } else {\n return
    {networkName}
    ;\n }\n });\n let networks = (\n
    \n {networkDisplay}\n
    \n );\n\n var badge = null;\n if (this.props.image.namespace === 'library') {\n badge = (\n \n );\n } else if (this.props.image.is_private) {\n badge = (\n \n );\n }\n\n let create, overlay;\n if (this.props.image.is_local) {\n create = (\n
    \n
    \n {this.state.chosenTag}\n \n
    \n
    \n \n
    \n
    \n CREATE\n
    \n
    \n );\n overlay = (\n
    \n
    \n SELECTED TAG: {this.state.chosenTag}\n
    \n
    \n Delete Tag\n
    \n {this.props.image.inUse ?

    To delete, remove all containers
    using the above image

    : null }\n
    \n \n
    \n
    \n );\n } else {\n let favCount = (this.props.image.star_count < 1000) ? numeral(this.props.image.star_count).value() : numeral(this.props.image.star_count).format('0.0a').toUpperCase();\n let pullCount = (this.props.image.pull_count < 1000) ? numeral(this.props.image.pull_count).value() : numeral(this.props.image.pull_count).format('0a').toUpperCase();\n create = (\n
    \n
    \n \n {favCount}\n \n {pullCount}\n
    \n
    \n \n
    \n
    \n CREATE\n
    \n
    \n );\n\n overlay = (\n
    \n
    \n SELECTED TAG: {this.state.chosenTag}\n
    \n
    \n DEFAULT NETWORK: {this.state.defaultNetwork}\n
    \n
    \n VIEW ON DOCKER HUB\n
    \n
    \n \n
    \n
    \n );\n }\n\n let searchTagInputStyle = { outline: 'none', width: 'calc(100% - 30px)' };\n\n return (\n
    \n {overlay}\n
    \n

    \n \n

    \n {tags}\n
    \n \n
    \n
    \n
    \n

    Please select an default network.

    \n {networks}\n
    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n {badge}\n
    \n
    \n {name}\n
    \n
    \n {description}\n
    \n
    \n {create}\n
    \n
    \n );\n }\n});\n\nmodule.exports = ImageCard;\n" }, { "path": "src/components/Loading.react.js", "content": "import React from 'react/addons';\nimport Header from './Header.react';\n\nmodule.exports = React.createClass({\n render: function () {\n return (\n
    \n
    \n
    \n
    \n
    \n
    \n );\n }\n});\n" }, { "path": "src/components/NewContainerSearch.react.js", "content": "import _ from 'underscore';\nimport React from 'react/addons';\nimport Router from 'react-router';\nimport RetinaImage from 'react-retina-image';\nimport ImageCard from './ImageCard.react';\nimport Promise from 'bluebird';\nimport metrics from '../utils/MetricsUtil';\nimport classNames from 'classnames';\nimport repositoryActions from '../actions/RepositoryActions';\nimport repositoryStore from '../stores/RepositoryStore';\nimport accountStore from '../stores/AccountStore';\nimport accountActions from '../actions/AccountActions';\nimport imageActions from '../actions/ImageActions';\nimport imageStore from '../stores/ImageStore';\n\nvar _searchPromise = null;\n\nmodule.exports = React.createClass({\n mixins: [Router.Navigation, Router.State],\n getInitialState: function () {\n return {\n query: '',\n loading: repositoryStore.loading(),\n repos: repositoryStore.all(),\n images: imageStore.all(),\n imagesErr: imageStore.error,\n username: accountStore.getState().username,\n verified: accountStore.getState().verified,\n accountLoading: accountStore.getState().loading,\n error: repositoryStore.getState().error,\n currentPage: repositoryStore.getState().currentPage,\n totalPage: repositoryStore.getState().totalPage,\n previousPage: repositoryStore.getState().previousPage,\n nextPage: repositoryStore.getState().nextPage\n };\n },\n componentDidMount: function () {\n this.refs.searchInput.getDOMNode().focus();\n repositoryStore.listen(this.update);\n accountStore.listen(this.updateAccount);\n imageStore.listen(this.updateImage);\n repositoryActions.search();\n },\n componentWillUnmount: function () {\n if (_searchPromise) {\n _searchPromise.cancel();\n }\n\n repositoryStore.unlisten(this.update);\n accountStore.unlisten(this.updateAccount);\n },\n update: function () {\n this.setState({\n loading: repositoryStore.loading(),\n repos: repositoryStore.all(),\n currentPage: repositoryStore.getState().currentPage,\n totalPage: repositoryStore.getState().totalPage,\n previousPage: repositoryStore.getState().previousPage,\n nextPage: repositoryStore.getState().nextPage,\n error: repositoryStore.getState().error\n });\n },\n updateImage: function (imgStore) {\n this.setState({\n images: imgStore.images,\n error: imgStore.error\n });\n },\n updateAccount: function () {\n this.setState({\n username: accountStore.getState().username,\n verified: accountStore.getState().verified,\n accountLoading: accountStore.getState().loading\n });\n },\n search: function (query, page = 1) {\n if (_searchPromise) {\n _searchPromise.cancel();\n _searchPromise = null;\n }\n let previousPage, nextPage, totalPage = null;\n // If query remains, retain pagination\n if (this.state.query === query) {\n previousPage = (page - 1 < 1) ? 1 : page - 1;\n nextPage = (page + 1 > this.state.totalPage) ? this.state.totalPage : page + 1;\n totalPage = this.state.totalPage;\n }\n this.setState({\n query: query,\n loading: true,\n currentPage: page,\n previousPage: previousPage,\n nextPage: nextPage,\n totalPage: totalPage,\n error: null\n });\n\n _searchPromise = Promise.delay(200).then(() => {\n metrics.track('Searched for Images');\n _searchPromise = null;\n repositoryActions.search(query, page);\n }).catch(Promise.CancellationError, () => {});\n },\n handleChange: function (e) {\n let query = e.target.value;\n if (query === this.state.query) {\n return;\n }\n this.search(query);\n },\n handlePage: function (page) {\n let query = this.state.query;\n this.search(query, page);\n },\n handleFilter: function (filter) {\n\n this.setState({error: null});\n\n // If we're clicking on the filter again - refresh\n if (filter === 'userrepos' && this.getQuery().filter === 'userrepos') {\n repositoryActions.repos();\n }\n\n if (filter === 'userimages' && this.getQuery().filter === 'userimages') {\n imageActions.all();\n }\n\n if (filter === 'recommended' && this.getQuery().filter === 'recommended') {\n repositoryActions.recommended();\n }\n\n this.transitionTo('search', {}, {filter: filter});\n\n metrics.track('Filtered Results', {\n filter: filter\n });\n },\n handleCheckVerification: function () {\n accountActions.verify();\n metrics.track('Verified Account', {\n from: 'search'\n });\n },\n render: function () {\n let filter = this.getQuery().filter || 'all';\n let repos = _.values(this.state.repos)\n .filter(repo => {\n if (repo.is_recommended || repo.is_user_repo) {\n return repo.name.toLowerCase().indexOf(this.state.query.toLowerCase()) !== -1 || repo.namespace.toLowerCase().indexOf(this.state.query.toLowerCase()) !== -1;\n }\n return true;\n })\n .filter(repo => filter === 'all' || (filter === 'recommended' && repo.is_recommended) || (filter === 'userrepos' && repo.is_user_repo));\n\n let results, paginateResults;\n let previous = [];\n let next = [];\n if (this.state.previousPage) {\n let previousPage = this.state.currentPage - 7;\n if (previousPage < 1) {\n previousPage = 1;\n }\n previous.push((\n
  • \n \n «\n \n
    • \n ));\n for (previousPage; previousPage < this.state.currentPage; previousPage++) {\n previous.push((\n
  • {previousPage}
    • \n ));\n }\n }\n if (this.state.nextPage) {\n let nextPage = this.state.currentPage + 1;\n for (nextPage; nextPage < this.state.totalPage; nextPage++) {\n next.push((\n
  • {nextPage}
    • \n ));\n if (nextPage > this.state.currentPage + 7) {\n break;\n }\n }\n next.push((\n
  • \n \n »\n \n
    • \n ));\n }\n\n let current = (\n
  • \n {this.state.currentPage} (current)\n
    • \n );\n paginateResults = (next.length || previous.length) && (this.state.query !== '') ? (\n \n ) : null;\n let errorMsg = null;\n if (this.state.error === null || this.state.error.message.indexOf('getaddrinfo ENOTFOUND') !== -1) {\n errorMsg = 'There was an error contacting Docker Hub.';\n } else {\n errorMsg = this.state.error.message.replace('HTTP code is 409 which indicates error: conflict - ', '');\n }\n if (this.state.error) {\n results = (\n
    \n

    {errorMsg}

    \n
    \n );\n paginateResults = null;\n } else if (filter === 'userrepos' && !accountStore.getState().username) {\n results = (\n
    \n

    Log In or Sign Up to access your Docker Hub repositories.

    \n \n
    \n );\n paginateResults = null;\n } else if (filter === 'userrepos' && !accountStore.getState().verified) {\n let spinner = this.state.accountLoading ?
    : null;\n results = (\n
    \n

    Please verify your Docker Hub account email address

    \n
    \n {spinner}\n
    \n \n
    \n );\n paginateResults = null;\n } else if (filter === 'userimages') {\n // filter out dangling images (aka images with no name/tag)\n let validImages = this.state.images.filter((image) => image.name !== '');\n let userImageItems = validImages.map((image, index) => {\n image.description = null;\n let tags = image.tags.join('-');\n image.star_count = 0;\n image.is_local = true;\n const key = `local-${image.name}-${index}`;\n return (\n \n );\n });\n let userImageResults = userImageItems.length ? (\n
    \n
    \n

    My Images

    \n
    \n {userImageItems}\n
    \n
    \n
    \n ) : (\n
    \n

    Cannot find any local image.

    \n
    \n );\n results = (\n {userImageResults}\n );\n paginateResults = null;\n } else if (this.state.loading) {\n results = (\n
    \n
    \n

    Loading Images

    \n
    \n
    \n
    \n );\n } else if (repos.length) {\n let recommendedItems = repos.filter(repo => repo.is_recommended).map((image, index) => {\n const key = `rec-${image.name}-${index}`;\n return ();\n });\n let otherItems = repos.filter(repo => !repo.is_recommended && !repo.is_user_repo).map((image, index) => {\n const key = `other-${image.name}-${index}`;\n return ();\n });\n\n let recommendedResults = recommendedItems.length ? (\n
    \n

    Recommended

    \n
    \n {recommendedItems}\n
    \n
    \n ) : null;\n\n let userRepoItems = repos.filter(repo => repo.is_user_repo).map((image, index) => {\n const key = `usr-${image.name}-${index}`;\n return ();\n });\n let userRepoResults = userRepoItems.length ? (\n
    \n

    My Repositories

    \n
    \n {userRepoItems}\n
    \n
    \n ) : null;\n\n let otherResults;\n if (otherItems.length) {\n otherResults = (\n
    \n

    Other Repositories

    \n
    \n {otherItems}\n
    \n
    \n );\n } else {\n otherResults = null;\n paginateResults = null;\n }\n\n results = (\n
    \n {recommendedResults}\n {userRepoResults}\n {otherResults}\n
    \n );\n } else {\n if (this.state.query.length) {\n results = (\n
    \n

    Cannot find a matching image.

    \n
    \n );\n } else {\n results = (\n
    \n

    No Images

    \n
    \n );\n }\n }\n\n let loadingClasses = classNames({\n hidden: !this.state.loading,\n spinner: true,\n loading: true,\n 'la-ball-clip-rotate': true,\n 'la-dark': true,\n 'la-sm': true\n });\n\n let magnifierClasses = classNames({\n hidden: this.state.loading,\n icon: true,\n 'icon-search': true,\n 'search-icon': true\n });\n let searchClasses = classNames('search-bar');\n if (filter === 'userimages') {\n searchClasses = classNames('search-bar', {\n hidden: true\n });\n }\n\n return (\n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n FILTER BY\n All\n Recommended\n My Repos\n My Images\n
    \n
    \n
    \n {results}\n
    \n
    \n {paginateResults}\n
    \n
    \n
    \n );\n }\n});\n" }, { "path": "src/components/Preferences.react.js", "content": "import React from 'react/addons';\nimport metrics from '../utils/MetricsUtil';\nimport Router from 'react-router';\nimport util from '../utils/Util';\nimport electron from 'electron';\nconst remote = electron.remote;\n\nvar Preferences = React.createClass({\n mixins: [Router.Navigation],\n getInitialState: function () {\n return {\n closeVMOnQuit: localStorage.getItem('settings.closeVMOnQuit') === 'true',\n useVM: localStorage.getItem('settings.useVM') === 'true',\n metricsEnabled: metrics.enabled(),\n terminalShell: localStorage.getItem('settings.terminalShell') || \"sh\",\n terminalPath: localStorage.getItem('settings.terminalPath') || \"/usr/bin/xterm\",\n startLinkedContainers: localStorage.getItem('settings.startLinkedContainers') === 'true'\n };\n },\n handleGoBackClick: function () {\n this.goBack();\n metrics.track('Went Back From Preferences');\n },\n handleChangeCloseVMOnQuit: function (e) {\n var checked = e.target.checked;\n this.setState({\n closeVMOnQuit: checked\n });\n localStorage.setItem('settings.closeVMOnQuit', checked);\n metrics.track('Toggled Close VM On Quit', {\n close: checked\n });\n },\n handleChangeUseVM: function (e) {\n var checked = e.target.checked;\n this.setState({\n useVM: checked\n });\n localStorage.setItem('settings.useVM', checked);\n util.isNative();\n metrics.track('Toggled VM or Native settting', {\n vm: checked\n });\n },\n handleChangeMetricsEnabled: function (e) {\n var checked = e.target.checked;\n this.setState({\n metricsEnabled: checked\n });\n metrics.setEnabled(checked);\n metrics.track('Toggled util/MetricsUtil', {\n enabled: checked\n });\n },\n handleChangeTerminalShell: function (e) {\n var value = e.target.value;\n this.setState({\n terminalShell: value\n });\n localStorage.setItem('settings.terminalShell', value);\n },\n handleChangeTerminalPath: function (e) {\n var value = e.target.value;\n this.setState({\n terminalPath: value\n });\n localStorage.setItem('settings.terminalPath', value);\n },\n handleChangeStartLinkedContainers: function (e) {\n var checked = e.target.checked;\n this.setState({\n startLinkedContainers: checked\n });\n localStorage.setItem('settings.startLinkedContainers', checked ? 'true' : 'false');\n },\n render: function () {\n var vmSettings, vmShutdown, nativeSetting, linuxSettings;\n\n if (process.platform !== 'linux') {\n // We are on a Mac or Windows\n if (util.isNative() || (localStorage.getItem('settings.useVM') === 'true')) {\n nativeSetting = (\n
    \n
    \n \n
    \n
    \n \n
    \n
    \n );\n }\n if (!util.isNative()) {\n vmShutdown = (\n
    \n
    \n \n
    \n
    \n \n
    \n
    \n );\n }\n\n vmSettings = (\n
    \n
    VM Settings
    \n {vmShutdown}\n {nativeSetting}\n
    \n );\n }\n\n if (process.platform === \"linux\") {\n linuxSettings = (\n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n )\n }\n\n return (\n
    \n
    \n Go Back\n {vmSettings}\n
    App Settings
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n {linuxSettings}\n
    \n
    \n );\n }\n});\n\nmodule.exports = Preferences;\n" }, { "path": "src/components/Radial.react.js", "content": "import React from 'react';\nimport classNames from 'classnames';\n\nvar Radial = React.createClass({\n render: function () {\n var percentage;\n if ((this.props.progress !== null && this.props.progress !== undefined) && !this.props.spin && !this.props.error) {\n percentage = (\n
    \n );\n } else {\n percentage =
    ;\n }\n var classes = classNames({\n 'radial-progress': true,\n 'radial-spinner': this.props.spin,\n 'radial-negative': this.props.error,\n 'radial-thick': this.props.thick || false,\n 'radial-gray': this.props.gray || false,\n 'radial-transparent': this.props.transparent || false\n });\n return (\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n {percentage}\n
    \n
    \n );\n }\n});\n\nmodule.exports = Radial;\n" }, { "path": "src/components/Setup.react.js", "content": "import React from 'react/addons';\nimport Router from 'react-router';\nimport Radial from './Radial.react.js';\nimport RetinaImage from 'react-retina-image';\nimport Header from './Header.react';\nimport util from '../utils/Util';\nimport metrics from '../utils/MetricsUtil';\nimport setupStore from '../stores/SetupStore';\nimport setupActions from '../actions/SetupActions';\nimport {shell} from 'electron';\n\n\nvar Setup = React.createClass({\n mixins: [Router.Navigation],\n\n getInitialState: function () {\n return setupStore.getState();\n },\n\n componentDidMount: function () {\n setupStore.listen(this.update);\n },\n\n componentWillUnmount: function () {\n setupStore.unlisten(this.update);\n },\n\n update: function () {\n this.setState(setupStore.getState());\n },\n\n handleErrorRetry: function () {\n setupActions.retry(false);\n },\n\n handleUseVbox: function () {\n setupActions.useVbox();\n },\n\n handleErrorRemoveRetry: function () {\n console.log('Deleting VM and trying again.' );\n setupActions.retry(true);\n },\n\n handleResetSettings: function () {\n metrics.track('Settings reset', {\n from: 'setup'\n });\n localStorage.removeItem('settings.useVM');\n setupActions.retry(false);\n },\n\n handleToolBox: function () {\n metrics.track('Getting toolbox', {\n from: 'setup'\n });\n shell.openExternal('https://www.docker.com/docker-toolbox');\n },\n\n handleLinuxDockerInstall: function () {\n metrics.track('Opening Linux Docker installation instructions', {\n from: 'setup'\n });\n shell.openExternal('http://docs.docker.com/linux/started/');\n },\n\n renderContents: function () {\n return (\n
    \n \n
    \n \n
    \n
    \n );\n },\n\n renderProgress: function () {\n let title = 'Starting Docker VM';\n let descr = 'To run Docker containers on your computer, Kitematic is starting a Linux virtual machine. This may take a minute...';\n if (util.isNative()) {\n title = 'Checking Docker';\n descr = 'To run Docker containers on your computer, Kitematic is checking the Docker connection.';\n }\n return (\n
    \n
    \n
    \n
    \n {this.renderContents()}\n
    \n
    \n
    \n

    {title}

    \n

    {descr}

    \n
    \n
    \n
    \n
    \n );\n },\n\n renderError: function () {\n let deleteVmAndRetry;\n\n if (util.isLinux()) {\n if (!this.state.started) {\n deleteVmAndRetry = (\n \n );\n }\n } else if (util.isNative()) {\n deleteVmAndRetry = (\n \n );\n } else if (this.state.started) {\n deleteVmAndRetry = (\n \n );\n } else {\n deleteVmAndRetry = (\n \n );\n }\n let usualError = (\n
    \n

    Setup Error

    \n

    We're Sorry!

    \n

    There seems to have been an unexpected error with Kitematic:

    \n

    {this.state.error.message || this.state.error}

    \n

    \n \n {{deleteVmAndRetry}}\n

    \n
    \n );\n if (util.isNative()) {\n if (util.isLinux()) {\n usualError = (\n
    \n

    Setup Initialization

    \n

    We couldn't find a native setup - Click the Retry button to check again.

    \n

    \n \n

    \n
    \n );\n } else {\n usualError = (\n
    \n

    Setup Initialization

    \n

    We couldn't find a native setup - Click the VirtualBox button to use VirtualBox instead or Retry to check again.

    \n

    \n \n {{deleteVmAndRetry}}\n

    \n
    \n );\n }\n }\n return (\n
    \n
    \n
    \n
    \n
    \n \n
    \n reset \n
    \n
    \n
    \n
    \n {usualError}\n
    \n
    \n
    \n );\n },\n\n render: function () {\n if (this.state.error) {\n return this.renderError();\n } else {\n return this.renderProgress();\n }\n }\n});\n\nmodule.exports = Setup;\n" }, { "path": "src/main.js", "content": "import \"./app\";\n//# sourceMappingURL=main.js.map" }, { "path": "src/main.ts", "content": "import \"./app\";\n" }, { "path": "src/menutemplate.js", "content": "import electron from 'electron';\nconst remote = electron.remote;\nimport {shell} from 'electron';\nimport router from './router';\nimport util from './utils/Util';\nimport metrics from './utils/MetricsUtil';\nimport machine from './utils/DockerMachineUtil';\nimport docker from './utils/DockerUtil';\n\nconst app = remote.app;\nconst window = remote.getCurrentWindow();\n\n// main.js\nvar MenuTemplate = function () {\n return [\n {\n label: 'Kitematic',\n submenu: [\n {\n label: 'About Kitematic',\n enabled: !!docker.host,\n click: function () {\n metrics.track('Opened About', {\n from: 'menu'\n });\n router.get().transitionTo('about');\n if (window.isMinimized()){\n window.restore();\n }\n }\n },\n {\n type: 'separator'\n },\n {\n label: 'Preferences',\n accelerator: util.CommandOrCtrl() + '+,',\n enabled: !!docker.host,\n click: function () {\n metrics.track('Opened Preferences', {\n from: 'menu'\n });\n router.get().transitionTo('preferences');\n if (window.isMinimized()){\n window.restore();\n }\n }\n },\n {\n type: 'separator'\n },\n {\n type: 'separator'\n },\n {\n label: 'Hide Kitematic',\n accelerator: util.CommandOrCtrl() + '+H',\n selector: 'hide:'\n },\n {\n label: 'Hide Others',\n accelerator: util.CommandOrCtrl() + '+Alt+H',\n selector: 'hideOtherApplications:'\n },\n {\n label: 'Show All',\n selector: 'unhideAllApplications:'\n },\n {\n type: 'separator'\n },\n {\n label: 'Quit',\n accelerator: util.CommandOrCtrl() + '+Q',\n click: function() {\n app.quit();\n }\n }\n ]\n },\n {\n label: 'File',\n submenu: [\n {\n type: 'separator'\n },\n {\n label: 'Open Docker Command Line Terminal',\n accelerator: util.CommandOrCtrl() + '+Shift+T',\n enabled: !!docker.host,\n click: function() {\n metrics.track('Opened Docker Terminal', {\n from: 'menu'\n });\n machine.dockerTerminal();\n }\n }\n ]\n },\n {\n label: 'Edit',\n submenu: [\n {\n label: 'Undo',\n accelerator: util.CommandOrCtrl() + '+Z',\n selector: 'undo:'\n },\n {\n label: 'Redo',\n accelerator: 'Shift+' + util.CommandOrCtrl() + '+Z',\n selector: 'redo:'\n },\n {\n type: 'separator'\n },\n {\n label: 'Cut',\n accelerator: util.CommandOrCtrl() + '+X',\n selector: 'cut:'\n },\n {\n label: 'Copy',\n accelerator: util.CommandOrCtrl() + '+C',\n selector: 'copy:'\n },\n {\n label: 'Paste',\n accelerator: util.CommandOrCtrl() + '+V',\n selector: 'paste:'\n },\n {\n label: 'Select All',\n accelerator: util.CommandOrCtrl() + '+A',\n selector: 'selectAll:'\n }\n ]\n },\n {\n label: 'View',\n submenu: [\n {\n label: 'Refresh Container List',\n accelerator: util.CommandOrCtrl() + '+R',\n enabled: !!docker.host,\n click: function() {\n metrics.track('Refreshed Container List', {\n from: 'menu'\n });\n docker.fetchAllContainers();\n }\n },\n {\n label: 'Toggle Chromium Developer Tools',\n accelerator: 'Alt+' + util.CommandOrCtrl() + '+I',\n click: function() { remote.getCurrentWindow().toggleDevTools(); }\n }\n ]\n },\n {\n label: 'Window',\n submenu: [\n {\n label: 'Minimize',\n accelerator: util.CommandOrCtrl() + '+M',\n selector: 'performMiniaturize:'\n },\n {\n label: 'Close',\n accelerator: util.CommandOrCtrl() + '+W',\n click: function () {\n remote.getCurrentWindow().hide();\n }\n },\n {\n type: 'separator'\n },\n {\n label: 'Bring All to Front',\n selector: 'arrangeInFront:'\n },\n {\n type: 'separator'\n },\n {\n label: 'Kitematic',\n accelerator: 'Cmd+0',\n click: function () {\n remote.getCurrentWindow().show();\n }\n },\n ]\n },\n {\n label: 'Help',\n submenu: [\n {\n label: 'Report Issue or Suggest Feedback',\n click: function () {\n metrics.track('Opened Issue Reporter', {\n from: 'menu'\n });\n shell.openExternal('https://github.com/kitematic/kitematic/issues/new');\n }\n }\n ]\n }\n ];\n};\n\nmodule.exports = MenuTemplate;\n" }, { "path": "src/router.js", "content": "module.exports = {\n router: null,\n\n get: function () {\n return this.router;\n },\n\n set: function (router) {\n this.router = router;\n }\n};\n" }, { "path": "src/routes.js", "content": "import React from 'react/addons';\nimport Setup from './components/Setup.react';\nimport Account from './components/Account.react';\nimport AccountSignup from './components/AccountSignup.react';\nimport AccountLogin from './components/AccountLogin.react';\nimport Containers from './components/Containers.react';\nimport ContainerDetails from './components/ContainerDetails.react';\nimport ContainerHome from './components/ContainerHome.react';\nimport ContainerSettings from './components/ContainerSettings.react';\nimport ContainerSettingsGeneral from './components/ContainerSettingsGeneral.react';\nimport ContainerSettingsPorts from './components/ContainerSettingsPorts.react';\nimport ContainerSettingsVolumes from './components/ContainerSettingsVolumes.react';\nimport ContainerSettingsNetwork from './components/ContainerSettingsNetwork.react';\nimport ContainerSettingsAdvanced from './components/ContainerSettingsAdvanced.react';\nimport Preferences from './components/Preferences.react';\nimport About from './components/About.react';\nimport Loading from './components/Loading.react';\nimport NewContainerSearch from './components/NewContainerSearch.react';\nimport Router from 'react-router';\n\nvar Route = Router.Route;\nvar DefaultRoute = Router.DefaultRoute;\nvar RouteHandler = Router.RouteHandler;\n\nvar App = React.createClass({\n render: function () {\n return (\n \n );\n }\n});\n\nvar routes = (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nmodule.exports = routes;\n" }, { "path": "src/stores/AccountStore.js", "content": "import alt from '../alt';\nimport accountServerActions from '../actions/AccountServerActions';\nimport accountActions from '../actions/AccountActions';\n\nclass AccountStore {\n constructor () {\n this.bindActions(accountServerActions);\n this.bindActions(accountActions);\n\n this.prompted = false;\n this.loading = false;\n this.errors = {};\n\n this.verified = false;\n this.username = null;\n }\n\n skip () {\n this.setState({\n prompted: true\n });\n }\n\n login () {\n this.setState({\n loading: true,\n errors: {}\n });\n }\n\n logout () {\n this.setState({\n loading: false,\n errors: {},\n username: null,\n verified: false\n });\n }\n\n signup () {\n this.setState({\n loading: true,\n errors: {}\n });\n }\n\n loggedin ({username, verified}) {\n this.setState({username, verified, errors: {}, loading: false});\n }\n\n loggedout () {\n this.setState({\n loading: false,\n errors: {},\n username: null,\n verified: false\n });\n }\n\n signedup ({username}) {\n this.setState({username, errors: {}, loading: false});\n }\n\n verify () {\n this.setState({loading: true});\n }\n\n verified ({verified}) {\n this.setState({verified, loading: false});\n }\n\n prompted ({prompted}) {\n this.setState({prompted});\n }\n\n errors ({errors}) {\n this.setState({errors, loading: false});\n }\n}\n\nexport default alt.createStore(AccountStore);\n" }, { "path": "src/stores/ContainerStore.js", "content": "import _ from 'underscore';\nimport alt from '../alt';\nimport containerServerActions from '../actions/ContainerServerActions';\nimport containerActions from '../actions/ContainerActions';\n\nlet MAX_LOG_SIZE = 3000;\n\nclass ContainerStore {\n constructor () {\n this.bindActions(containerActions);\n this.bindActions(containerServerActions);\n this.containers = {};\n\n // Pending container to create\n this.pending = null;\n }\n\n error ({name, error}) {\n let containers = this.containers;\n if (containers[name]) {\n containers[name].Error = error;\n }\n this.setState({containers});\n }\n\n start ({name}) {\n let containers = this.containers;\n if (containers[name]) {\n containers[name].State.Starting = true;\n this.setState({containers});\n }\n }\n\n started ({name}) {\n let containers = this.containers;\n if (containers[name]) {\n containers[name].State.Starting = false;\n containers[name].State.Updating = false;\n this.setState({containers});\n }\n }\n\n stopped ({id}) {\n let containers = this.containers;\n let container = _.find(_.values(containers), c => c.Id === id || c.Name === id);\n\n if (containers[container.Name]) {\n containers[container.Name].State.Stopping = false;\n this.setState({containers});\n }\n }\n\n kill ({id}) {\n let containers = this.containers;\n let container = _.find(_.values(containers), c => c.Id === id || c.Name === id);\n\n if (containers[container.Name]) {\n containers[container.Name].State.Stopping = true;\n this.setState({containers});\n }\n }\n\n rename ({name, newName}) {\n let containers = this.containers;\n let data = containers[name];\n data.Name = newName;\n\n if (data.State) {\n data.State.Updating = true;\n }\n\n containers[newName] = data;\n delete containers[name];\n this.setState({containers});\n }\n\n added ({container}) {\n let containers = this.containers;\n containers[container.Name] = container;\n this.setState({containers});\n }\n\n update ({name, container}) {\n let containers = this.containers;\n if (containers[name] && containers[name].State && containers[name].State.Updating) {\n return;\n }\n\n if (containers[name].State.Stopping) {\n return;\n }\n\n _.extend(containers[name], container);\n\n if (containers[name].State) {\n containers[name].State.Updating = true;\n }\n\n this.setState({containers});\n }\n\n updated ({container}) {\n if (!container || !container.Name) {\n return;\n }\n\n let containers = this.containers;\n if (containers[container.Name] && containers[container.Name].State.Updating) {\n return;\n }\n\n if (containers[container.Name] && containers[container.Name].Logs) {\n container.Logs = containers[container.Name].Logs;\n }\n\n containers[container.Name] = container;\n this.setState({containers});\n }\n\n allUpdated ({containers}) {\n this.setState({containers});\n }\n\n // Receives the name of the container and columns of progression\n // A column represents progression for one or more layers\n progress ({name, progress}) {\n let containers = this.containers;\n\n if (containers[name]) {\n containers[name].Progress = progress;\n }\n\n this.setState({containers});\n }\n\n destroyed ({id}) {\n let containers = this.containers;\n let container = _.find(_.values(containers), c => c.Id === id || c.Name === id);\n\n if (container && container.State && container.State.Updating) {\n return;\n }\n\n if (container) {\n delete containers[container.Name];\n this.setState({containers});\n }\n }\n\n waiting ({name, waiting}) {\n let containers = this.containers;\n if (containers[name]) {\n containers[name].State.Waiting = waiting;\n }\n this.setState({containers});\n }\n\n pending ({repo, tag}) {\n let pending = {repo, tag};\n this.setState({pending});\n }\n\n clearPending () {\n this.setState({pending: null});\n }\n\n log ({name, entry}) {\n let container = this.containers[name];\n if (!container) {\n return;\n }\n\n if (!container.Logs) {\n container.Logs = [];\n }\n\n container.Logs.push.apply(container.Logs, entry.split('\\n').filter(e => e.length));\n container.Logs = container.Logs.slice(container.Logs.length - MAX_LOG_SIZE, MAX_LOG_SIZE);\n this.emitChange();\n }\n\n logs ({name, logs}) {\n let container = this.containers[name];\n\n if (!container) {\n return;\n }\n\n container.Logs = logs.split('\\n');\n container.Logs = container.Logs.slice(container.Logs.length - MAX_LOG_SIZE, MAX_LOG_SIZE);\n this.emitChange();\n }\n\n toggleFavorite ({name}) {\n let containers = this.containers;\n\n if (containers[name]) {\n containers[name].Favorite = !containers[name].Favorite;\n }\n\n this.setState({containers});\n }\n\n static generateName (repo) {\n const base = _.last(repo.split('/'));\n const names = _.keys(this.getState().containers);\n var count = 1;\n var name = base;\n while (true) {\n if (names.indexOf(name) === -1) {\n return name;\n } else {\n count++;\n name = base + '-' + count;\n }\n }\n }\n}\n\nexport default alt.createStore(ContainerStore);\n" }, { "path": "src/stores/ImageStore.js", "content": "import alt from '../alt';\nimport imageActions from '../actions/ImageActions';\nimport imageServerActions from '../actions/ImageServerActions';\n\nclass ImageStore {\n constructor () {\n this.bindActions(imageActions);\n this.bindActions(imageServerActions);\n this.results = [];\n this.images = [];\n this.imagesLoading = false;\n this.resultsLoading = false;\n this.error = null;\n }\n\n error (error) {\n this.setState({error: error, imagesLoading: false, resultsLoading: false});\n }\n\n clearError () {\n this.setState({error: null});\n }\n\n destroyed (data) {\n let images = this.images;\n if ((data && data[1] && data[1].Deleted)) {\n delete images[data[1].Deleted];\n }\n this.setState({error: null});\n }\n\n updated (images) {\n let tags = {};\n let finalImages = [];\n images.map((image) => {\n if (image.RepoTags) {\n image.RepoTags.map(repoTags => {\n let [name, tag] = repoTags.split(':');\n if (typeof tags[name] !== 'undefined') {\n finalImages[tags[name]].tags.push(tag);\n if (image.inUse) {\n finalImages[tags[name]].inUse = image.inUse;\n }\n } else {\n image.tags = [tag];\n tags[name] = finalImages.length;\n finalImages.push(image);\n }\n });\n }\n });\n this.setState({error: null, images: finalImages, imagesLoading: false});\n }\n\n static all () {\n let state = this.getState();\n return state.images;\n }\n}\n\nexport default alt.createStore(ImageStore);\n" }, { "path": "src/stores/NetworkStore.js", "content": "import alt from '../alt';\nimport networkActions from '../actions/NetworkActions';\n\nclass NetworkStore {\n constructor () {\n this.bindActions(networkActions);\n this.networks = [];\n this.pending = null;\n this.error = null;\n }\n\n error (error) {\n this.setState({error: error});\n }\n\n updated (networks) {\n this.setState({error: null, networks: networks});\n }\n\n pending () {\n this.setState({pending: true});\n }\n\n clearPending () {\n this.setState({pending: null});\n }\n\n static all () {\n let state = this.getState();\n return state.networks;\n }\n}\n\nexport default alt.createStore(NetworkStore);\n" }, { "path": "src/stores/RepositoryStore.js", "content": "import _ from 'underscore';\nimport alt from '../alt';\nimport repositoryServerActions from '../actions/RepositoryServerActions';\nimport repositoryActions from '../actions/RepositoryActions';\nimport accountServerActions from '../actions/AccountServerActions';\nimport accountStore from './AccountStore';\n\nclass RepositoryStore {\n constructor () {\n this.bindActions(repositoryActions);\n this.bindActions(repositoryServerActions);\n this.bindActions(accountServerActions);\n this.results = [];\n this.recommended = [];\n this.repos = [];\n this.query = null;\n this.nextPage = null;\n this.previousPage = null;\n this.currentPage = 1;\n this.totalPage = null;\n this.reposLoading = false;\n this.recommendedLoading = false;\n this.resultsLoading = false;\n this.error = null;\n }\n\n error ({error}) {\n this.setState({error: error, reposLoading: false, recommendedLoading: false, resultsLoading: false});\n }\n\n repos () {\n this.setState({reposError: null, reposLoading: true});\n }\n\n reposLoading () {\n this.setState({reposLoading: true});\n }\n\n reposUpdated ({repos}) {\n let accountState = accountStore.getState();\n\n if (accountState.username && accountState.verified) {\n this.setState({repos, reposLoading: false});\n } else {\n this.setState({repos: [], reposLoading: false});\n }\n }\n\n search ({query, page}) {\n if (this.query === query) {\n let previousPage = (page - 1 < 1) ? 1 : page - 1;\n let nextPage = (page + 1 > this.totalPage) ? this.totalPage : page + 1;\n this.setState({query: query, error: null, resultsLoading: true, currentPage: page, nextPage: nextPage, previousPage: previousPage});\n } else {\n this.setState({query: query, error: null, resultsLoading: true, nextPage: null, previousPage: null, currentPage: 1, totalPage: null});\n }\n }\n\n resultsUpdated ({repos, page, previous, next, total}) {\n this.setState({results: repos, currentPage: page, previousPage: previous, nextPage: next, totalPage: total, resultsLoading: false});\n }\n\n recommended () {\n this.setState({error: null, recommendedLoading: true});\n }\n\n recommendedUpdated ({repos}) {\n this.setState({recommended: repos, recommendedLoading: false, error: null});\n }\n\n loggedout () {\n this.setState({repos: []});\n }\n\n static all () {\n let state = this.getState();\n let all = state.recommended.concat(state.repos).concat(state.results);\n return _.uniq(all, false, repo => repo.namespace + '/' + repo.name);\n }\n\n static loading () {\n let state = this.getState();\n return state.recommendedLoading || state.resultsLoading || state.reposLoading;\n }\n}\n\nexport default alt.createStore(RepositoryStore);\n" }, { "path": "src/stores/SetupStore.js", "content": "import alt from '../alt';\nimport setupServerActions from '../actions/SetupServerActions';\nimport setupActions from '../actions/SetupActions';\n\nclass SetupStore {\n constructor () {\n this.bindActions(setupActions);\n this.bindActions(setupServerActions);\n this.started = false;\n this.progress = null;\n this.error = null;\n }\n\n started ({started}) {\n this.setState({error: null, started});\n }\n\n error ({error}) {\n this.setState({error, progress: null});\n }\n\n progress ({progress}) {\n this.setState({progress});\n }\n}\n\nexport default alt.createStore(SetupStore);\n" }, { "path": "src/stores/TagStore.js", "content": "import alt from '../alt';\nimport tagActions from '../actions/TagActions';\nimport tagServerActions from '../actions/TagServerActions';\nimport accountServerActions from '../actions/AccountServerActions';\n\nclass TagStore {\n constructor () {\n this.bindActions(tagActions);\n this.bindActions(tagServerActions);\n this.bindActions(accountServerActions);\n\n // maps 'namespace/name' => [list of tags]\n this.tags = {};\n\n // maps 'namespace/name' => true / false\n this.loading = {};\n }\n\n tags ({repo}) {\n this.loading[repo] = true;\n this.emitChange();\n }\n\n localTags ({repo, tags}) {\n let data = [];\n tags.map((value) => {\n data.push({'name': value});\n });\n this.loading[repo] = true;\n this.tagsUpdated({repo, tags: data || []});\n }\n\n tagsUpdated ({repo, tags}) {\n this.tags[repo] = tags;\n this.loading[repo] = false;\n this.emitChange();\n }\n\n remove ({repo}) {\n delete this.tags[repo];\n delete this.loading[repo];\n this.emitChange();\n }\n\n loggedout () {\n this.loading = {};\n this.tags = {};\n this.emitChange();\n }\n\n error ({repo}) {\n this.loading[repo] = false;\n this.emitChange();\n }\n}\n\nexport default alt.createStore(TagStore);\n" }, { "path": "src/utils/ContainerUtil.js", "content": "import _ from 'underscore';\nimport docker from '../utils/DockerUtil';\n\nvar ContainerUtil = {\n env: function (container) {\n if (!container || !container.Config || !container.Config.Env) {\n return [];\n }\n return _.map(container.Config.Env, env => {\n var i = env.indexOf('=');\n var splits = [env.slice(0, i), env.slice(i + 1)];\n return splits;\n });\n },\n\n // Provide Foreground options\n mode: function (container) {\n return [\n (container && container.Config) ? container.Config.Tty : true,\n (container && container.Config) ? container.Config.OpenStdin : true,\n (container && container.HostConfig) ? container.HostConfig.Privileged : false,\n (container && container.HostConfig) ? container.HostConfig.RestartPolicy : {MaximumRetryCount: 0, Name: 'no'}\n ];\n },\n\n // TODO: inject host here instead of requiring Docker\n ports: function (container) {\n if (!container || !container.NetworkSettings) {\n return {};\n }\n var res = {};\n var ip = docker.host;\n var ports = (container.NetworkSettings.Ports) ? container.NetworkSettings.Ports : ((container.HostConfig.PortBindings) ? container.HostConfig.PortBindings : container.Config.ExposedPorts);\n _.each(ports, function (value, key) {\n var [dockerPort, portType] = key.split('/');\n var localUrl = null;\n var port = null;\n if (value && value.length) {\n port = value[0].HostPort;\n }\n localUrl = (port) ? ip + ':' + port : ip + ':' + '';\n\n res[dockerPort] = {\n url: localUrl,\n ip: ip,\n port: port,\n portType: portType\n };\n });\n return res;\n },\n\n links: function (container) {\n if (!container || !container.HostConfig || !container.HostConfig.Links) {\n return [];\n }\n\n var res = _.map(container.HostConfig.Links, (link, key) => {\n return {\n \"container\": link.split(\":\")[0].split(\"/\")[1],\n \"alias\": link.split(\":\")[1].split(\"/\")[2],\n }\n });\n\n return res;\n },\n\n normalizeLinksPath: function (container, links) {\n var res = _.map(links, (link) => {\n return \"/\"+link.container+\":/\"+container.Name+\"/\"+link.alias;\n });\n\n return res;\n }\n\n};\n\nmodule.exports = ContainerUtil;\n" }, { "path": "src/utils/DockerMachineUtil.js", "content": "import _ from 'underscore';\nimport path from 'path';\nimport Promise from 'bluebird';\nimport fs from 'fs';\nimport util from './Util';\nimport child_process from 'child_process';\nimport which from 'which';\n\nvar DockerMachine = {\n command: function () {\n if (util.isWindows()) {\n if (process.env.DOCKER_TOOLBOX_INSTALL_PATH) {\n return path.join(process.env.DOCKER_TOOLBOX_INSTALL_PATH, 'docker-machine.exe');\n }\n }\n\n try {\n return which.sync('docker-machine');\n } catch (ex) {\n return null;\n }\n },\n name: function () {\n return 'default';\n },\n installed: function () {\n try {\n fs.accessSync(this.command(), fs.X_OK);\n return true;\n } catch (ex) {\n return false;\n }\n },\n version: function () {\n return util.execFile([this.command(), '-v']).then(stdout => {\n try {\n var matchlist = stdout.match(/(\\d+\\.\\d+\\.\\d+).*/);\n if (!matchlist || matchlist.length < 2) {\n return Promise.reject('docker-machine -v output format not recognized.');\n }\n return Promise.resolve(matchlist[1]);\n } catch (err) {\n return Promise.resolve(null);\n }\n }).catch(() => {\n return Promise.resolve(null);\n });\n },\n isoversion: function (machineName = this.name()) {\n try {\n var data = fs.readFileSync(path.join(util.home(), '.docker', 'machine', 'machines', machineName, 'boot2docker.iso'), 'utf8');\n var match = data.match(/Boot2Docker-v(\\d+\\.\\d+\\.\\d+)/);\n if (match) {\n return match[1];\n } else {\n return null;\n }\n } catch (err) {\n return null;\n }\n },\n exists: function (machineName = this.name()) {\n return this.status(machineName).then(() => {\n return true;\n }).catch(() => {\n return false;\n });\n },\n create: function (machineName = this.name()) {\n return util.execFile([this.command(), '-D', 'create', '-d', 'virtualbox', '--virtualbox-memory', '2048', machineName]);\n },\n start: function (machineName = this.name()) {\n return util.execFile([this.command(), '-D', 'start', machineName]);\n },\n stop: function (machineName = this.name()) {\n return util.execFile([this.command(), 'stop', machineName]);\n },\n upgrade: function (machineName = this.name()) {\n return util.execFile([this.command(), 'upgrade', machineName]);\n },\n rm: function (machineName = this.name()) {\n return util.execFile([this.command(), 'rm', '-f', machineName]);\n },\n ip: function (machineName = this.name()) {\n return util.execFile([this.command(), 'ip', machineName]).then(stdout => {\n return Promise.resolve(stdout.trim().replace('\\n', ''));\n });\n },\n url: function (machineName = this.name()) {\n return util.execFile([this.command(), 'url', machineName]).then(stdout => {\n return Promise.resolve(stdout.trim().replace('\\n', ''));\n });\n },\n regenerateCerts: function (machineName = this.name()) {\n return util.execFile([this.command(), 'tls-regenerate-certs', '-f', machineName]);\n },\n status: function (machineName = this.name()) {\n return new Promise((resolve, reject) => {\n child_process.execFile(this.command(), ['status', machineName], (error, stdout, stderr) => {\n if (error) {\n reject(new Error('Encountered an error: ' + error));\n } else {\n resolve(stdout.trim() + stderr.trim());\n }\n });\n });\n },\n disk: function (machineName = this.name()) {\n return util.execFile([this.command(), 'ssh', machineName, 'df']).then(stdout => {\n try {\n var lines = stdout.split('\\n');\n var dataline = _.find(lines, function (line) {\n return line.indexOf('/dev/sda1') !== -1;\n });\n var tokens = dataline.split(' ');\n tokens = tokens.filter(function (token) {\n return token !== '';\n });\n var usedGb = parseInt(tokens[2], 10) / 1000000;\n var totalGb = parseInt(tokens[3], 10) / 1000000;\n var percent = parseInt(tokens[4].replace('%', ''), 10);\n return {\n used_gb: usedGb.toFixed(2),\n total_gb: totalGb.toFixed(2),\n percent: percent\n };\n } catch (err) {\n return Promise.reject(err);\n }\n });\n },\n memory: function (machineName = this.name()) {\n return util.execFile([this.command(), 'ssh', machineName, 'free -m']).then(stdout => {\n try {\n var lines = stdout.split('\\n');\n var dataline = _.find(lines, function (line) {\n return line.indexOf('-/+ buffers') !== -1;\n });\n var tokens = dataline.split(' ');\n tokens = tokens.filter((token) => {\n return token !== '';\n });\n var usedGb = parseInt(tokens[2], 10) / 1000;\n var freeGb = parseInt(tokens[3], 10) / 1000;\n var totalGb = usedGb + freeGb;\n var percent = Math.round(usedGb / totalGb * 100);\n return {\n used_gb: usedGb.toFixed(2),\n total_gb: totalGb.toFixed(2),\n free_gb: freeGb.toFixed(2),\n percent: percent\n };\n } catch (err) {\n return Promise.reject(err);\n }\n });\n },\n dockerTerminal: function (cmd, machineName = this.name()) {\n cmd = cmd || process.env.SHELL || '';\n if (util.isWindows()) {\n if (util.isNative()) {\n util.exec('start powershell.exe ' + cmd);\n } else {\n this.url(machineName).then(machineUrl => {\n util.exec('start powershell.exe ' + cmd,\n {env: {\n 'DOCKER_HOST': machineUrl,\n 'DOCKER_CERT_PATH': process.env.DOCKER_CERT_PATH || path.join(util.home(), '.docker', 'machine', 'machines', machineName),\n 'DOCKER_TLS_VERIFY': 1\n }\n });\n });\n }\n } else {\n var terminal = util.isLinux() ? util.linuxTerminal() : [path.join(process.env.RESOURCES_PATH, 'terminal')];\n if (util.isNative()) {\n terminal.push(cmd);\n util.execFile(terminal).then(() => {});\n } else {\n this.url(machineName).then(machineUrl => {\n terminal.push(`DOCKER_HOST=${machineUrl} DOCKER_CERT_PATH=${process.env.DOCKER_CERT_PATH || path.join(util.home(), '.docker/machine/machines/' + machineName)} DOCKER_TLS_VERIFY=1`);\n terminal.push(cmd);\n util.execFile(terminal).then(() => {});\n });\n }\n }\n },\n virtualBoxLogs: function (machineName = this.name()) {\n\n var logsPath = null;\n if (process.env.MACHINE_STORAGE_PATH) {\n logsPath = path.join(process.env.MACHINE_STORAGE_PATH, 'machines', machineName, machineName, 'Logs', 'VBox.log');\n } else {\n logsPath = path.join(util.home(), '.docker', 'machine', 'machines', machineName, machineName, 'Logs', 'VBox.log');\n }\n\n let logData = null;\n try {\n logData = fs.readFileSync(logsPath, 'utf8');\n } catch (e) {\n console.error(e);\n }\n return logData;\n }\n};\n\nmodule.exports = DockerMachine;\n" }, { "path": "src/utils/DockerUtil.js", "content": "import async from 'async';\nimport fs from 'fs';\nimport path from 'path';\nimport dockerode from 'dockerode';\nimport _ from 'underscore';\nimport http from 'http';\nimport child_process from 'child_process';\nimport util from './Util';\nimport hubUtil from './HubUtil';\nimport metrics from '../utils/MetricsUtil';\nimport containerServerActions from '../actions/ContainerServerActions';\nimport imageServerActions from '../actions/ImageServerActions';\nimport networkActions from '../actions/NetworkActions';\nimport networkStore from '../stores/NetworkStore';\nimport Promise from 'bluebird';\nimport rimraf from 'rimraf';\n\nconst parseData = (item) => {\n try {\n return JSON.parse(item);\n } catch (err) {\n return null;\n }\n};\n\nconst getPullingData = (raw) =>\n raw.split('\\n')\n .filter((item) => item.length > 0)\n .map(parseData)\n .filter((item) => !!item);\n\nvar DockerUtil = {\n host: null,\n client: null,\n placeholders: {},\n stream: null,\n eventStream: null,\n activeContainerName: null,\n localImages: null,\n imagesUsed: [],\n socketPath: util.isWindows() ? '//./pipe/docker_engine' : '/var/run/docker.sock',\n\n setup (ip, name) {\n if (!ip && !name) {\n throw new Error('Falsy ip or name passed to docker client setup');\n }\n this.host = ip;\n\n if (ip.indexOf('local') !== -1) {\n try {\n this.client = new dockerode({socketPath: this.socketPath, headers: {'user-agent': 'kitematic'}});\n } catch (error) {\n throw new Error('Cannot connect to the Docker daemon. Is the daemon running?');\n }\n } else {\n let certDir = process.env.DOCKER_CERT_PATH || path.join(util.home(), '.docker/machine/machines/', name);\n if (!fs.existsSync(certDir)) {\n throw new Error('Certificate directory does not exist');\n }\n\n this.client = new dockerode({\n protocol: 'https',\n host: ip,\n port: 2376,\n ca: fs.readFileSync(path.join(certDir, 'ca.pem')),\n cert: fs.readFileSync(path.join(certDir, 'cert.pem')),\n key: fs.readFileSync(path.join(certDir, 'key.pem')),\n headers: {'user-agent': 'kitematic'},\n });\n }\n },\n\n async version () {\n let version = null;\n let maxRetries = 10;\n let retries = 0;\n let error_message = \"\";\n while (version == null && retries < maxRetries) {\n this.client.version((error,data) => {\n if (!error) {\n version = data.Version;\n } else {\n error_message = error;\n }\n retries++;\n });\n await Promise.delay(500);\n }\n if (version == null) {\n throw new Error(error_message);\n }\n return version;\n },\n\n init () {\n this.placeholders = JSON.parse(localStorage.getItem('placeholders')) || {};\n this.refresh();\n this.listen();\n this.fetchAllNetworks();\n\n // Resume pulling containers that were previously being pulled\n _.each(_.values(this.placeholders), container => {\n containerServerActions.added({container});\n\n this.client.pull(container.Config.Image, (error, stream) => {\n if (error) {\n containerServerActions.error({name: container.Name, error});\n return;\n }\n\n stream.setEncoding('utf8');\n stream.on('data', function () {});\n stream.on('end', () => {\n if (!this.placeholders[container.Name]) {\n return;\n }\n\n delete this.placeholders[container.Name];\n localStorage.setItem('placeholders', JSON.stringify(this.placeholders));\n this.createContainer(container.Name, {Image: container.Config.Image});\n });\n });\n });\n },\n\n isDockerRunning () {\n try {\n child_process.execSync('ps ax | grep \"docker daemon\" | grep -v grep');\n } catch (error) {\n throw new Error('Cannot connect to the Docker daemon. The daemon is not running.');\n }\n },\n\n startContainer (name) {\n let container = this.client.getContainer(name);\n\n container.start((error) => {\n if (error) {\n containerServerActions.error({name, error});\n console.log('error starting: %o - %o', name, error);\n return;\n }\n containerServerActions.started({name, error});\n this.fetchContainer(name);\n });\n },\n\n createContainer (name, containerData) {\n containerData.name = containerData.Name || name;\n\n if (containerData.Config && containerData.Config.Image) {\n containerData.Image = containerData.Config.Image;\n }\n\n if (containerData.Config && containerData.Config.Hostname) {\n containerData.Hostname = containerData.Config.Hostname;\n }\n\n if (!containerData.Env && containerData.Config && containerData.Config.Env) {\n containerData.Env = containerData.Config.Env;\n }\n\n containerData.Volumes = _.mapObject(containerData.Volumes, () => {});\n\n this.client.getImage(containerData.Image).inspect((error, image) => {\n if (error) {\n containerServerActions.error({name, error});\n return;\n }\n\n if (!containerData.HostConfig || (containerData.HostConfig && !containerData.HostConfig.PortBindings)) {\n if (!containerData.HostConfig) {\n containerData.HostConfig = {};\n }\n containerData.HostConfig.PublishAllPorts = true;\n }\n\n let networks = [];\n if (!_.has(containerData, 'NetworkingConfig') && _.has(containerData.NetworkSettings, 'Networks')) {\n let EndpointsConfig = {};\n networks = _.keys(containerData.NetworkSettings.Networks);\n if (networks.length) {\n let networkName = networks.shift();\n EndpointsConfig[networkName] = _.extend(containerData.NetworkSettings.Networks[networkName], {Aliases: []});\n }\n containerData.NetworkingConfig = {\n EndpointsConfig\n };\n }\n\n if (image.Config.Cmd) {\n containerData.Cmd = image.Config.Cmd;\n } else if (!image.Config.Entrypoint) {\n containerData.Cmd = 'sh';\n }\n\n // Keep current config for new container if no changes\n _.extend(containerData, _.omit(containerData.Config, Object.keys(containerData)));\n\n let existing = this.client.getContainer(name);\n existing.kill(() => {\n existing.remove(() => {\n this.client.createContainer(containerData, (error) => {\n if (error) {\n console.error(err);\n containerServerActions.error({name, error});\n return;\n }\n metrics.track('Container Finished Creating');\n this.addOrRemoveNetworks(name, networks, true).finally(() => {\n this.startContainer(name);\n delete this.placeholders[name];\n localStorage.setItem('placeholders', JSON.stringify(this.placeholders));\n this.refresh();\n });\n });\n });\n });\n });\n },\n\n fetchContainer (id) {\n this.client.getContainer(id).inspect((error, container) => {\n if (error) {\n containerServerActions.error({name: id, error});\n } else {\n container.Name = container.Name.replace('/', '');\n this.client.getImage(container.Image).inspect((error, image) => {\n if (error) {\n containerServerActions.error({name, error});\n return;\n }\n container.InitialPorts = image.Config.ExposedPorts;\n });\n\n containerServerActions.updated({container});\n networkActions.clearPending();\n }\n });\n },\n\n fetchAllContainers () {\n this.client.listContainers({all: true}, (err, containers) => {\n if (err) {\n console.error(err);\n return;\n }\n this.imagesUsed = [];\n async.map(containers, (container, callback) => {\n this.client.getContainer(container.Id).inspect((error, container) => {\n if (error) {\n callback(null, null);\n return;\n }\n let imgSha = container.Image.replace('sha256:', '');\n if (_.indexOf(this.imagesUsed, imgSha) === -1) {\n this.imagesUsed.push(imgSha);\n }\n container.Name = container.Name.replace('/', '');\n this.client.getImage(container.Image).inspect((error, image) => {\n if (error) {\n containerServerActions.error({name, error});\n return;\n }\n container.InitialPorts = image.Config.ExposedPorts;\n });\n callback(null, container);\n });\n }, (err, containers) => {\n containers = containers.filter(c => c !== null);\n if (err) {\n // TODO: add a global error handler for this\n console.error(err);\n return;\n }\n containerServerActions.allUpdated({containers: _.indexBy(containers.concat(_.values(this.placeholders)), 'Name')});\n let favorites = JSON.parse(localStorage.getItem('containers.favorites')) || [];\n favorites.forEach(name => containerServerActions.toggleFavorite({name}));\n this.logs();\n this.fetchAllImages();\n });\n });\n },\n\n fetchAllImages () {\n this.client.listImages((err, list) => {\n if (err) {\n imageServerActions.error(err);\n } else {\n list.map((image, idx) => {\n let imgSha = image.Id.replace('sha256:', '');\n if (_.indexOf(this.imagesUsed, imgSha) !== -1) {\n list[idx].inUse = true;\n } else {\n list[idx].inUse = false;\n }\n let imageSplit = '';\n if (image.RepoTags) {\n imageSplit = image.RepoTags[0].split(':');\n } else {\n imageSplit = image.RepoDigests[0].split('@');\n }\n let repo = imageSplit[0];\n if(imageSplit.length > 2) {\n repo = imageSplit[0]+':'+imageSplit[1];\n }\n if (repo.indexOf('/') === -1) {\n repo = 'local/' + repo;\n }\n let repoSplit = repo.split('/');\n list[idx].namespace = repoSplit.shift();\n list[idx].name = repoSplit.join('/');\n });\n this.localImages = list;\n imageServerActions.updated(list);\n }\n });\n },\n\n fetchAllNetworks () {\n this.client.listNetworks((err, networks) => {\n if (err) {\n networkActions.error(err)\n } else {\n networks = networks.sort((n1, n2) => {\n if (n1.Name > n2.Name) {\n return 1;\n }\n if (n1.Name < n2.Name) {\n return -1;\n }\n return 0;\n });\n networkActions.updated(networks);\n }\n });\n },\n\n updateContainerNetworks(name, connectedNetworks, disconnectedNetworks) {\n networkActions.pending();\n let disconnectedPromise = this.addOrRemoveNetworks(name, disconnectedNetworks, false);\n\n disconnectedPromise.then(() => {\n let connectedPromise = this.addOrRemoveNetworks(name, connectedNetworks, true);\n connectedPromise.finally(() => {\n this.fetchContainer(name);\n })\n }).catch(() => {\n this.fetchContainer(name);\n });\n },\n\n addOrRemoveNetworks(name, networks, connect) {\n let promises = _.map(networks, networkName => {\n let network = this.client.getNetwork(networkName);\n let operation = (connect === true ? network.connect : network.disconnect).bind(network);\n\n return new Promise(function (resolve, reject) {\n operation({\n Container: name\n }, (err, data) => {\n if (err) {\n console.log(err);\n reject(err);\n } else {\n resolve(data);\n }\n });\n });\n });\n\n return Promise.all(promises);\n },\n\n removeImage (selectedRepoTag) {\n // Prune all dangling image first\n this.localImages.some((image) => {\n if (image.namespace == \"\" && image.name == \"\") {\n return false\n }\n if (image.RepoTags) {\n image.RepoTags.map(repoTag => {\n if (repoTag === selectedRepoTag) {\n this.client.getImage(selectedRepoTag).remove({'force': true}, (err, data) => {\n if (err) {\n console.error(err);\n imageServerActions.error(err);\n } else {\n imageServerActions.destroyed(data);\n this.refresh();\n }\n });\n return true;\n }\n });\n }\n });\n },\n\n run (name, repository, tag, network, local = false) {\n tag = tag || 'latest';\n let imageName = repository + ':' + tag;\n\n let placeholderData = {\n Id: util.randomId(),\n Name: name,\n Image: imageName,\n Config: {\n Image: imageName\n },\n Tty: true,\n OpenStdin: true,\n State: {\n Downloading: true\n }\n };\n containerServerActions.added({container: placeholderData});\n\n this.placeholders[name] = placeholderData;\n localStorage.setItem('placeholders', JSON.stringify(this.placeholders));\n let containerData = {\n Image: imageName,\n Tty: true,\n OpenStdin: true,\n NetworkingConfig: {\n EndpointsConfig: {\n [network]: {}\n }\n }\n };\n if (local) {\n this.createContainer(name, containerData);\n } else {\n this.pullImage(repository, tag, error => {\n if (error) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }\n\n if (!this.placeholders[name]) {\n return;\n }\n\n this.createContainer(name, containerData);\n },\n\n // progress is actually the progression PER LAYER (combined in columns)\n // not total because it's not accurate enough\n progress => {\n containerServerActions.progress({name, progress});\n },\n\n\n () => {\n containerServerActions.waiting({name, waiting: true});\n });\n }\n },\n\n updateContainer (name, data) {\n let existing = this.client.getContainer(name);\n existing.inspect((error, existingData) => {\n if (error) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }\n\n if (existingData.Config && existingData.Config.Image) {\n existingData.Image = existingData.Config.Image;\n }\n\n if (!existingData.Env && existingData.Config && existingData.Config.Env) {\n existingData.Env = existingData.Config.Env;\n }\n\n if ((!existingData.Tty || !existingData.OpenStdin) && existingData.Config && (existingData.Config.Tty || existingData.Config.OpenStdin)) {\n existingData.Tty = existingData.Config.Tty;\n existingData.OpenStdin = existingData.Config.OpenStdin;\n }\n\n data.Mounts = data.Mounts || existingData.Mounts;\n\n var fullData = _.extend(existingData, data);\n this.createContainer(name, fullData);\n });\n },\n\n rename (name, newName) {\n this.client.getContainer(name).rename({name: newName}, error => {\n if (error && error.statusCode !== 204) {\n containerServerActions.error({name, error});\n return;\n }\n var oldPath = util.windowsToLinuxPath(path.join(util.home(), util.documents(), 'Kitematic', name));\n var newPath = util.windowsToLinuxPath(path.join(util.home(), util.documents(), 'Kitematic', newName));\n\n this.client.getContainer(newName).inspect((error, container) => {\n if (error) {\n // TODO: handle error\n containerServerActions.error({newName, error});\n this.refresh();\n }\n rimraf(newPath, () => {\n if (fs.existsSync(oldPath)) {\n fs.renameSync(oldPath, newPath);\n }\n\n container.Mounts.forEach(m => {\n m.Source = m.Source.replace(oldPath, newPath);\n });\n\n this.updateContainer(newName, {Mounts: container.Mounts});\n rimraf(oldPath, () => {});\n });\n });\n });\n },\n\n restart (name) {\n this.client.getContainer(name).stop({t: 5}, stopError => {\n if (stopError && stopError.statusCode !== 304) {\n containerServerActions.error({name, stopError});\n this.refresh();\n return;\n }\n this.client.getContainer(name).start(startError => {\n if (startError && startError.statusCode !== 304) {\n containerServerActions.error({name, startError});\n this.refresh();\n return;\n }\n this.fetchContainer(name);\n });\n });\n },\n\n stop (name) {\n this.client.getContainer(name).stop({t: 5}, error => {\n if (error && error.statusCode !== 304) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }\n this.fetchContainer(name);\n });\n },\n\n start (name, callback) {\n var self = this;\n this.client.getContainer(name).inspect((error, container) => {\n if (error) {\n containerServerActions.error({name: name, error});\n if(callback) callback(error);\n } else {\n if(container.HostConfig\n && container.HostConfig.Links\n && container.HostConfig.Links.length > 0\n && localStorage.getItem('settings.startLinkedContainers') === 'true'\n ){\n self.startLinkedContainers(name, function(error){\n if(error){\n containerServerActions.error({name: name, error});\n if(callback) callback(error);\n }else{\n self.client.getContainer(name).start(error => {\n if (error && error.statusCode !== 304) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }else{\n self.fetchContainer(name);\n if(callback) callback(null);\n }\n });\n }\n })\n }else{\n self.client.getContainer(name).start(error => {\n if (error && error.statusCode !== 304) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }else{\n self.fetchContainer(name);\n if(callback) callback(null);\n }\n });\n }\n }\n })\n },\n\n startLinkedContainers (name, callback){\n var self = this;\n\n this.client.getContainer(name).inspect((error, container) => {\n if (error) {\n containerServerActions.error({name: name, error});\n if(callback) callback(error);\n } else {\n var links = _.map(container.HostConfig.Links, (link, key) => {\n return link.split(\":\")[0].split(\"/\")[1];\n });\n\n async.map(links, function(link, cb){\n var linkedContainer = self.client.getContainer(link);\n if(linkedContainer){\n linkedContainer.inspect((error, linkedContainerInfo) => {\n if (error) {\n containerServerActions.error({name: name, error});\n cb(error);\n } else {\n if(linkedContainerInfo.State.Stopping\n || linkedContainerInfo.State.Downloading\n || linkedContainerInfo.State.ExitCode\n || !linkedContainerInfo.State.Running\n || linkedContainerInfo.State.Updating\n ){\n self.start(linkedContainerInfo.Id, function(error){\n if (error) {\n containerServerActions.error({name: name, error});\n cb(error);\n }else{\n self.fetchContainer(linkedContainerInfo.Id);\n cb(null);\n }\n });\n }else{\n cb(null);\n }\n }\n });\n }else{\n cb(\"linked container \"+link+\" not found\");\n }\n }, function(error, containers) {\n if(error){\n containerServerActions.error({name, error});\n if(callback) callback(error);\n return;\n }else{\n if(callback) callback(null);\n return;\n }\n });\n }\n });\n },\n\n destroy (name) {\n if (this.placeholders[name]) {\n containerServerActions.destroyed({id: name});\n delete this.placeholders[name];\n localStorage.setItem('placeholders', JSON.stringify(this.placeholders));\n this.refresh();\n return;\n }\n\n let container = this.client.getContainer(name);\n container.unpause( () => {\n container.kill( () => {\n container.remove( (error) => {\n if (error) {\n containerServerActions.error({name, error});\n this.refresh();\n return;\n }\n containerServerActions.destroyed({id: name});\n var volumePath = path.join(util.home(), 'Kitematic', name);\n if (fs.existsSync(volumePath)) {\n rimraf(volumePath, () => {});\n }\n this.refresh();\n });\n });\n });\n },\n\n active (name) {\n this.detachLog();\n this.activeContainerName = name;\n\n if (name) {\n this.logs();\n }\n },\n\n logs () {\n if (!this.activeContainerName) {\n return;\n }\n\n this.client.getContainer(this.activeContainerName).logs({\n stdout: true,\n stderr: true,\n tail: 1000,\n follow: false,\n timestamps: 1\n }, (err, logBuffer) => {\n if (err) {\n // socket hang up can be captured\n console.error(err);\n containerServerActions.error({name: this.activeContainerName, err});\n return;\n }\n\n let logs = logBuffer.toString();\n containerServerActions.logs({name: this.activeContainerName, logs});\n this.attach();\n });\n },\n\n attach () {\n if (!this.activeContainerName) {\n return;\n }\n\n this.client.getContainer(this.activeContainerName).logs({\n stdout: true,\n stderr: true,\n tail: 0,\n follow: true,\n timestamps: 1\n }, (err, logStream) => {\n if (err) {\n // Socket hang up also can be found here\n console.error(err);\n return;\n }\n\n this.detachLog()\n this.stream = logStream;\n\n let timeout = null;\n let batch = '';\n logStream.setEncoding('utf8');\n logStream.on('data', (chunk) => {\n batch += chunk;\n if (!timeout) {\n timeout = setTimeout(() => {\n containerServerActions.log({name: this.activeContainerName, entry: batch});\n timeout = null;\n batch = '';\n }, 16);\n }\n });\n });\n },\n\n detachLog() {\n if (this.stream) {\n this.stream.destroy();\n this.stream = null;\n }\n },\n detachEvent() {\n if (this.eventStream) {\n this.eventStream.destroy();\n this.eventStream = null;\n }\n },\n\n\n listen () {\n this.detachEvent()\n this.client.getEvents((error, stream) => {\n if (error || !stream) {\n // TODO: Add app-wide error handler\n return;\n }\n // TODO: Add health-check for existing connection\n\n stream.setEncoding('utf8');\n stream.on('data', json => {\n let data = JSON.parse(json);\n\n if (['pull', 'untag', 'tag', 'delete', 'attach'].includes(data.status)) {\n this.refresh();\n }\n\n if (data.status === 'destroy') {\n containerServerActions.destroyed({id: data.id});\n this.detachLog()\n } else if (data.status === 'kill') {\n containerServerActions.kill({id: data.id});\n this.detachLog()\n } else if (data.status === 'stop') {\n containerServerActions.stopped({id: data.id});\n this.detachLog()\n } else if (data.status === 'create') {\n this.logs();\n this.fetchContainer(data.id);\n } else if (data.status === 'start') {\n this.attach();\n this.fetchContainer(data.id);\n } else if (data.id) {\n this.fetchContainer(data.id);\n }\n\n if (data.Type === 'network') {\n let action = data.Action;\n if (action === 'connect' || action === 'disconnect') {\n // do not fetch container while networks updating via Kitematic\n if (!networkStore.getState().pending) {\n this.fetchContainer(data.Actor.Attributes.container);\n }\n } else if (action === 'create' || action === 'destroy') {\n this.fetchAllNetworks();\n }\n }\n });\n this.eventStream = stream;\n });\n },\n\n pullImage (repository, tag, callback, progressCallback, blockedCallback) {\n const options = {\n socketPath: this.socketPath,\n path: '/images/create?fromImage=' + encodeURIComponent(repository) + '&tag=' + tag,\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n };\n let config = hubUtil.config();\n if (hubUtil.config()) {\n let [username, password] = hubUtil.creds(config);\n options.headers['X-Registry-Auth'] = new Buffer(JSON.stringify({username, password})).toString('base64');\n }\n const req = http.request(options, (res) => {\n res.setEncoding('utf8');\n\n // scheduled to inform about progression at given interval\n let tick = null;\n const layerProgress = {};\n\n // Split the loading in a few columns for more feedback\n let columns = {};\n columns.amount = 4; // arbitrary\n columns.toFill = 0; // the current column index, waiting for layer IDs to be displayed\n let error = null;\n\n res.on('data', (rawData) => {\n const items = getPullingData(rawData);\n items.forEach((data) => {\n if (data.error) {\n error = data.error;\n return;\n }\n \n if (data.status && (data.status === 'Pulling dependent layers' || data.status.indexOf('already being pulled by another client') !== -1)) {\n blockedCallback();\n return;\n }\n\n if (data.id && !layerProgress[data.id]) {\n layerProgress[data.id] = {\n current: 0,\n total: 1\n };\n }\n\n if (data.status === 'Downloading') {\n if (!columns.progress) {\n columns.progress = []; // layerIDs, nbLayers, maxLayers, progress value\n let layersToLoad = _.keys(layerProgress).length;\n let layersPerColumn = Math.floor(layersToLoad / columns.amount);\n let leftOverLayers = layersToLoad % columns.amount;\n for (let i = 0; i < columns.amount; i++) {\n let layerAmount = layersPerColumn;\n if (i < leftOverLayers) {\n layerAmount += 1;\n }\n columns.progress[i] = {layerIDs: [], nbLayers: 0, maxLayers: layerAmount, value: 0.0};\n }\n }\n\n layerProgress[data.id].current = data.progressDetail.current;\n layerProgress[data.id].total = data.progressDetail.total;\n\n // Assign to a column if not done yet\n if (!layerProgress[data.id].column) {\n // test if we can still add layers to that column\n if (columns.progress[columns.toFill].nbLayers === columns.progress[columns.toFill].maxLayers && columns.toFill < columns.amount - 1) {\n columns.toFill++;\n }\n\n layerProgress[data.id].column = columns.toFill;\n columns.progress[columns.toFill].layerIDs.push(data.id);\n columns.progress[columns.toFill].nbLayers++;\n }\n\n if (!tick) {\n tick = setTimeout(() => {\n clearInterval(tick);\n tick = null;\n for (let i = 0; i < columns.amount; i++) {\n columns.progress[i].value = 0.0;\n if (columns.progress[i].nbLayers > 0) {\n let layer;\n let totalSum = 0;\n let currentSum = 0;\n\n for (let j = 0; j < columns.progress[i].nbLayers; j++) {\n layer = layerProgress[columns.progress[i].layerIDs[j]];\n totalSum += layer.total;\n currentSum += layer.current;\n }\n\n if (totalSum > 0) {\n columns.progress[i].value = Math.min(100.0 * currentSum / totalSum, 100);\n } else {\n columns.progress[i].value = 0.0;\n }\n }\n }\n progressCallback(columns);\n }, 16);\n }\n }\n });\n });\n res.on('end', () => callback(error));\n });\n req.on('error', (err) => {\n error = err;\n });\n req.end();\n },\n\n refresh () {\n this.fetchAllContainers();\n }\n};\n\nmodule.exports = DockerUtil;\n" }, { "path": "src/utils/HubUtil.js", "content": "import _ from 'underscore';\nimport request from 'request';\nimport accountServerActions from '../actions/AccountServerActions';\nimport metrics from './MetricsUtil';\n\nlet HUB2_ENDPOINT = process.env.HUB2_ENDPOINT || 'https://hub.docker.com/v2';\n\nmodule.exports = {\n init: function () {\n accountServerActions.prompted({prompted: localStorage.getItem('auth.prompted')});\n let username = localStorage.getItem('auth.username');\n let verified = localStorage.getItem('auth.verified') === 'true';\n if (username) {\n accountServerActions.loggedin({username, verified});\n }\n },\n\n username: function () {\n return localStorage.getItem('auth.username') || null;\n },\n\n // Returns the base64 encoded index token or null if no token exists\n config: function () {\n let config = localStorage.getItem('auth.config');\n if (!config) {\n return null;\n }\n return config;\n },\n\n // Retrives the current jwt hub token or null if no token exists\n jwt: function () {\n let jwt = localStorage.getItem('auth.jwt');\n if (!jwt) {\n return null;\n }\n return jwt;\n },\n\n prompted: function () {\n return localStorage.getItem('auth.prompted');\n },\n\n setPrompted: function (prompted) {\n localStorage.setItem('auth.prompted', true);\n accountServerActions.prompted({prompted});\n },\n\n request: function (req, callback) {\n let jwt = this.jwt();\n\n if (jwt) {\n _.extend(req, {\n headers: {\n Authorization: `JWT ${jwt}`\n }\n });\n }\n\n // First attempt with existing JWT\n request(req, (error, response, body) => {\n let data;\n try {\n data = JSON.parse(body);\n } catch (e) {\n console.error('Json parse error: %o', e);\n }\n\n // If the JWT has expired, then log in again to get a new JWT\n if (data && data.detail && data.detail.indexOf('expired') !== -1) {\n let config = this.config();\n if (!this.config()) {\n this.logout();\n return;\n }\n\n let [username, password] = this.creds(config);\n this.auth(username, password, (error, response, body) => {\n let data = JSON.parse(body);\n if (response.statusCode === 200 && data && data.token) {\n localStorage.setItem('auth.jwt', data.token);\n this.request(req, callback);\n } else {\n this.logout();\n }\n });\n } else {\n callback(error, response, body);\n }\n });\n },\n\n loggedin: function () {\n return this.jwt() && this.config();\n },\n\n logout: function () {\n accountServerActions.loggedout();\n localStorage.removeItem('auth.jwt');\n localStorage.removeItem('auth.username');\n localStorage.removeItem('auth.verified');\n localStorage.removeItem('auth.config');\n\n this.request({\n url: `${HUB2_ENDPOINT}/logout`\n }, (error, response, body) => {});\n },\n\n login: function (username, password, callback) {\n this.auth(username, password, (error, response, body) => {\n if (error) {\n accountServerActions.errors({errors: {detail: error.message}});\n callback(error);\n return;\n }\n\n let data = JSON.parse(body);\n\n if (response.statusCode === 200) {\n if (data.token) {\n localStorage.setItem('auth.jwt', data.token);\n localStorage.setItem('auth.username', username);\n localStorage.setItem('auth.verified', true);\n localStorage.setItem('auth.config', new Buffer(username + ':' + password).toString('base64'));\n accountServerActions.loggedin({username, verified: true});\n accountServerActions.prompted({prompted: true});\n metrics.track('Successfully Logged In');\n if (callback) { callback(); }\n require('./RegHubUtil').repos();\n } else {\n accountServerActions.errors({errors: {detail: 'Did not receive login token.'}});\n if (callback) { callback(new Error('Did not receive login token.')); }\n }\n } else if (response.statusCode === 401) {\n if (data && data.detail && data.detail.indexOf('Account not active yet') !== -1) {\n accountServerActions.loggedin({username, verified: false});\n accountServerActions.prompted({prompted: true});\n localStorage.setItem('auth.username', username);\n localStorage.setItem('auth.verified', false);\n localStorage.setItem('auth.config', new Buffer(username + ':' + password).toString('base64'));\n if (callback) { callback(); }\n } else {\n accountServerActions.errors({errors: data});\n if (callback) { callback(new Error(data.detail)); }\n }\n }\n });\n },\n\n auth: function (username, password, callback) {\n request.post(`${HUB2_ENDPOINT}/users/login/`, {form: {username, password}}, (error, response, body) => {\n callback(error, response, body);\n });\n },\n\n verify: function () {\n let config = this.config();\n if (!config) {\n this.logout();\n return;\n }\n\n let [username, password] = this.creds(config);\n this.login(username, password);\n },\n\n creds: function (config) {\n return new Buffer(config, 'base64').toString().split(/:(.+)?/).slice(0, 2);\n },\n\n // Signs up and places a token under ~/.dockercfg and saves a jwt to localstore\n signup: function (username, password, email, subscribe) {\n request.post(`${HUB2_ENDPOINT}/users/signup/`, {\n form: {\n username,\n password,\n email,\n subscribe\n }\n }, (err, response, body) => {\n if (response && response.statusCode === 204) {\n accountServerActions.signedup({username, verified: false});\n accountServerActions.prompted({prompted: true});\n localStorage.setItem('auth.username', username);\n localStorage.setItem('auth.verified', false);\n localStorage.setItem('auth.config', new Buffer(username + ':' + password).toString('base64'));\n metrics.track('Successfully Signed Up');\n } else {\n let data = JSON.parse(body);\n let errors = {};\n for (let key in data) {\n errors[key] = data[key][0];\n }\n accountServerActions.errors({errors});\n }\n });\n },\n};\n" }, { "path": "src/utils/MetricsUtil.js", "content": "import assign from 'object-assign';\nimport Mixpanel from 'mixpanel';\nimport uuid from 'node-uuid';\nimport fs from 'fs';\nimport path from 'path';\nimport util from './Util';\nimport os from 'os';\nimport osxRelease from 'osx-release';\nvar settings;\n\ntry {\n settings = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'settings.json'), 'utf8'));\n} catch (err) {\n settings = {};\n}\n\nvar token = process.env.NODE_ENV === 'development' ? settings['mixpanel-dev'] : settings.mixpanel;\nif (!token) {\n token = 'none';\n}\n\nvar mixpanel = Mixpanel.init(token);\n\nif (localStorage.getItem('metrics.enabled') === null) {\n localStorage.setItem('metrics.enabled', true);\n}\n\nvar Metrics = {\n enabled: function () {\n return localStorage.getItem('metrics.enabled') === 'true';\n },\n setEnabled: function (enabled) {\n localStorage.setItem('metrics.enabled', !!enabled);\n },\n track: function (name, data) {\n data = data || {};\n if (!name) {\n return;\n }\n\n if (localStorage.getItem('metrics.enabled') !== 'true') {\n return;\n }\n\n let id = localStorage.getItem('metrics.id');\n if (!id) {\n id = uuid.v4();\n localStorage.setItem('metrics.id', id);\n }\n\n let osName = os.platform();\n let osVersion = util.isWindows() ? os.release() : osxRelease(os.release()).version;\n\n mixpanel.track(name, assign({\n distinct_id: id,\n version: util.packagejson().version,\n 'Operating System': osName,\n 'Operating System Version': osVersion,\n 'Operating System Architecture': os.arch()\n }, data));\n },\n\n};\nmodule.exports = Metrics;\n" }, { "path": "src/utils/RegHubUtil.js", "content": "import {isNullOrUndefined} from 'util';\nimport _ from 'underscore';\nimport request from 'request';\nimport async from 'async';\nimport util from '../utils/Util';\nimport hubUtil from '../utils/HubUtil';\nimport repositoryServerActions from '../actions/RepositoryServerActions';\nimport tagServerActions from '../actions/TagServerActions';\nimport os from 'os';\nvar cachedRequest = require('cached-request')(request);\nvar cacheDirectory = os.tmpdir() + '/cachekitematic';\ncachedRequest.setCacheDirectory(cacheDirectory);\ncachedRequest.setValue('ttl', 3000);\n\nlet REGHUB2_ENDPOINT = process.env.REGHUB2_ENDPOINT || 'https://hub.docker.com/v2';\nlet searchReq = null;\nlet PAGING = 24;\n\nmodule.exports = {\n // Normalizes results from search to v2 repository results\n normalize: function (repo) {\n let obj = _.clone(repo);\n if (obj.is_official) {\n obj.namespace = 'library';\n } else {\n let [namespace, name] = repo.name.split('/');\n obj.namespace = namespace;\n obj.name = name;\n }\n\n return obj;\n },\n\n search: function (query, page, sorting = null) {\n if (searchReq) {\n if (searchReq.request) {\n searchReq.request.abort();\n }\n searchReq = null;\n }\n\n if (!query) {\n repositoryServerActions.resultsUpdated({repos: []});\n }\n /**\n * Sort:\n * All - no sorting\n * ordering: -start_count\n * ordering: -pull_count\n * is_automated: 1\n * is_official: 1\n */\n\n searchReq = cachedRequest({\n url: `${REGHUB2_ENDPOINT}/search/repositories/?`,\n qs: {query: query, page: page, page_size: PAGING, sorting}\n }, (error, response, body) => {\n if (error) {\n repositoryServerActions.error({error});\n }\n\n let data = JSON.parse(body);\n let repos = _.map(data.results, result => {\n result.name = result.repo_name;\n return this.normalize(result);\n });\n let next = data.next;\n let previous = data.previous;\n let total = Math.floor(data.count / PAGING);\n if (response.statusCode === 200) {\n repositoryServerActions.resultsUpdated({repos, page, previous, next, total});\n }\n });\n },\n\n recommended: function () {\n cachedRequest({\n url: 'https://kitematic.com/recommended.json'\n }, (error, response, body) => {\n if (error) {\n repositoryServerActions.error({error});\n return;\n }\n\n if (response.statusCode !== 200) {\n repositoryServerActions.error({error: new Error('Could not fetch recommended repo list. Please try again later.')});\n return;\n }\n\n let data = JSON.parse(body);\n let repos = data.repos;\n async.map(repos, (repo, cb) => {\n var name = repo.repo;\n if (util.isOfficialRepo(name)) {\n name = 'library/' + name;\n }\n\n cachedRequest({\n url: `${REGHUB2_ENDPOINT}/repositories/${name}`,\n timeout: 5000\n }, (error, response, body) => {\n if (error) {\n return cb(null, {error, data: null});\n }\n\n if (response.statusCode === 200) {\n let data = JSON.parse(body);\n data.is_recommended = true;\n _.extend(data, repo);\n return cb(null, {error: null, data});\n } else {\n return cb(null, {error: new Error('Could not fetch repository information from Docker Hub.'), data: null});\n }\n\n });\n }, (error, repos) => {\n const reposData = repos.map(repo => repo.data).filter(repo => !isNullOrUndefined(repo));\n\n if (!reposData.length) {\n const errorMessage =_.chain(repos)\n .map(repo => repo.error)\n .filter(err => !isNullOrUndefined(err))\n .map(err => err.message)\n .uniq()\n .value()\n .join('\\n');\n\n repositoryServerActions.error({error: new Error(errorMessage)});\n return;\n }\n\n repositoryServerActions.recommendedUpdated({repos: reposData});\n });\n });\n },\n\n tags: function (repo, callback) {\n hubUtil.request({\n url: `${REGHUB2_ENDPOINT}/repositories/${repo}/tags`,\n qs: {page: 1, page_size: 100}\n }, (error, response, body) => {\n if (response.statusCode === 200) {\n let data = JSON.parse(body);\n tagServerActions.tagsUpdated({repo, tags: data.results || []});\n if (callback) {\n return callback(null, data.results || []);\n }\n } else {\n repositoryServerActions.error({repo});\n if (callback) {\n return callback(new Error('Failed to fetch tags for repo'));\n }\n }\n });\n },\n\n // Returns the base64 encoded index token or null if no token exists\n repos: function (callback) {\n repositoryServerActions.reposLoading({repos: []});\n let namespaces = [];\n // Get Orgs for user\n hubUtil.request({\n url: `${REGHUB2_ENDPOINT}/user/orgs/`,\n qs: { page_size: 1000 }\n }, (orgError, orgResponse, orgBody) => {\n if (orgError) {\n repositoryServerActions.error({orgError});\n if (callback) {\n return callback(orgError);\n }\n return null;\n }\n\n if (orgResponse.statusCode === 401) {\n hubUtil.logout();\n repositoryServerActions.reposUpdated({repos: []});\n return;\n }\n\n if (orgResponse.statusCode !== 200) {\n let generalError = new Error('Failed to fetch repos');\n repositoryServerActions.error({error: generalError});\n if (callback) {\n callback({error: generalError});\n }\n return null;\n }\n try {\n let orgs = JSON.parse(orgBody);\n orgs.results.map((org) => {\n namespaces.push(org.orgname);\n });\n // Add current user\n namespaces.push(hubUtil.username());\n } catch (jsonError) {\n repositoryServerActions.error({jsonError});\n if (callback) {\n return callback(jsonError);\n }\n }\n\n\n async.map(namespaces, (namespace, cb) => {\n hubUtil.request({\n url: `${REGHUB2_ENDPOINT}/repositories/${namespace}`,\n qs: { page_size: 1000 }\n }, (error, response, body) => {\n if (error) {\n repositoryServerActions.error({error});\n if (callback) {\n callback(error);\n }\n return null;\n }\n\n if (orgResponse.statusCode === 401) {\n hubUtil.logout();\n repositoryServerActions.reposUpdated({repos: []});\n return;\n }\n\n if (response.statusCode !== 200) {\n repositoryServerActions.error({error: new Error('Could not fetch repository information from Docker Hub.')});\n return null;\n }\n\n let data = JSON.parse(body);\n cb(null, data.results);\n });\n }, (error, lists) => {\n if (error) {\n repositoryServerActions.error({error});\n if (callback) {\n callback(error);\n }\n return null;\n }\n\n let repos = [];\n for (let list of lists) {\n repos = repos.concat(list);\n }\n\n _.each(repos, repo => {\n repo.is_user_repo = true;\n });\n\n repositoryServerActions.reposUpdated({repos});\n if (callback) {\n return callback(null, repos);\n }\n return null;\n });\n });\n }\n};\n" }, { "path": "src/utils/SetupUtil.js", "content": "import _ from 'underscore';\nimport fs from 'fs';\nimport path from 'path';\nimport Promise from 'bluebird';\nimport bugsnag from 'bugsnag-js';\nimport util from './Util';\nimport virtualBox from './VirtualBoxUtil';\nimport setupServerActions from '../actions/SetupServerActions';\nimport metrics from './MetricsUtil';\nimport machine from './DockerMachineUtil';\nimport docker from './DockerUtil';\nimport router from '../router';\n\n// Docker Machine exits with 3 to differentiate pre-create check failures (e.g.\n// virtualization isn't enabled) from normal errors during create (exit code\n// 1).\nconst precreateCheckExitCode = 3;\n\nlet _retryPromise = null;\nlet _timers = [];\n\nexport default {\n simulateProgress (estimateSeconds) {\n this.clearTimers();\n var times = _.range(0, estimateSeconds * 1000, 200);\n _.each(times, time => {\n var timer = setTimeout(() => {\n setupServerActions.progress({progress: 100 * time / (estimateSeconds * 1000)});\n }, time);\n _timers.push(timer);\n });\n },\n\n clearTimers () {\n _timers.forEach(t => clearTimeout(t));\n _timers = [];\n },\n\n async useVbox () {\n metrics.track('Retried Setup with VBox');\n router.get().transitionTo('loading');\n util.native = false;\n localStorage.setItem('settings.useVM', true);\n setupServerActions.error({ error: { message: null }});\n _retryPromise.resolve();\n },\n\n retry (removeVM) {\n metrics.track('Retried Setup', {\n removeVM\n });\n\n router.get().transitionTo('loading');\n setupServerActions.error({ error: { message: null }});\n if (removeVM) {\n machine.rm().finally(() => {\n _retryPromise.resolve();\n });\n } else {\n _retryPromise.resolve();\n }\n },\n\n pause () {\n _retryPromise = Promise.defer();\n return _retryPromise.promise;\n },\n\n async setup () {\n while (true) {\n try {\n if (util.isNative()) {\n await this.nativeSetup();\n } else {\n await this.nonNativeSetup();\n }\n return;\n } catch (error) {\n metrics.track('Native Setup Failed');\n setupServerActions.error({error});\n\n bugsnag.notify('Native Setup Failed', error.message, {\n 'Docker Error': error.message\n }, 'info');\n this.clearTimers();\n await this.pause();\n }\n }\n },\n\n async nativeSetup () {\n while (true) {\n try {\n router.get().transitionTo('setup');\n docker.setup('localhost');\n setupServerActions.started({started: true});\n this.simulateProgress(5);\n metrics.track('Native Setup Finished');\n return docker.version();\n } catch (error) {\n throw new Error(error);\n }\n }\n },\n\n async nonNativeSetup () {\n let virtualBoxVersion = null;\n let machineVersion = null;\n while (true) {\n try {\n setupServerActions.started({started: false});\n\n // Make sure virtualBox and docker-machine are installed\n let virtualBoxInstalled = virtualBox.installed();\n let machineInstalled = machine.installed();\n if (!virtualBoxInstalled || !machineInstalled) {\n router.get().transitionTo('setup');\n if (!virtualBoxInstalled) {\n setupServerActions.error({error: 'VirtualBox is not installed. Please install it via the Docker Toolbox.'});\n } else {\n setupServerActions.error({error: 'Docker Machine is not installed. Please install it via the Docker Toolbox.'});\n }\n this.clearTimers();\n await this.pause();\n continue;\n }\n\n virtualBoxVersion = await virtualBox.version();\n machineVersion = await machine.version();\n\n setupServerActions.started({started: true});\n metrics.track('Started Setup', {\n virtualBoxVersion,\n machineVersion\n });\n let exists\n if (process.env.MACHINE_STORAGE_PATH) {\n exists = await virtualBox.vmExists(machine.name()) && fs.existsSync(path.join(process.env.MACHINE_STORAGE_PATH, 'machines', machine.name()));\n } else {\n exists = await virtualBox.vmExists(machine.name()) && fs.existsSync(path.join(util.home(), '.docker', 'machine', 'machines', machine.name()));\n } \n if (!exists) {\n router.get().transitionTo('setup');\n setupServerActions.started({started: true});\n this.simulateProgress(60);\n try {\n await machine.rm();\n } catch (err) {}\n await machine.create();\n } else {\n let state = await machine.status();\n if (state !== 'Running') {\n router.get().transitionTo('setup');\n setupServerActions.started({started: true});\n if (state === 'Saved') {\n this.simulateProgress(10);\n } else if (state === 'Stopped') {\n this.simulateProgress(25);\n } else {\n this.simulateProgress(40);\n }\n\n await machine.start();\n }\n }\n\n // Try to receive an ip address from machine, for at least to 80 seconds.\n let tries = 80, ip = null;\n while (!ip && tries > 0) {\n try {\n tries -= 1;\n console.log('Trying to fetch machine IP, tries left: ' + tries);\n ip = await machine.ip();\n await Promise.delay(1000);\n } catch (err) {}\n }\n\n if (ip) {\n docker.setup(ip, machine.name());\n await docker.version();\n } else {\n throw new Error('Could not determine IP from docker-machine.');\n }\n\n break;\n } catch (error) {\n router.get().transitionTo('setup');\n\n if (error.code === precreateCheckExitCode) {\n metrics.track('Setup Halted', {\n virtualBoxVersion,\n machineVersion\n });\n } else {\n metrics.track('Setup Failed', {\n virtualBoxVersion,\n machineVersion\n });\n }\n\n let message = error.message.split('\\n');\n let lastLine = message.length > 1 ? message[message.length - 2] : 'Docker Machine encountered an error.';\n let virtualBoxLogs = machine.virtualBoxLogs();\n bugsnag.notify('Setup Failed', lastLine, {\n 'Docker Machine Logs': error.message,\n 'VirtualBox Logs': virtualBoxLogs,\n 'VirtualBox Version': virtualBoxVersion,\n 'Machine Version': machineVersion,\n groupingHash: machineVersion\n }, 'info');\n\n setupServerActions.error({error: new Error(message)});\n\n this.clearTimers();\n await this.pause();\n }\n }\n metrics.track('Setup Finished', {\n virtualBoxVersion,\n machineVersion\n });\n }\n};\n" }, { "path": "src/utils/Util.js", "content": "import child_process from 'child_process';\nimport Promise from 'bluebird';\nimport fs from 'fs';\nimport path from 'path';\nimport crypto from 'crypto';\nimport http from 'http';\nimport electron from 'electron';\nconst remote = electron.remote;\nconst dialog = remote.dialog;\nconst app = remote.app;\n\nmodule.exports = {\n native: null,\n execFile: function (args, options) {\n return new Promise((resolve, reject) => {\n child_process.execFile(args[0], args.slice(1), options, (error, stdout) => {\n if (error) {\n reject(error);\n } else {\n resolve(stdout);\n }\n });\n });\n },\n exec: function (args, options) {\n return new Promise((resolve, reject) => {\n child_process.exec(args, options, (error, stdout) => {\n if (error) {\n reject(new Error('Encountered an error: ' + error));\n } else {\n resolve(stdout);\n }\n });\n });\n },\n isWindows: function () {\n return process.platform === 'win32';\n },\n isLinux: function () {\n return process.platform === 'linux';\n },\n isNative: function () {\n switch (localStorage.getItem('settings.useVM')) {\n case 'true':\n this.native = false;\n break;\n case 'false':\n this.native = true;\n break;\n default:\n this.native = null;\n }\n if (this.native === null) {\n if (this.isWindows()) {\n this.native = http.get({\n url: `http:////./pipe/docker_engine/version`\n }, (response) => {\n if (response.statusCode !== 200 ) {\n return false;\n } else {\n return true;\n }\n });\n } else {\n try {\n // Check if file exists\n let stats = fs.statSync('/var/run/docker.sock');\n if (stats.isSocket()) {\n this.native = true;\n }\n } catch (e) {\n if (this.isLinux()) {\n this.native = true;\n } else {\n this.native = false;\n }\n }\n }\n }\n return this.native;\n },\n binsPath: function () {\n return this.isWindows() ? path.join(this.home(), 'Kitematic-bins') : path.join('/usr/local/bin');\n },\n binsEnding: function () {\n return this.isWindows() ? '.exe' : '';\n },\n dockerBinPath: function () {\n return path.join(this.binsPath(), 'docker' + this.binsEnding());\n },\n dockerMachineBinPath: function () {\n return path.join(this.binsPath(), 'docker-machine' + this.binsEnding());\n },\n dockerComposeBinPath: function () {\n return path.join(this.binsPath(), 'docker-compose' + this.binsEnding());\n },\n escapePath: function (str) {\n return str.replace(/ /g, '\\\\ ').replace(/\\(/g, '\\\\(').replace(/\\)/g, '\\\\)');\n },\n home: function () {\n return app.getPath('home');\n },\n documents: function () {\n // TODO: fix me for windows 7\n return 'Documents';\n },\n CommandOrCtrl: function () {\n return (this.isWindows() || this.isLinux()) ? 'Ctrl' : 'Command';\n },\n removeSensitiveData: function (str) {\n if (!str || str.length === 0 || typeof str !== 'string' ) {\n return str;\n }\n return str.replace(/-----BEGIN CERTIFICATE-----.*-----END CERTIFICATE-----/mg, '')\n .replace(/-----BEGIN RSA PRIVATE KEY-----.*-----END RSA PRIVATE KEY-----/mg, '')\n .replace(/\\/Users\\/[^\\/]*\\//mg, '/Users//')\n .replace(/\\\\Users\\\\[^\\/]*\\\\/mg, '\\\\Users\\\\\\\\');\n },\n packagejson: function () {\n return JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'package.json'), 'utf8'));\n },\n settingsjson: function () {\n var settingsjson = {};\n try {\n settingsjson = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'settings.json'), 'utf8'));\n } catch (err) {\n // log errors\n }\n return settingsjson;\n },\n isOfficialRepo: function (name) {\n if (!name || !name.length) {\n return false;\n }\n\n // An official repo is alphanumeric characters separated by dashes or\n // underscores.\n // Examples: myrepo, my-docker-repo, my_docker_repo\n // Non-examples: mynamespace/myrepo, my%!repo\n var repoRegexp = /^[a-z0-9]+(?:[._-][a-z0-9]+)*$/;\n return repoRegexp.test(name);\n },\n compareVersions: function (v1, v2, options) {\n var lexicographical = options && options.lexicographical,\n zeroExtend = options && options.zeroExtend,\n v1parts = v1.split('.'),\n v2parts = v2.split('.');\n\n function isValidPart (x) {\n return (lexicographical ? /^\\d+[A-Za-z]*$/ : /^\\d+$/).test(x);\n }\n\n if (!v1parts.every(isValidPart) || !v2parts.every(isValidPart)) {\n return NaN;\n }\n\n if (zeroExtend) {\n while (v1parts.length < v2parts.length) {\n v1parts.push('0');\n }\n while (v2parts.length < v1parts.length) {\n v2parts.push('0');\n }\n }\n\n if (!lexicographical) {\n v1parts = v1parts.map(Number);\n v2parts = v2parts.map(Number);\n }\n\n for (var i = 0; i < v1parts.length; ++i) {\n if (v2parts.length === i) {\n return 1;\n }\n if (v1parts[i] === v2parts[i]) {\n continue;\n } else if (v1parts[i] > v2parts[i]) {\n return 1;\n } else {\n return -1;\n }\n }\n\n if (v1parts.length !== v2parts.length) {\n return -1;\n }\n\n return 0;\n },\n randomId: function () {\n return crypto.randomBytes(32).toString('hex');\n },\n windowsToLinuxPath: function (windowsAbsPath) {\n var fullPath = windowsAbsPath.replace(':', '').split(path.sep).join('/');\n if (fullPath.charAt(0) !== '/') {\n fullPath = '/' + fullPath.charAt(0).toLowerCase() + fullPath.substring(1);\n }\n return fullPath;\n },\n linuxToWindowsPath: function (linuxAbsPath) {\n return linuxAbsPath.replace('/c', 'C:').split('/').join('\\\\');\n },\n linuxTerminal: function () {\n const terminalPath = localStorage.getItem('settings.terminalPath');\n if (fs.existsSync(terminalPath)) {\n return [terminalPath, '-e'];\n } else {\n dialog.showMessageBox({\n type: 'warning',\n buttons: ['OK'],\n message: `The ${terminalPath} does not exist please set the correct path.`\n });\n return false;\n }\n },\n webPorts: ['80', '8000', '8080', '8888', '3000', '5000', '2368', '9200', '8983']\n};\n" }, { "path": "src/utils/VirtualBoxUtil.js", "content": "import fs from 'fs';\nimport path from 'path';\nimport util from './Util';\nimport Promise from 'bluebird';\n\nvar VirtualBox = {\n command: function () {\n if (util.isWindows()) {\n if (process.env.VBOX_MSI_INSTALL_PATH) {\n return path.join(process.env.VBOX_MSI_INSTALL_PATH, 'VBoxManage.exe');\n } else {\n return path.join(process.env.VBOX_INSTALL_PATH, 'VBoxManage.exe');\n }\n } else {\n return '/Applications/VirtualBox.app/Contents/MacOS/VBoxManage';\n }\n },\n installed: function () {\n if (util.isWindows() && !process.env.VBOX_INSTALL_PATH && !process.env.VBOX_MSI_INSTALL_PATH) {\n return false;\n }\n return fs.existsSync(this.command());\n },\n active: function () {\n return fs.existsSync('/dev/vboxnetctl');\n },\n version: function () {\n return util.execFile([this.command(), '-v']).then(stdout => {\n let matchlist = stdout.match(/(\\d+\\.\\d+\\.\\d+).*/);\n if (!matchlist || matchlist.length < 2) {\n Promise.reject('VBoxManage -v output format not recognized.');\n }\n return Promise.resolve(matchlist[1]);\n }).catch(() => {\n return Promise.resolve(null);\n });\n },\n mountSharedDir: function (vmName, pathName, hostPath) {\n return util.execFile([this.command(), 'sharedfolder', 'add', vmName, '--name', pathName, '--hostpath', hostPath, '--automount']);\n },\n vmExists: function (name) {\n return util.execFile([this.command(), 'list', 'vms']).then(out => {\n return out.indexOf('\"' + name + '\"') !== -1;\n }).catch(() => {\n return false;\n });\n }\n};\n\nmodule.exports = VirtualBox;\n" }, { "path": "src/utils/WebUtil.js", "content": "import electron from 'electron';\nconst remote = electron.remote;\nconst app = remote.app;\nimport fs from 'fs';\nimport util from './Util';\nimport path from 'path';\nimport bugsnag from 'bugsnag-js';\nimport metrics from './MetricsUtil';\n\nvar WebUtil = {\n addWindowSizeSaving: function () {\n window.addEventListener('resize', function () {\n fs.writeFileSync(path.join(app.getPath('userData'), 'size'), JSON.stringify({\n width: window.outerWidth,\n height: window.outerHeight\n }));\n });\n },\n addLiveReload: function () {\n if (process.env.NODE_ENV === 'development') {\n var head = document.getElementsByTagName('head')[0];\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = 'http://localhost:35729/livereload.js';\n head.appendChild(script);\n }\n },\n addBugReporting: function () {\n var settingsjson = util.settingsjson();\n\n if (settingsjson.bugsnag) {\n bugsnag.apiKey = settingsjson.bugsnag;\n bugsnag.autoNotify = true;\n bugsnag.releaseStage = process.env.NODE_ENV === 'development' ? 'development' : 'production';\n bugsnag.notifyReleaseStages = ['production'];\n bugsnag.appVersion = app.getVersion();\n\n bugsnag.beforeNotify = function(payload) {\n if (!metrics.enabled()) {\n return false;\n }\n\n payload.stacktrace = util.removeSensitiveData(payload.stacktrace);\n payload.context = util.removeSensitiveData(payload.context);\n payload.file = util.removeSensitiveData(payload.file);\n payload.message = util.removeSensitiveData(payload.message);\n payload.url = util.removeSensitiveData(payload.url);\n payload.name = util.removeSensitiveData(payload.name);\n payload.file = util.removeSensitiveData(payload.file);\n\n for(var key in payload.metaData) {\n payload.metaData[key] = util.removeSensitiveData(payload.metaData[key]);\n }\n };\n }\n },\n disableGlobalBackspace: function () {\n document.onkeydown = function (e) {\n e = e || window.event;\n var doPrevent;\n if (e.keyCode === 8) {\n var d = e.srcElement || e.target;\n if (d.tagName.toUpperCase() === 'INPUT' || d.tagName.toUpperCase() === 'TEXTAREA') {\n doPrevent = d.readOnly || d.disabled;\n } else {\n doPrevent = true;\n }\n } else {\n doPrevent = false;\n }\n if (doPrevent) {\n e.preventDefault();\n }\n };\n },\n};\n\nmodule.exports = WebUtil;\n" }, { "path": "styles/animation.less", "content": "@-webkit-keyframes spin {\n from {\n -webkit-transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes translatewave {\n from {\n -webkit-transform: translateX(0px);\n }\n to {\n -webkit-transform: translateX(20px);\n }\n}\n\n@-webkit-keyframes translatedownload {\n 0% {\n -webkit-transform: translateY(6px);\n opacity: 0;\n }\n 25% {\n opacity: 1;\n -webkit-transform: translateY(6px);\n }\n 50% {\n opacity: 1;\n -webkit-transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(20px);\n }\n}\n\n@-webkit-keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n" }, { "path": "styles/bootstrap/alerts.less", "content": "//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n padding: @alert-padding;\n margin-bottom: @line-height-computed;\n border: 1px solid transparent;\n border-radius: @alert-border-radius;\n\n // Headings for larger alerts\n h4 {\n margin-top: 0;\n // Specified for the h4 to prevent conflicts of changing @headings-color\n color: inherit;\n }\n // Provide class for links that match alerts\n .alert-link {\n font-weight: @alert-link-font-weight;\n }\n\n // Improve alignment and spacing of inner content\n > p,\n > ul {\n margin-bottom: 0;\n }\n > p + p {\n margin-top: 5px;\n }\n}\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.\n.alert-dismissible {\n padding-right: (@alert-padding + 20);\n\n // Adjust close link position\n .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n.alert-success {\n .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);\n}\n.alert-info {\n .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);\n}\n.alert-warning {\n .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);\n}\n.alert-danger {\n .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);\n}\n" }, { "path": "styles/bootstrap/badges.less", "content": "//\n// Badges\n// --------------------------------------------------\n\n\n// Base class\n.badge {\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: @font-size-small;\n font-weight: @badge-font-weight;\n color: @badge-color;\n line-height: @badge-line-height;\n vertical-align: baseline;\n white-space: nowrap;\n text-align: center;\n background-color: @badge-bg;\n border-radius: @badge-border-radius;\n\n // Empty badges collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for badges in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n .btn-xs & {\n top: 0;\n padding: 1px 5px;\n }\n\n // Hover state, but only for links\n a& {\n &:hover,\n &:focus {\n color: @badge-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n }\n\n // Account for badges in navs\n .list-group-item.active > &,\n .nav-pills > .active > a > & {\n color: @badge-active-color;\n background-color: @badge-active-bg;\n }\n .list-group-item > & {\n float: right;\n }\n .list-group-item > & + & {\n margin-right: 5px;\n }\n .nav-pills > li > a > & {\n margin-left: 3px;\n }\n}\n" }, { "path": "styles/bootstrap/bootstrap.less", "content": "// Core variables and mixins\n@import \"variables.less\";\n@import \"mixins.less\";\n\n// Reset and dependencies\n@import \"normalize.less\";\n@import \"print.less\";\n@import \"glyphicons.less\";\n\n// Core CSS\n@import \"scaffolding.less\";\n@import \"type.less\";\n@import \"code.less\";\n@import \"grid.less\";\n@import \"tables.less\";\n@import \"forms.less\";\n@import \"buttons.less\";\n\n// Components\n@import \"component-animations.less\";\n@import \"dropdowns.less\";\n@import \"button-groups.less\";\n@import \"input-groups.less\";\n@import \"navs.less\";\n@import \"navbar.less\";\n@import \"breadcrumbs.less\";\n@import \"pagination.less\";\n@import \"pager.less\";\n@import \"labels.less\";\n@import \"badges.less\";\n@import \"jumbotron.less\";\n@import \"thumbnails.less\";\n@import \"alerts.less\";\n@import \"progress-bars.less\";\n@import \"media.less\";\n@import \"list-group.less\";\n@import \"panels.less\";\n@import \"responsive-embed.less\";\n@import \"wells.less\";\n@import \"close.less\";\n\n// Components w/ JavaScript\n@import \"modals.less\";\n@import \"tooltip.less\";\n@import \"popovers.less\";\n@import \"carousel.less\";\n\n// Utility classes\n@import \"utilities.less\";\n@import \"responsive-utilities.less\";\n" }, { "path": "styles/bootstrap/breadcrumbs.less", "content": "//\n// Breadcrumbs\n// --------------------------------------------------\n\n\n.breadcrumb {\n padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;\n margin-bottom: @line-height-computed;\n list-style: none;\n background-color: @breadcrumb-bg;\n border-radius: @border-radius-base;\n\n > li {\n display: inline-block;\n\n + li:before {\n content: \"@{breadcrumb-separator}\\00a0\"; // Unicode space added since inline-block means non-collapsing white-space\n padding: 0 5px;\n color: @breadcrumb-color;\n }\n }\n\n > .active {\n color: @breadcrumb-active-color;\n }\n}\n" }, { "path": "styles/bootstrap/button-groups.less", "content": "//\n// Button groups\n// --------------------------------------------------\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle; // match .btn alignment given font-size hack above\n > .btn {\n position: relative;\n float: left;\n // Bring the \"active\" button to the front\n &:hover,\n &:focus,\n &:active,\n &.active {\n z-index: 2;\n }\n }\n}\n\n// Prevent double borders when buttons are next to each other\n.btn-group {\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-left: -1px;\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n margin-left: -5px; // Offset the first child's margin\n &:extend(.clearfix all);\n\n .btn-group,\n .input-group {\n float: left;\n }\n > .btn,\n > .btn-group,\n > .input-group {\n margin-left: 5px;\n }\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0;\n}\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n margin-left: 0;\n &:not(:last-child):not(.dropdown-toggle) {\n .border-right-radius(0);\n }\n}\n// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n .border-left-radius(0);\n}\n\n// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)\n.btn-group > .btn-group {\n float: left;\n}\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group > .btn-group:first-child {\n > .btn:last-child,\n > .dropdown-toggle {\n .border-right-radius(0);\n }\n}\n.btn-group > .btn-group:last-child > .btn:first-child {\n .border-left-radius(0);\n}\n\n// On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-xs > .btn { &:extend(.btn-xs); }\n.btn-group-sm > .btn { &:extend(.btn-sm); }\n.btn-group-lg > .btn { &:extend(.btn-lg); }\n\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n padding-left: 8px;\n padding-right: 8px;\n}\n.btn-group > .btn-lg + .dropdown-toggle {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n// The clickable button for toggling the menu\n// Remove the gradient and set the same inset shadow as the :active state\n.btn-group.open .dropdown-toggle {\n .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n\n // Show no shadow for `.btn-link` since it has no other button styles.\n &.btn-link {\n .box-shadow(none);\n }\n}\n\n\n// Reposition the caret\n.btn .caret {\n margin-left: 0;\n}\n// Carets in other button sizes\n.btn-lg .caret {\n border-width: @caret-width-large @caret-width-large 0;\n border-bottom-width: 0;\n}\n// Upside down carets for .dropup\n.dropup .btn-lg .caret {\n border-width: 0 @caret-width-large @caret-width-large;\n}\n\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical {\n > .btn,\n > .btn-group,\n > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n }\n\n // Clear floats so dropdown menus can be properly placed\n > .btn-group {\n &:extend(.clearfix all);\n > .btn {\n float: none;\n }\n }\n\n > .btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n }\n}\n\n.btn-group-vertical > .btn {\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n &:first-child:not(:last-child) {\n border-top-right-radius: @border-radius-base;\n .border-bottom-radius(0);\n }\n &:last-child:not(:first-child) {\n border-bottom-left-radius: @border-radius-base;\n .border-top-radius(0);\n }\n}\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group-vertical > .btn-group:first-child:not(:last-child) {\n > .btn:last-child,\n > .dropdown-toggle {\n .border-bottom-radius(0);\n }\n}\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n .border-top-radius(0);\n}\n\n\n// Justified button groups\n// ----------------------\n\n.btn-group-justified {\n display: table;\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n > .btn,\n > .btn-group {\n float: none;\n display: table-cell;\n width: 1%;\n }\n > .btn-group .btn {\n width: 100%;\n }\n\n > .btn-group .dropdown-menu {\n left: auto;\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n[data-toggle=\"buttons\"] {\n > .btn,\n > .btn-group > .btn {\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0,0,0,0);\n pointer-events: none;\n }\n }\n}\n" }, { "path": "styles/bootstrap/buttons.less", "content": "//\n// Buttons\n// --------------------------------------------------\n\n\n// Base styles\n// --------------------------------------------------\n\n.btn {\n display: inline-block;\n margin-bottom: 0; // For input.btn\n font-weight: @btn-font-weight;\n text-align: center;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid transparent;\n white-space: nowrap;\n .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);\n .user-select(none);\n\n &,\n &:active,\n &.active {\n &:focus,\n &.focus {\n .tab-focus();\n }\n }\n\n &:hover,\n &:focus,\n &.focus {\n color: @btn-default-color;\n text-decoration: none;\n }\n\n &:active,\n &.active {\n outline: 0;\n background-image: none;\n .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n cursor: @cursor-disabled;\n pointer-events: none; // Future-proof disabling of clicks\n .opacity(.65);\n .box-shadow(none);\n }\n}\n\n\n// Alternate buttons\n// --------------------------------------------------\n\n.btn-default {\n .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);\n}\n.btn-primary {\n .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);\n}\n// Success appears as green\n.btn-success {\n .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);\n}\n// Info appears as blue-green\n.btn-info {\n .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);\n}\n// Warning appears as orange\n.btn-warning {\n .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);\n}\n// Danger and error appear as red\n.btn-danger {\n .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);\n}\n\n\n// Link buttons\n// -------------------------\n\n// Make a button look and behave like a link\n.btn-link {\n color: @link-color;\n font-weight: normal;\n border-radius: 0;\n\n &,\n &:active,\n &.active,\n &[disabled],\n fieldset[disabled] & {\n background-color: transparent;\n .box-shadow(none);\n }\n &,\n &:hover,\n &:focus,\n &:active {\n border-color: transparent;\n }\n &:hover,\n &:focus {\n color: @link-hover-color;\n text-decoration: underline;\n background-color: transparent;\n }\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus {\n color: @btn-link-disabled-color;\n text-decoration: none;\n }\n }\n}\n\n\n// Button Sizes\n// --------------------------------------------------\n\n.btn-lg {\n // line-height: ensure even-numbered height of button next to large input\n .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);\n}\n.btn-sm {\n // line-height: ensure proper height of button next to small input\n .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n.btn-xs {\n .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n\n// Block button\n// --------------------------------------------------\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.btn-block {\n width: 100%;\n }\n}\n" }, { "path": "styles/bootstrap/carousel.less", "content": "//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive);\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n transition: transform .6s ease-in-out;\n backface-visibility: hidden;\n perspective: 1000;\n\n &.next,\n &.active.right {\n transform: translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n transform: translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n transform: translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: @carousel-control-width;\n .opacity(@carousel-control-opacity);\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n }\n &.right {\n left: auto;\n right: 0;\n #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n outline: 0;\n color: @carousel-control-color;\n text-decoration: none;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n margin-top: -10px;\n font-family: serif;\n }\n\n\n .icon-prev {\n &:before {\n content: '\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: '\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n cursor: pointer;\n\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0,0,0,0); // IE9\n }\n .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: 30px;\n height: 30px;\n margin-top: -15px;\n font-size: 30px;\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: -15px;\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: -15px;\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n" }, { "path": "styles/bootstrap/close.less", "content": "//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: (@font-size-base * 1.5);\n font-weight: @close-font-weight;\n line-height: 1;\n color: @close-color;\n text-shadow: @close-text-shadow;\n .opacity(.2);\n\n &:hover,\n &:focus {\n color: @close-color;\n text-decoration: none;\n cursor: pointer;\n .opacity(.5);\n }\n\n // Additional properties for button version\n // iOS requires the button element instead of an anchor tag.\n // If you want the anchor version, it requires `href=\"#\"`.\n button& {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n }\n}\n" }, { "path": "styles/bootstrap/code.less", "content": "//\n// Code (inline and block)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: @font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @code-color;\n background-color: @code-bg;\n border-radius: @border-radius-base;\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @kbd-color;\n background-color: @kbd-bg;\n border-radius: @border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: bold;\n box-shadow: none;\n }\n}\n\n// Blocks of code\npre {\n display: block;\n padding: ((@line-height-computed - 1) / 2);\n margin: 0 0 (@line-height-computed / 2);\n font-size: (@font-size-base - 1); // 14px to 13px\n line-height: @line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @pre-color;\n background-color: @pre-bg;\n border: 1px solid @pre-border-color;\n border-radius: @border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: @pre-scrollable-max-height;\n overflow-y: scroll;\n}\n" }, { "path": "styles/bootstrap/component-animations.less", "content": "//\n// Component animations\n// --------------------------------------------------\n\n// Heads up!\n//\n// We don't use the `.opacity()` mixin here since it causes a bug with text\n// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.\n\n.fade {\n opacity: 0;\n .transition(opacity .15s linear);\n &.in {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n visibility: hidden;\n\n &.in { display: block; visibility: visible; }\n tr&.in { display: table-row; }\n tbody&.in { display: table-row-group; }\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n .transition-property(~\"height, visibility\");\n .transition-duration(.35s);\n .transition-timing-function(ease);\n}\n" }, { "path": "styles/bootstrap/dropdowns.less", "content": "//\n// Dropdown menus\n// --------------------------------------------------\n\n\n// Dropdown arrow/caret\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: @caret-width-base solid;\n border-right: @caret-width-base solid transparent;\n border-left: @caret-width-base solid transparent;\n}\n\n// The dropdown wrapper (div)\n.dropdown {\n position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: @zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0; // override default ul\n list-style: none;\n font-size: @font-size-base;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n background-color: @dropdown-bg;\n border: 1px solid @dropdown-fallback-border; // IE8 fallback\n border: 1px solid @dropdown-border;\n border-radius: @border-radius-base;\n .box-shadow(0 6px 12px rgba(0,0,0,.175));\n background-clip: padding-box;\n\n // Aligns the dropdown menu to right\n //\n // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`\n &.pull-right {\n right: 0;\n left: auto;\n }\n\n // Dividers (basically an hr) within the dropdown\n .divider {\n .nav-divider(@dropdown-divider-bg);\n }\n\n // Links within the dropdown menu\n > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: @line-height-base;\n color: @dropdown-link-color;\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n }\n}\n\n// Hover/Focus state\n.dropdown-menu > li > a {\n &:hover,\n &:focus {\n text-decoration: none;\n color: @dropdown-link-hover-color;\n background-color: @dropdown-link-hover-bg;\n }\n}\n\n// Active state\n.dropdown-menu > .active > a {\n &,\n &:hover,\n &:focus {\n color: @dropdown-link-active-color;\n text-decoration: none;\n outline: 0;\n background-color: @dropdown-link-active-bg;\n }\n}\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: @dropdown-link-disabled-color;\n }\n\n // Nuke hover/focus effects\n &:hover,\n &:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none; // Remove CSS gradient\n .reset-filter();\n cursor: @cursor-disabled;\n }\n}\n\n// Open state for the dropdown\n.open {\n // Show the menu\n > .dropdown-menu {\n display: block;\n }\n\n // Remove the outline when :focus is triggered\n > a {\n outline: 0;\n }\n}\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right {\n left: auto; // Reset the default from `.dropdown-menu`\n right: 0;\n}\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left {\n left: 0;\n right: auto;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: @font-size-small;\n line-height: @line-height-base;\n color: @dropdown-header-color;\n white-space: nowrap; // as with > li > a\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n z-index: (@zindex-dropdown - 10);\n}\n\n// Right aligned dropdowns\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n// TODO: abstract this so that the navbar fixed styles are not placed here?\n\n.dropup,\n.navbar-fixed-bottom .dropdown {\n // Reverse the caret\n .caret {\n border-top: 0;\n border-bottom: @caret-width-base solid;\n content: \"\";\n }\n // Different positioning for bottom up menu\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 1px;\n }\n}\n\n\n// Component alignment\n//\n// Reiterate per navbar.less and the modified component alignment there.\n\n@media (min-width: @grid-float-breakpoint) {\n .navbar-right {\n .dropdown-menu {\n .dropdown-menu-right();\n }\n // Necessary for overrides of the default right aligned menu.\n // Will remove come v4 in all likelihood.\n .dropdown-menu-left {\n .dropdown-menu-left();\n }\n }\n}\n" }, { "path": "styles/bootstrap/forms.less", "content": "//\n// Forms\n// --------------------------------------------------\n\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @line-height-computed;\n font-size: (@font-size-base * 1.5);\n line-height: inherit;\n color: @legend-color;\n border: 0;\n border-bottom: 1px solid @legend-border-color;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: 5px;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@padding-base-vertical + 1);\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @input-color;\n}\n\n\n// Common form controls\n//\n// Shared size and type resets for form controls. Apply `.form-control` to any\n// of the following form controls:\n//\n// select\n// textarea\n// input[type=\"text\"]\n// input[type=\"password\"]\n// input[type=\"datetime\"]\n// input[type=\"datetime-local\"]\n// input[type=\"date\"]\n// input[type=\"month\"]\n// input[type=\"time\"]\n// input[type=\"week\"]\n// input[type=\"number\"]\n// input[type=\"email\"]\n// input[type=\"url\"]\n// input[type=\"search\"]\n// input[type=\"tel\"]\n// input[type=\"color\"]\n\n.form-control {\n display: block;\n width: 100%;\n height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @padding-base-vertical @padding-base-horizontal;\n font-size: @font-size-base;\n line-height: @line-height-base;\n color: @input-color;\n background-color: @input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @input-border;\n border-radius: @input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: @cursor-disabled;\n background-color: @input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n\n // Reset height for `textarea`s\n textarea& {\n height: auto;\n }\n}\n\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned. As a workaround, we\n// set a pixel line-height that matches the given height of the input, but only\n// for Safari.\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n input[type=\"date\"],\n input[type=\"time\"],\n input[type=\"datetime-local\"],\n input[type=\"month\"] {\n line-height: @input-height-base;\n }\n input[type=\"date\"].input-sm,\n input[type=\"time\"].input-sm,\n input[type=\"datetime-local\"].input-sm,\n input[type=\"month\"].input-sm {\n line-height: @input-height-small;\n }\n input[type=\"date\"].input-lg,\n input[type=\"time\"].input-lg,\n input[type=\"datetime-local\"].input-lg,\n input[type=\"month\"].input-lg {\n line-height: @input-height-large;\n }\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: 15px;\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.radio,\n.checkbox {\n position: relative;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n\n label {\n min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: normal;\n cursor: pointer;\n }\n}\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n position: absolute;\n margin-left: -20px;\n margin-top: 4px \\9;\n}\n\n.radio + .radio,\n.checkbox + .checkbox {\n margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing\n}\n\n// Radios and checkboxes on same line\n.radio-inline,\n.checkbox-inline {\n display: inline-block;\n padding-left: 20px;\n margin-bottom: 0;\n vertical-align: middle;\n font-weight: normal;\n cursor: pointer;\n}\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n margin-top: 0;\n margin-left: 10px; // space out consecutive inline controls\n}\n\n// Apply same disabled cursor tweak as for inputs\n// Some special care is needed because