Pre main dev

.deepsource.toml

@@ -0,0 +1,8 @@
+version = 1
+
+[[analyzers]]
+name = "javascript"
+
+  [analyzers.meta]
+  plugins = ["react"]
+  environment = ["browser"]

.devcontainer/Dockerfile

@@ -1,6 +1,31 @@
-FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:latest
+FROM node:current-alpine
 
-# Install additional OS packages if needed
-# RUN apt-get update && apt-get install -y <your-packages-here>
+# Install necessary packages
+RUN apk add --no-cache \
+    python3 \
+    py3-pip \
+    make \
+    g++ \
+    sqlite \
+    git \
+    bash \
+    lsof \
+    libc6-compat 
 
+# Install yarn globally
+# RUN npm install -g yarn
+
+# Install node-gyp globally
+RUN npm install -g node-gyp
+
+# Install node-pty globally
+RUN npm install -g node-pty
+
+# Install nodemon globally
+RUN npm install -g nodemon
+
+# Install vite globally
+RUN npm install -g vite 
+
+# Set up workspace directory
 WORKDIR /workspace

.devcontainer/devcontainer.json

@@ -1,58 +1,73 @@
 {
-	"name": "intelops-genpod",
-	"dockerFile": "Dockerfile",
-	"settings": {
-		"terminal.integrated.shell.linux": "/bin/bash"
-	},
-	"extensions": [
-		"ChakrounAnas.turbo-console-log",
-		"christian-kohler.npm-intellisense",
-		"christian-kohler.path-intellisense",
-		"cmstead.js-codeformer",
-		"cmstead.jsrefactor",
-		"dbaeumer.vscode-eslint",
-		"dsznajder.es7-react-js-snippets",
-		"eamodio.gitlens",
-		"esbenp.prettier-vscode",
-		"firsttris.vscode-jest-runner",
-		"formulahendry.auto-close-tag",
-		"formulahendry.auto-rename-tag",
-		"GitHub.copilot",
-		"GitHub.copilot-chat",
-		"GitHub.vscode-pull-request-github",
-		"jkjustjoshing.vscode-text-pastry",
-		"jock.svg",
-		"jrebocho.vscode-random",
-		"kaiwood.center-editor-window",
-		"kisstkondoros.vscode-gutter-preview",
-		"MariusAlchimavicius.json-to-ts",
-		"mike-co.import-sorter",
-		"mikestead.dotenv",
-		"ms-azuretools.vscode-docker",
-		"ms-vscode.vscode-typescript-next",
-		"ms-vscode.vscode-typescript-tslint-plugin",
-		"naumovs.color-highlight",
-		"nick-lvov-dev.typescript-explicit-types",
-		"pflannery.vscode-versionlens",
-		"redhat.vscode-yaml",
-		"rvest.vs-code-prettier-eslint",
-		"ryanlaws.toggle-case",
-		"sburg.vscode-javascript-booster",
-		"skyran.js-jsx-snippets",
-		"streetsidesoftware.code-spell-checker",
-		"styled-components.vscode-styled-components",
-		"vincaslt.highlight-matching-tag",
-		"whtouche.vscode-js-console-utils",
-		"wix.vscode-import-cost",
-		"xabikos.JavaScriptSnippets"
-	],
-	"forwardPorts": [
-		3000, // Vite
-		6006 // Storybook
-	],
-	"remoteUser": "node",
-	"mounts": [
-		"source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=cached"
-	],
-	"postCreateCommand": "yarn install"
+  "name": "intelops-genpod",
+  "dockerFile": "Dockerfile",
+
+  "customizations": {
+    "settings": {
+      "terminal.integrated.shell.linux": "/bin/bash",
+      "terminal.integrated.defaultProfile.linux": "bash",
+      "python.defaultInterpreterPath": "/usr/bin/python3",
+      "editor.formatOnSave": true,
+      "editor.codeActionsOnSave": {"source.fixAll.eslint": true}      
+    },
+    "vscode": {
+      "extensions": [
+        "meganrogge.template-string-converter",
+        "vunguyentuan.vscode-css-variables",
+        "ChakrounAnas.turbo-console-log",
+        "christian-kohler.npm-intellisense",
+        "christian-kohler.path-intellisense",
+        "cmstead.js-codeformer",
+        "cmstead.jsrefactor",
+        "dbaeumer.vscode-eslint",
+        "dsznajder.es7-react-js-snippets",
+        "eamodio.gitlens",
+        "esbenp.prettier-vscode",
+        "firsttris.vscode-jest-runner",
+        "formulahendry.auto-close-tag",
+        "formulahendry.auto-rename-tag",
+        "GitHub.vscode-pull-request-github",
+        "jkjustjoshing.vscode-text-pastry",
+        "jock.svg",
+        "jrebocho.vscode-random",
+        "kaiwood.center-editor-window",
+        "kisstkondoros.vscode-gutter-preview",
+        "MariusAlchimavicius.json-to-ts",
+        "mike-co.import-sorter",
+        "mikestead.dotenv",
+        "ms-azuretools.vscode-docker",
+        "ms-vscode.vscode-typescript-next",
+        "ms-vscode.vscode-typescript-tslint-plugin",
+        "naumovs.color-highlight",
+        "nick-lvov-dev.typescript-explicit-types",
+        "pflannery.vscode-versionlens",
+        "redhat.vscode-yaml",
+        "rvest.vs-code-prettier-eslint",
+        "ryanlaws.toggle-case",
+        "sburg.vscode-javascript-booster",
+        "skyran.js-jsx-snippets",
+        "streetsidesoftware.code-spell-checker",
+        "styled-components.vscode-styled-components",
+        "vincaslt.highlight-matching-tag",
+        "whtouche.vscode-js-console-utils",
+        "wix.vscode-import-cost",
+        "xabikos.JavaScriptSnippets",
+        "ms-python.python",
+        "mtxr.sqltools"
+      ]
+    }
+  },
+  "forwardPorts": [
+    3000, // Vite
+    6006, // Storybook
+    8080 // cypress
+  ],
+  "remoteUser": "node",
+
+  "mounts": [
+    "source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=cached"
+  ],
+
+  "postCreateCommand": "yarn install && yarn dev"
+
 }

