Update circle.

.circleci/config.yml

@@ -0,0 +1,77 @@
+version: 2
+
+jobs:
+  "python-2.7": &test-template
+    docker:
+      - image: circleci/python:2.7-stretch-node-browsers
+        environment:
+          PYTHON_VERSION: py27
+
+    steps:
+      - checkout
+
+      - run:
+          name: Create virtual env
+          command: python -m venv || virtualenv venv
+
+      - run:
+          name: Write job name
+          command: echo $CIRCLE_JOB > circlejob.txt
+
+      - restore_cache:
+          key: deps1-{{ .Branch }}-{{ checksum "requirements-dev.txt" }}-{{ checksum "package.json" }}-{{ checksum "package-lock.json" }}-{{ checksum ".circleci/config.yml" }}-{{ checksum "circlejob.txt" }}
+
+      - run:
+          name: Install dependencies
+          command: |
+              sudo pip install virtualenv --upgrade
+              . venv/bin/activate
+              pip install -r requirements-dev.txt
+              npm install --ignore-scripts
+
+      - save_cache:
+          key: deps1-{{ .Branch }}-{{ checksum "requirements-dev.txt" }}-{{ checksum "package.json" }}-{{ checksum "package-lock.json" }}-{{ checksum ".circleci/config.yml" }}-{{ checksum "circlejob.txt" }}
+          paths:
+              - "venv"
+              - "node_modules"
+      - run:
+          name: Build
+          command: |
+              . venv/bin/activate
+              npm run build:js
+              npm run build:py
+
+      - run:
+          name: npm test
+          command: npm test
+
+      - run:
+          name: Run tests
+          command: |
+              . venv/bin/activate
+              python --version
+              python -m unittest test.test_integration
+              python -m unittest test.test_dash_import
+
+  "python-3.6":
+    <<: *test-template
+    docker:
+      - image: circleci/python:3.6-stretch-node-browsers
+        environment:
+          PYTHON_VERSION: py36
+
+  "python-3.7":
+    <<: *test-template
+    docker:
+      - image: circleci/python:3.7-stretch-node-browsers
+        environment:
+          PYTHON_VERSION: py37
+
+
+workflows:
+  version: 2
+  build:
+    jobs:
+      - "python-2.7"
+      - "python-3.6"
+      - "python-3.7"

.eslintrc

