Merge pull request #34 from NeuroJSON/dev_hari

All changes from Hari and Elaine

Author: harikiranrommala

.github/workflows/build-deploy-zodiac.yml

@@ -12,6 +12,8 @@ on:
 jobs:
   deploy:
     runs-on: ubuntu-22.04
+    env:
+      CI: false
 
     steps:
       - name: Check out the repository
@@ -28,6 +30,11 @@ jobs:
         run: |
           echo "Building for /dev/${{ env.BRANCH_NAME }}/"
           PUBLIC_URL="/dev/${{ env.BRANCH_NAME }}/" yarn build
+      
+      - name: Copy JS libraries (jdata, bjdata etc.)
+        run: |
+          mkdir -p build/js
+          cp -r public/js/* build/js/
 
       - name: Copy package to server
         uses: NeuroJSON/[email protected]

.github/workflows/validate.yml

@@ -8,6 +8,8 @@ on:
 jobs:
   validate:
     runs-on: ubuntu-latest
+    env:
+      CI: false
 
     steps:
       - name: Check out the repository

build-log.txt

@@ -0,0 +1,32 @@
+yarn run v1.22.22
+$ craco build --debug
+Creating an optimized production build...
+Compiled with warnings.
+
+Critical dependency: the request of a dependency is an expression
+
+Search for the keywords to learn more about each warning.
+To ignore, add // eslint-disable-next-line to the line before.
+
+File sizes after gzip:
+
+  717.18 kB  build/static/js/main.30f0cad2.js
+
+The bundle size is significantly larger than recommended.
+Consider reducing it with code splitting: https://goo.gl/9VhYWB
+You can also analyze the project dependencies: https://goo.gl/LeUzfb
+
+The project was built assuming it is hosted at /.
+You can control this with the homepage field in your package.json.
+
+The build folder is ready to be deployed.
+You may serve it with a static server:
+
+  yarn global add serve
+  serve -s build
+
+Find out more about deployment here:
+
+  https://cra.link/deployment
+
+Done in 15.95s.

craco.config.js

@@ -0,0 +1,21 @@
+module.exports = {
+  webpack: {
+    configure: (webpackConfig) => {
+      webpackConfig.resolve.fallback = {
+        ...webpackConfig.resolve.fallback,
+        path: require.resolve("path-browserify"),
+      };
+
+      webpackConfig.module.rules.push({
+        test: /\.js$/,
+        parser: {
+          requireEnsure: false, // Prevents Webpack from treating require() as a critical dependency
+        },
+      });
+
+      webpackConfig.ignoreWarnings = [/the request of a dependency is an expression/];
+
+      return webpackConfig;
+    },
+  },
+};

package.json

@@ -6,6 +6,7 @@
     "3d-force-graph": "^1.73.4",
     "@babel/helpers": "7.26.10",
     "@babel/runtime": "7.26.10",
+    "@craco/craco": "^7.1.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
@@ -17,19 +18,30 @@
     "@types/jest": "^27.0.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/three": "^0.169.0",
-    "axios": "1.8.2",
+    "@types/three": "^0.174.0",
+    "ajv": "^8",
+    "ajv-keywords": "^5",
+    "axios": "^1.4.0",
+    "bda": "^1.0.0",
+    "bjd": "^0.3.2",
+    "buffer": "^6.0.3",
     "dayjs": "^1.11.10",
+    "jda": "^0.4.0",
+    "jquery": "^3.7.1",
+    "json-stringify-safe": "^5.0.1",
     "jwt-decode": "^3.1.2",
+    "path-browserify": "^1.0.1",
     "query-string": "^8.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-json-view": "^1.21.3",
     "react-redux": "^8.1.2",
     "react-router-dom": "^6.15.0",
     "react-scripts": "^5.0.1",
-    "three": "^0.169.0",
+    "sharp": "^0.33.5",
+    "stats-js": "^1.0.1",
     "typescript": "^5.1.6",
+    "uplot": "^1.6.31",
     "web-vitals": "^2.1.0"
   },
   "devDependencies": {
@@ -49,10 +61,10 @@
     "prettier": "^2.3.1"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "start": "craco start || react-scripts start",
+    "build": "craco build || react-scripts build",
+    "test": "craco test || react-scripts test",
+    "eject": "craco eject || react-scripts eject",
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --ext .js,.jsx,.ts,.tsx"
   },
   "browserslist": {

public/index.html

@@ -50,6 +50,37 @@
     /> -->
 
     <title>NeuroJSON.io - Free Data Worth Sharing</title>
+    <link rel="stylesheet" href="https://leeoniya.github.io/uPlot/dist/uPlot.min.css" />
+    <style>
+      #chartpanel {
+        background-color: #707070;
+        padding: 10px;
+        display: block;
+        margin-top: 20px;
+        border-radius: 10px;
+      }
+    
+      #chartpanel h4 {
+        padding-top: 0;
+        margin-bottom: 10px;
+        color: black;
+      }
+    
+      #chartpanel a.closebtn {
+        float: right;
+        font-size: 28px;
+        font-weight: bold;
+        color: yellow;
+        text-decoration: none;
+        margin-top: -10px;
+      }
+    
+      .uplot {
+        margin: auto;
+        max-width: 100%;
+      }
+    </style>
+    
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
@@ -64,5 +95,19 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <!-- ✅ Global Script Dependencies -->
+    <script src="https://unpkg.com/jquery"></script>
+    <script src="%PUBLIC_URL%/js/jsonview.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.145.0/three.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/build/stats.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/numjs/0.16.0/numjs.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.11/pako.min.js"></script>
+    <script src="%PUBLIC_URL%/js/js_lzma.js"></script>
+    <script src="%PUBLIC_URL%/js/js_lzma_shim.js"></script>
+    <script src="%PUBLIC_URL%/js/jdata.js"></script>
+    <script src="%PUBLIC_URL%/js/bjdata.js"></script>
+    <script src="https://bundle.run/[email protected]"></script>
+    <script>var buffer_module = buffer;</script>
+    <script src="https://leeoniya.github.io/uPlot/dist/uPlot.iife.min.js"></script>
   </body>
 </html>