feat: datasete viewer for mnist bytes (#1036)

* wip: datastore api * feat: viewer * feat: mnist datalist with pagination * feat: mnist image viewer done * fix: eslint error * fix: eslint error * fix: tsc error
star-whale · Aug 28, 2022 · bd0f3a1 · bd0f3a1
1 parent 868bcb4
commit bd0f3a1
Show file tree

Hide file tree

Showing 46 changed files with 5,714 additions and 1,689 deletions.
diff --git a/.gitignore b/.gitignore
@@ -70,6 +70,7 @@ yarn-error.log*
 /docker/jar/
 /server/controller/src/main/resources/static/
 videos/
+storybook-static/
 
 # Test Coverage
 .coverage

diff --git a/console/.eslintrc.js b/console/.eslintrc.js
@@ -43,14 +43,14 @@ module.exports = {
         '@typescript-eslint/explicit-module-boundary-types': 'off',
         '@typescript-eslint/naming-convention': [
             'error',
-            {
-                selector: 'interface',
-                format: ['PascalCase'],
-                custom: {
-                    regex: '^I[A-Z]',
-                    match: true,
-                },
-            }, // Allow camelCase variables (23.2), PascalCase variables (23.8), and UPPER_CASE variables (23.10)
+            // {
+            //     selector: 'interface',
+            //     format: ['PascalCase'],
+            //     custom: {
+            //         regex: '^I[A-Z]',
+            //         match: true,
+            //     },
+            // }, // Allow camelCase variables (23.2), PascalCase variables (23.8), and UPPER_CASE variables (23.10)
             {
                 selector: 'variable',
                 format: ['camelCase', 'PascalCase', 'UPPER_CASE'],
@@ -107,6 +107,7 @@ module.exports = {
         'baseui/no-deep-imports': 'warn',
         '@typescript-eslint/ban-ts-comment': 'off',
         'react/destructuring-assignment': 'off',
+        'import/no-named-as-default': 'off',
     },
     settings: {
         'react': {

diff --git a/console/.storybook/main.js b/console/.storybook/main.js
@@ -4,25 +4,23 @@ const path = require('path')
 module.exports = {
     stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
     addons: [
-        // '@storybook/addon-links',
-        // '@storybook/addon-essentials',
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
         // '@storybook/addon-interactions',
-        // '@storybook/preset-create-react-app',
     ],
     framework: '@storybook/react',
     core: {
         builder: '@storybook/builder-vite',
     },
     features: {
         storyStoreV7: true,
+        previewMdx2: true,
     },
+    staticDirs: ['../src/assets', '../public'],
     async viteFinal(config, { configType }) {
         const { config: userConfig } = await loadConfigFromFile(path.resolve(__dirname, '../vite.config.ts'))
-
         return mergeConfig(config, {
-            ...userConfig,
-            // manually specify plugins to avoid conflict
-            // plugins: [],
+            resolve: userConfig.resolve,
         })
     },
 }
diff --git a/console/package.json b/console/package.json
@@ -6,7 +6,6 @@
     "@faker-js/faker": "^6.3.1",
     "@monaco-editor/react": "^4.3.1",
     "@papercups-io/chat-widget": "^1.3.1",
-    "@storybook/react": "^6.5.4",
     "@storybook/testing-library": "^0.0.11",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -41,6 +40,7 @@
     "d3": "^7.6.1",
     "date-fns": "^2.29.1",
     "dnd-core": "^16.0.1",
+    "framer-motion": "4.1.17",
     "generate-password": "^1.7.0",
     "i18next": "^20.3.5",
     "i18next-browser-languagedetector": "^6.1.2",
@@ -55,6 +55,7 @@
     "moment-timezone": "^0.5.34",
     "normalize.css": "^8.0.1",
     "plotly.js": "^2.11.1",
+    "plyr-react": "^5.1.0",
     "pretty-bytes": "^5.6.0",
     "qs": "^6.10.1",
     "rc-field-form": "^1.21.1",
@@ -88,6 +89,7 @@
     "react-zoom-pan-pinch": "^2.1.3",
     "reaflow": "^5.0.5",
     "resize-observer-polyfill": "^1.5.1",
+    "rvfc-polyfill": "^1.0.4",
     "semver": "^7.3.5",
     "styled-components": "^5.3.5",
     "styletron-engine-atomic": "^1.4.8",
@@ -109,8 +111,8 @@
     "typecheck": "tsc --noEmit -p ./tsconfig.json",
     "lint": "eslint -c .eslintrc.js './src/**/*.{ts,tsx}'",
     "lint:fix": "eslint --fix -c .eslintrc.js './src/**/*.{ts,tsx}'",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
     "cy:run": "cypress run",
     "cy:open": "cypress open",
     "start": "vite --host 0.0.0.0",
@@ -147,14 +149,26 @@
   },
   "devDependencies": {
     "@babel/core": ">=7.13.0 <8.0.0",
+    "@mdx-js/react": "^2.1.3",
     "@simbathesailor/use-what-changed": "^2.0.0",
     "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-backgrounds": "^6.5.10",
+    "@storybook/addon-docs": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-interactions": "^6.5.10",
     "@storybook/addon-links": "^6.5.10",
+    "@storybook/addon-measure": "^6.5.10",
+    "@storybook/addon-outline": "^6.5.10",
+    "@storybook/addons": "^6.5.10",
     "@storybook/builder-vite": "^0.2.2",
+    "@storybook/channel-postmessage": "^6.5.10",
+    "@storybook/channel-websocket": "^6.5.10",
+    "@storybook/client-api": "^6.5.10",
+    "@storybook/mdx2-csf": "^0.0.3",
     "@storybook/node-logger": "^6.5.10",
     "@storybook/preset-create-react-app": "^3.2.0",
+    "@storybook/preview-web": "^6.5.10",
+    "@storybook/react": "^6.5.4",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
     "@typescript-eslint/typescript-estree": "^5.23.0",