@@ -1,2 +1,127 @@
----
-  extends: ./node_modules/dash-components-archetype/config/eslint/eslintrc-react.json
+{
+  "extends": ["eslint:recommended", "prettier"],
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "arrowFunctions": true,
+      "blockBindings": true,
+      "classes": true,
+      "defaultParams": true,
+      "destructuring": true,
+      "forOf": true,
+      "generators": true,
+      "modules": true,
+      "templateStrings": true,
+      "jsx": true
+    }
+  },
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jasmine": true,
+    "jest": true,
+    "node": true
+  },
+  "globals": {
+    "jest": true
+  },
+  "plugins": [
+    "react",
+    "import"
+  ],
+  "rules": {
+    "accessor-pairs": ["error"],
+    "block-scoped-var": ["error"],
+    "consistent-return": ["error"],
+    "curly": ["error", "all"],
+    "default-case": ["error"],
+    "dot-location": ["off"],
+    "dot-notation": ["error"],
+    "eqeqeq": ["error"],
+    "guard-for-in": ["off"],
+    "import/export": "error",
+    "import/named": ["off"],
+    "import/namespace": ["off"],
+    "import/no-duplicates": ["error"],
+    "import/no-named-as-default": ["error"],
+    "import/no-unresolved": ["off"],
+    "new-cap": ["error", {
+      "capIsNewExceptionPattern": "Immutable\\.*"
+    }],
+    "no-alert": ["off"],
+    "no-caller": ["error"],
+    "no-case-declarations": ["error"],
+    "no-console": ["error"],
+    "no-div-regex": ["error"],
+    "no-dupe-keys": ["error"],
+    "no-else-return": ["error"],
+    "no-empty-pattern": ["error"],
+    "no-eq-null": ["error"],
+    "no-eval": ["error"],
+    "no-extend-native": ["error"],
+    "no-extra-bind": ["error"],
+    "no-extra-boolean-cast": ["error"],
+    "no-inline-comments": ["error"],
+    "no-implicit-coercion": ["error"],
+    "no-implied-eval": ["error"],
+    "no-inner-declarations": ["off"],
+    "no-invalid-this": ["error"],
+    "no-iterator": ["error"],
+    "no-labels": ["error"],
+    "no-lone-blocks": ["error"],
+    "no-loop-func": ["error"],
+    "no-multi-str": ["error"],
+    "no-native-reassign": ["error"],
+    "no-new": ["error"],
+    "no-new-func": ["error"],
+    "no-new-wrappers": ["error"],
+    "no-param-reassign": ["error"],
+    "no-process-env": ["warn"],
+    "no-proto": ["error"],
+    "no-redeclare": ["error"],
+    "no-return-assign": ["error"],
+    "no-script-url": ["error"],
+    "no-self-compare": ["error"],
+    "no-sequences": ["error"],
+    "no-shadow": ["off"],
+    "no-throw-literal": ["error"],
+    "no-undefined": ["error"],
+    "no-unused-expressions": ["error"],
+    "no-use-before-define": ["error", "nofunc"],
+    "no-useless-call": ["error"],
+    "no-useless-concat": ["error"],
+    "no-with": ["error"],
+    "prefer-const": ["error"],
+    "radix": ["error"],
+    "react/jsx-no-duplicate-props": ["error"],
+    "react/jsx-no-undef": ["error"],
+    "react/jsx-uses-react": ["error"],
+    "react/jsx-uses-vars": ["error"],
+    "react/no-did-update-set-state": ["error"],
+    "react/no-direct-mutation-state": ["error"],
+    "react/no-is-mounted": ["error"],
+    "react/no-unknown-property": ["error"],
+    "react/prefer-es6-class": ["error", "always"],
+    "react/prop-types": "error",
+    "valid-jsdoc": ["error"],
+    "yoda": ["error"],
+    "spaced-comment": ["error", "always", {
+      "block": {
+        "exceptions": ["*"]
+      }
+    }],
+    "no-unused-vars": ["error", {
+        "args": "after-used",
+        "argsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^e$"
+    }],
+    "no-magic-numbers": ["error", {
+      "ignoreArrayIndexes": true,
+      "ignore": [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 100, 10, 16, 0.5, 25]
+    }],
+    "no-underscore-dangle": ["off"],
+    "no-useless-escape": ["off"]
+  }
+}

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "tabWidth": 4,
+    "singleQuote": true,
+    "bracketSpacing": false,
+    "trailingComma": "es5"
+}

extract-meta

@@ -0,0 +1,77 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const reactDocs = require('react-docgen');
+
+const componentPaths = process.argv.slice(2);
+if (!componentPaths.length) {
+    help();
+    process.exit(1);
+}
+
+const metadata = Object.create(null);
+componentPaths.forEach(componentPath =>
+    collectMetadataRecursively(componentPath)
+);
+writeOut(metadata);
+
+function help() {
+    console.error('usage: ');
+    console.error(
+        'extract-meta path/to/component(s) ' +
+            ' [path/to/more/component(s), ...] > metadata.json'
+    );
+}
+
+function writeError(msg, filePath) {
+    if (filePath) {
+        process.stderr.write(`Error with path ${filePath}`);
+    }
+
+    process.stderr.write(msg + '\n');
+    if (msg instanceof Error) {
+        process.stderr.write(msg.stack + '\n');
+    }
+}
+
+function parseFile(filepath) {
+    const urlpath = filepath.split(path.sep).join('/');
+    let src;
+
+    if (!['.jsx', '.js'].includes(path.extname(filepath))) {
+        return;
+    }
+
+    try {
+        src = fs.readFileSync(filepath);
+        metadata[urlpath] = reactDocs.parse(src);
+    } catch (error) {
+        writeError(error, filepath);
+    }
+}
+
+function collectMetadataRecursively(componentPath) {
+    if (fs.lstatSync(componentPath).isDirectory()) {
+        let dirs;
+        try {
+            dirs = fs.readdirSync(componentPath);
+        } catch (error) {
+            writeError(error, componentPath);
+        }
+        dirs.forEach(filename => {
+            const filepath = path.join(componentPath, filename);
+            if (fs.lstatSync(filepath).isDirectory()) {
+                collectMetadataRecursively(filepath);
+            } else {
+                parseFile(filepath);
+            }
+        });
+    } else {
+        parseFile(componentPath);
+    }
+}
+
+function writeOut(result) {
+    console.log(JSON.stringify(result, '\t', 2));
+}