Merge pull request #29 from Arize-ai/upgrade-deps-storybook

chore: bump storybook and @react-three/drei

.babelrc

@@ -0,0 +1,5 @@
+{
+    "presets": [
+      "@babel/preset-env", "@babel/preset-react","@babel/preset-typescript"
+    ]
+}

.eslintignore

@@ -0,0 +1 @@
+dist

.eslintrc.js

@@ -0,0 +1,75 @@
+module.exports = {
+    env: {
+        browser: true,
+        es2021: true,
+        node: true,
+        jest: true,
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "prettier",
+    ],
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: "latest",
+        sourceType: "module",
+        impliedStrict: true,
+    },
+    plugins: [
+        "@typescript-eslint",
+        "react",
+        "import",
+        // Not strictly needed but fixes un-used imports via --fix
+        "unused-imports",
+    ],
+    rules: {
+        "import/order": "error",
+        "no-unused-vars": "off",
+        "unused-imports/no-unused-imports": "error",
+        /**
+         * ignore if the variable starts with an underscore
+         */
+        "@typescript-eslint/no-unused-vars": [
+            "error",
+            { varsIgnorePattern: "^_", argsIgnorePattern: "^_" },
+        ],
+        "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/ban-ts-comment": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "react/prop-types": 0,
+        "react/display-name": 0,
+        "no-console": "error",
+        "func-names": ["error", "always"],
+        strict: ["error", "global"],
+        "prefer-const": "error",
+        "react/no-unknown-property": [
+            "error",
+            {
+                ignore: [
+                    "css",
+                    "vertexColors",
+                    "args",
+                    "attach",
+                    "transparent",
+                    "geometry",
+                    "visible",
+                    "wireframe",
+                ],
+            },
+        ],
+    },
+    settings: {
+        react: {
+            createClass: "createReactClass", // Regex for Component Factory to use,
+            // default to "createReactClass"
+            pragma: "React", // Pragma to use, default to "React"
+            version: "detect", // React version. "detect" automatically picks the version you have installed.
+        },
+    },
+};

.github/workflows/main.yml

@@ -1,13 +1,28 @@
 name: CI
 on: [push]
 jobs:
+  ci: 
+    name: Lint TypeScript
+    runs-on: ubuntu-latest
+    steps:
+       - name: Checkout Repository
+         uses: actions/checkout@v3
+       - name: Set up Nodejs
+         uses: actions/setup-node@v3
+         with:
+          node-version: 18
+       - name: Install deps and build (with cache)
+         uses: bahmutov/npm-install@v1
+       - name: Lint
+         run: yarn lint
+       - name: Prettier
+         run: yarn prettier:check
   build:
-    name: Build, lint, and test on Node ${{ matrix.node }} and ${{ matrix.os }}
-
+    name: Build and test on Node ${{ matrix.node }} and ${{ matrix.os }}
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['14.x']
+        node: ['18.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:
@@ -22,9 +37,6 @@ jobs:
       - name: Install deps and build (with cache)
         uses: bahmutov/npm-install@v1
 
-      - name: Lint
-        run: yarn lint
-
       - name: Test
         run: yarn test --ci --coverage --maxWorkers=2
 

.gitignore

@@ -4,3 +4,4 @@ node_modules
 .cache
 dist
 .vscode
+storybook-static

.prettierignore

@@ -0,0 +1 @@
+dist

.storybook/main.js

@@ -1,9 +1,21 @@
 module.exports = {
   stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
   // https://storybook.js.org/docs/react/configure/typescript#mainjs-configuration
   typescript: {
     check: true, // type-check stories during Storybook build
   },
-  addons: ['storybook-addon-designs'],
+
+  addons: [
+    'storybook-addon-designs',
+    '@storybook/addon-webpack5-compiler-babel',
+  ],
+
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+
+  docs: {
+    autodocs: true,
+  },
 };