.env

@@ -0,0 +1,4 @@
+VITE_BACKEND_URL=http://localhost:5002
+VITE_SOCKET_URL=http://localhost:3002
+VITE_FILE_SERVER_URL=http://localhost:3003
+SOCKET_PORT=3002

.eslintrc.cjs

@@ -1,14 +1,23 @@
 module.exports = {
   root: true,
   env: { browser: true, es2020: true },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended'],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:storybook/recommended",
+    "plugin:@tanstack/eslint-plugin-query/recommended",
+    "prettier"
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true }
     ],
-  },
-}
+    "no-extra-semi": "off",
+    "wrap-iife": ["error", "inside"]
+  }
+};

.gitignore

@@ -8,9 +8,12 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+**/node_modules
 dist
 dist-ssr
 *.local
+coverage
+.nyc_output
 
 # Editor directories and files
 .vscode/*

.nycrc.json

@@ -0,0 +1,7 @@
+{
+	"all": true,
+	"extends": "@istanbuljs/nyc-config-typescript",
+	"check-coverage": true,
+	"include": ["src/**/*.ts", "src/**/*.tsx"],
+	"exclude": ["cypress/**/*.*", "**/*.d.ts", "**/*.cy.tsx", "**/*.cy.ts"]
+}

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "arrowParens": "avoid"
+}

.storybook/main.ts

@@ -1,19 +1,19 @@
-import type { StorybookConfig } from "@storybook/react-vite";
+import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: [
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		'@storybook/addon-onboarding',
+		'@storybook/addon-interactions',
+	],
+	framework: {
+		name: '@storybook/react-vite',
+		options: {},
+	},
+	docs: {
+		autodocs: 'tag',
+	},
+}
+export default config

.storybook/preview.tsx

@@ -1,33 +1,33 @@
 // Import styles of packages that you've installed.
 // All packages except `@mantine/hooks` require styles imports
-import '@mantine/core/styles.css'
+import '@mantine/core/styles.css';
 
-import React, { useEffect } from 'react'
-import { addons } from '@storybook/preview-api'
-import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode'
-import { MantineProvider, useMantineColorScheme } from '@mantine/core'
-import theme from '../src/theme'
+import React, { ReactNode, useEffect } from 'react';
+import { addons } from '@storybook/preview-api';
+import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
+import { MantineProvider, useMantineColorScheme } from '@mantine/core';
+import theme from '../src/theme';
 
-const channel = addons.getChannel()
+const channel = addons.getChannel();
 
 function ColorSchemeWrapper({ children }: { children: React.ReactNode }) {
-	const { setColorScheme } = useMantineColorScheme()
-	const handleColorScheme = (value: boolean) =>
-		setColorScheme(value ? 'dark' : 'light')
+  const { setColorScheme } = useMantineColorScheme();
+  const handleColorScheme = (value: boolean) =>
+    setColorScheme(value ? 'dark' : 'light');
 
-	useEffect(() => {
-		channel.on(DARK_MODE_EVENT_NAME, handleColorScheme)
-		return () => channel.off(DARK_MODE_EVENT_NAME, handleColorScheme)
-	}, [channel])
+  useEffect(() => {
+    channel.on(DARK_MODE_EVENT_NAME, handleColorScheme);
+    return () => channel.off(DARK_MODE_EVENT_NAME, handleColorScheme);
+  }, [channel]);
 
-	return <>{children}</>
+  return children;
 }
 
 export const decorators = [
-	(renderStory: any) => (
-		<ColorSchemeWrapper>{renderStory()}</ColorSchemeWrapper>
-	),
-	(renderStory: any) => (
-		<MantineProvider theme={theme}>{renderStory()}</MantineProvider>
-	),
-]
+  (renderStory: () => ReactNode) => (
+    <ColorSchemeWrapper>{renderStory()}</ColorSchemeWrapper>
+  ),
+  (renderStory: () => ReactNode) => (
+    <MantineProvider theme={theme}>{renderStory()}</MantineProvider>
+  )
+];

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

cypress.config.ts

@@ -0,0 +1,29 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { defineConfig } from 'cypress'
+
+import task from '@cypress/code-coverage/task'
+
+export default defineConfig({
+	env: {
+		codeCoverage: {
+			exclude: 'cypress/**/*.*',
+		},
+	},
+	e2e: {
+		baseUrl: 'http://localhost:3000',
+		setupNodeEvents(on, config) {
+			task(on, config)
+			return config
+		},
+	},
+	component: {
+		devServer: {
+			framework: 'react',
+			bundler: 'vite',
+		},
+		setupNodeEvents(on, config) {
+			task(on, config)
+			return config
+		},
+	},
+})

cypress/e2e/node-form.cy.ts

@@ -0,0 +1,5 @@
+describe('template spec', () => {
+  it('passes', () => {
+    cy.visit('https://example.cypress.io')
+  })
+})