async slider and colorpicker

plotly · Oct 24, 2019 · d93f20c · d93f20c
1 parent abc05fb
commit d93f20c
Show file tree

Hide file tree

Showing 27 changed files with 512 additions and 326 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintignore b/.eslintignore
@@ -7,6 +7,7 @@ node_modules/
 dash_daq/metadata.json
 dash_daq/*.js*
 inst/deps/*.js*
+babel.config.js
 webpack.config.js
 .npm
 vv/

diff --git a/.eslintrc b/.eslintrc
@@ -1,2 +1,10 @@
----
-  extends: ./node_modules/dash-components-archetype/config/eslint/eslintrc-react.json
+{
+  "extends": [
+    "./node_modules/dash-components-archetype/config/eslint/eslintrc-react.json"
+  ],
+  "parser": "babel-eslint",
+  "plugins": [
+    "react",
+    "import"
+  ]
+}
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+    presets: [
+        [
+            '@babel/preset-env',
+            {
+                useBuiltIns: 'usage',
+                corejs: 3
+            }
+        ],
+        '@babel/preset-react'
+    ],
+    plugins: [
+        '@babel/plugin-syntax-dynamic-import'
+    ]
+}
diff --git a/dash_daq/__init__.py b/dash_daq/__init__.py
@@ -18,8 +18,34 @@
 
 _this_module = _sys.modules[__name__]
 
+async_resources = [
+    'colorpicker',
+    'slider'
+]
+
+_js_dist = []
+
+_js_dist.extend([{
+        'relative_package_path': 'async~{}.js'.format(async_resource),
+        'external_url': (
+            'https://unpkg.com/dash-daq@{}'
+            '/dash_daq/async~{}.js'
+        ).format(__version__, async_resource),
+        'namespace': 'dash_daq',
+        'async': True
+    } for async_resource in async_resources])
 
-_js_dist = [
+_js_dist.extend([{
+        'relative_package_path': 'async~{}.js.map'.format(async_resource),
+        'external_url': (
+            'https://unpkg.com/dash-daq@{}'
+            '/dash_daq/async~{}.js.map'
+        ).format(__version__, async_resource),
+        'namespace': 'dash_daq',
+        'dynamic': True
+    } for async_resource in async_resources])
+
+_js_dist.extend([
     {
         "relative_package_path": "dash_daq.min.js",
         "external_url": (
@@ -28,7 +54,7 @@
         ).format(__version__),
         "namespace": "dash_daq"
     }
-]
+])
 
 _css_dist = []
 

diff --git a/dash_daq/async~colorpicker.js b/dash_daq/async~colorpicker.js
diff --git a/dash_daq/async~colorpicker.js.map b/dash_daq/async~colorpicker.js.map
diff --git a/dash_daq/async~slider.js b/dash_daq/async~slider.js
diff --git a/dash_daq/async~slider.js.map b/dash_daq/async~slider.js.map
diff --git a/dash_daq/dash_daq.min.js b/dash_daq/dash_daq.min.js
diff --git a/dash_daq/dash_daq.min.js.map b/dash_daq/dash_daq.min.js.map
diff --git a/dash_daq/package-info.json b/dash_daq/package-info.json
@@ -59,11 +59,14 @@
   },
   "devDependencies": {
     "@babel/core": "^7.6.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
+    "@plotly/webpack-dash-dynamic-import": "^1.0.0",
+    "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
-    "core-js": "^3.2.1",
     "chalk": "^2.3.1",
+    "core-js": "^3.2.1",
     "dash-components-archetype-dev": "^0.2.11",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
@@ -72,7 +75,7 @@
     "jest-canvas-mock": "^2.1.1",
     "pre-commit": "^1.2.2",
     "prettier": "^1.10.2",
-    "react-docgen": "^2.21.0",
+    "react-docgen": "^3.0.0",
     "react-docgen-markdown-renderer": "^1.0.2",
     "react-test-renderer": "^16.8.6",
     "sinon": "^4.3.0",

diff --git a/inst/deps/async~colorpicker.js b/inst/deps/async~colorpicker.js
diff --git a/inst/deps/async~colorpicker.js.map b/inst/deps/async~colorpicker.js.map
diff --git a/inst/deps/async~slider.js b/inst/deps/async~slider.js
diff --git a/inst/deps/async~slider.js.map b/inst/deps/async~slider.js.map
diff --git a/inst/deps/dash_daq.min.js b/inst/deps/dash_daq.min.js
diff --git a/inst/deps/dash_daq.min.js.map b/inst/deps/dash_daq.min.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -59,11 +59,14 @@
   },
   "devDependencies": {
     "@babel/core": "^7.6.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
+    "@plotly/webpack-dash-dynamic-import": "^1.0.0",
+    "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
-    "core-js": "^3.2.1",
     "chalk": "^2.3.1",
+    "core-js": "^3.2.1",
     "dash-components-archetype-dev": "^0.2.11",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
@@ -72,7 +75,7 @@
     "jest-canvas-mock": "^2.1.1",
     "pre-commit": "^1.2.2",
     "prettier": "^1.10.2",
-    "react-docgen": "^2.21.0",
+    "react-docgen": "^3.0.0",
     "react-docgen-markdown-renderer": "^1.0.2",
     "react-test-renderer": "^16.8.6",
     "sinon": "^4.3.0",