refactor: refactor with monorep architecture

.editorconfig

@@ -1,20 +1,16 @@
-# EditorConfig is awesome: http://EditorConfig.org
-
-# top-most EditorConfig file
+# http://editorconfig.org
 root = true
 
-# Unix-style newlines with a newline ending every file
 [*]
+indent_style = space
+indent_size = 2
 end_of_line = lf
 charset = utf-8
-insert_final_newline = true
 trim_trailing_whitespace = true
-indent_style = space
-indent_size  = 2
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
 
 [Makefile]
 indent_style = tab
-indent_size  = 1
-
-[*.md]
-trim_trailing_whitespace = false

.gitignore

@@ -1,13 +1,14 @@
+
+# Created by https://www.gitignore.io/api/node
+
+### Node ###
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# lock
-package-lock.json
-
 # Runtime data
 pids
 *.pid
@@ -40,7 +41,7 @@ node_modules/
 jspm_packages/
 
 # Typescript v1 declaration files
-typings/
+# typings/
 
 # Optional npm cache directory
 .npm
@@ -60,22 +61,7 @@ typings/
 # dotenv environment variables file
 .env
 
-build
-dist
-temp
-.DS_Store
-.idea 
-*.sw*
-*.un~
-demos/gd.html
-demos/data
-demos/image
-.vscode
-demos/hexagon.html
-demos/model
-testdemo
-lib
-webpack-dev.config.js
-webpack.config.js
-.si.yml
-git_log.sh
+
+# End of https://www.gitignore.io/api/node
+
+lib/

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "always"
+}

.storybook/addons.ts

@@ -0,0 +1,3 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-notes/register';
+import '@storybook/addon-storysource/register';

.storybook/config.ts

@@ -0,0 +1,31 @@
+import { configure, addParameters } from '@storybook/react';
+import '@storybook/addon-console';
+import { create } from '@storybook/theming';
+import '!style-loader!css-loader!sass-loader!./iframe.scss';
+
+addParameters({
+  options: {
+    isFullscreen: false,
+    showAddonsPanel: true,
+    showSearchBox: false,
+    panelPosition: 'bottom',
+    hierarchySeparator: /\./,
+    hierarchyRootSeparator: /\|/,
+    enableShortcuts: true,
+    theme: create({
+      base: 'light',
+      brandTitle: 'L7 POC for new architecture',
+      brandUrl: 'https://github.com/xiaoiver/L7-POC',
+      gridCellSize: 12,
+    })
+  },
+});
+
+// automatically import all files ending in *.stories.tsx
+const req = require.context('../stories', true, /\.stories\.tsx$/);
+
+function loadStories() {
+  req.keys().forEach(req);
+}
+
+configure(loadStories, module);

.storybook/iframe.scss

@@ -0,0 +1,7 @@
+html, body {
+  margin: 0;
+}
+
+.dg.ac {
+  z-index: 999 !important;
+}

.storybook/webpack.config.js

@@ -0,0 +1,35 @@
+module.exports = ({ config }) => {
+
+  // config.module.rules.push({
+  //   test: /\.glsl$/,
+  //   loader: 'raw-loader'
+  // });
+
+  // config.module.rules.push({
+  //   test: /\.worker\.(js|ts)$/,
+  //   use: {
+  //     loader: 'worker-loader',
+  //     options: { inline: true, fallback: false }
+  //   }
+  // });
+
+  config.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    loader: require.resolve('awesome-typescript-loader'),
+  });
+
+  config.module.rules.push({
+    test: /\.stories\.tsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/addon-storysource/loader'),
+        options: { parser: 'typescript' },
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  config.resolve.extensions.push('.ts', '.tsx', '.js', '.glsl');
+
+  return config;
+};

.stylelintrc

@@ -0,0 +1,7 @@
+{
+  "processors": ["stylelint-processor-styled-components"],
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-styled-components"
+  ]
+}