first cut

.gitignore

@@ -1,4 +1,9 @@
 .DS_Store
 node_modules
 coverage
-.nyc_output
+.nyc_output
+.cache
+gh-pages/
+npm-debug.log*
+build/
+*.sw[pomn]

.prettierignore

@@ -1 +1,2 @@
-**
+editor/src/lib/TransformControls.js
+dist

editor/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", ["@babel/preset-react", {"runtime": "automatic"}]]
+}

editor/.editorconfig

@@ -0,0 +1,12 @@
+; http://editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+

editor/.eslintignore

@@ -0,0 +1,2 @@
+src/lib/vendor/
+src/components/__tests__/

editor/.eslintrc

@@ -0,0 +1,41 @@
+{
+  "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react/jsx-runtime", "standard"],
+  "rules": {
+    "multiline-ternary": "off",
+    "no-console": "off",
+    "no-lone-blocks": "off",
+    "no-var": "off",
+    "object-shorthand": "off",
+    "no-useless-return": "off",
+    "prefer-const": "off",
+    "react/jsx-indent-props": [2, 2],
+    "semi": [2, "always"],
+    "space-before-function-paren": "off"
+  },
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "globals": {
+    "AFRAME": true,
+    "ga": true,
+    "THREE": true
+  },
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+     },
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": [
+    "react"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

editor/.github/workflows/ci.yml

@@ -0,0 +1,39 @@
+name: Test Cases
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+permissions:
+  contents: read
+jobs:
+  test:
+    name: Test Cases
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['16.x']
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Use Node.js ${{ matrix['node-version'] }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix['node-version'] }}
+          cache: 'npm'
+          cache-dependency-path: 'package-lock.json'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Test Cases
+        run: npm run test:ci
+
+      - name: Check Lint
+        run: npm run lint
+
+      - name: Check Build
+        run: npm run dist

editor/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "none"
+}

editor/.storybook/main.js

@@ -0,0 +1,74 @@
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-styling-webpack',
+    {
+      name: '@storybook/addon-styling-webpack',
+      options: {
+        rules: [
+          {
+            test: /\.css$/,
+            sideEffects: true,
+            use: [
+              require.resolve('style-loader'),
+              {
+                loader: require.resolve('css-loader'),
+                options: {
+                  // Want to add more CSS Modules options? Read more here: https://github.com/webpack-contrib/css-loader#modules
+                  modules: {
+                    auto: true
+                  }
+                }
+              }
+            ]
+          },
+          {
+            test: /\.s[ac]ss$/,
+            sideEffects: true,
+            use: [
+              require.resolve('style-loader'),
+              {
+                loader: require.resolve('css-loader'),
+                options: {
+                  // Want to add more CSS Modules options? Read more here: https://github.com/webpack-contrib/css-loader#modules
+                  modules: {
+                    auto: true
+                  },
+                  importLoaders: 2
+                }
+              },
+              require.resolve('resolve-url-loader'),
+              {
+                loader: require.resolve('sass-loader'),
+                options: {
+                  // Want to add more Sass options? Read more here: https://webpack.js.org/loaders/sass-loader/#options
+                  implementation: require.resolve('sass'),
+                  sourceMap: true,
+                  sassOptions: {}
+                }
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {
+      builder: {
+        useSWC: true
+      }
+    }
+  },
+  docs: {
+    autodocs: 'tag'
+  }
+};
+
+export default config;

editor/.storybook/preview.js

@@ -0,0 +1,16 @@
+import '../src/style/index.scss';
+/** @type { import('@storybook/react').Preview } */
+
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  }
+};
+
+export default preview;

editor/.stylelintrc

@@ -0,0 +1,12 @@
+{
+  "extends": "stylelint-config-standard",
+  "plugins": [
+    "stylelint-order"
+  ],
+  "rules": {
+    "selector-type-no-unknown": [true,
+      "ignoreTypes": ["a-scene", "a-entity"]
+    ],
+    "order/properties-alphabetical-order": true
+  }
+}