Merge pull request #39 from sireto/frontend_components

Frontend components

automonous_agent_frontend/.eslintrc.json

@@ -1,6 +1,7 @@
 {
   "extends": [
     "next/core-web-vitals",
-    "prettier"
+    "prettier",
+    "plugin:storybook/recommended"
   ]
-}
+}

automonous_agent_frontend/.gitignore

@@ -623,3 +623,5 @@ $RECYCLE.BIN/
 cypress/videos/
 
 
+
+*storybook.log

automonous_agent_frontend/.storybook/main.ts

@@ -0,0 +1,25 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        '@storybook/addon-onboarding',
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@chromatic-com/storybook',
+        '@storybook/addon-interactions'
+    ],
+    framework: {
+        name: '@storybook/nextjs',
+        options: {
+            builder : {
+                useSWC : true,
+            }
+        }
+    },
+    docs: {
+        autodocs: 'tag'
+    },
+    staticDirs: ['../public']
+};
+export default config;

automonous_agent_frontend/.storybook/preview.ts

@@ -0,0 +1,16 @@
+import type { Preview } from '@storybook/react';
+import '@app/assets/css/globals.css'
+import '@app/assets/css/tailwind.css'
+
+const preview: Preview = {
+    parameters: {
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i
+            }
+        }
+    }
+};
+
+export default preview;

automonous_agent_frontend/Dockerfile

@@ -0,0 +1,21 @@
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+
+COPY package.json yarn.lock ./
+
+RUN yarn install
+
+COPY . .
+
+RUN yarn build
+
+FROM node:18-alpine
+
+WORKDIR /app
+
+COPY --from=builder /app ./
+
+EXPOSE 3000
+
+CMD ["yarn" ,"start", "-p", "3000"]

automonous_agent_frontend/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/assets/css/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

automonous_agent_frontend/next.config.mjs

@@ -28,12 +28,13 @@ if (imageDomains && Array.isArray(imageDomains)) {
     });
 }
 
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     productionBrowserSourceMaps: true,
     compress: true,
     distDir: process.env.NODE_ENV === 'production' ? '.next' : '.next-dev',
-    reactStrictMode: true,
+    reactStrictMode: false,
     optimizeFonts: true,
     i18n,
     devIndicators: {
@@ -79,7 +80,7 @@ const nextConfig = {
         GA_MEASUREMENT_ID: process.env.GA_MEASUREMENT_ID,
         MICROSOFT_CLARITY_TRACKING_CODE: process.env.MICROSOFT_CLARITY_TRACKING_CODE,
         NEXT_PUBLIC_NODE_ENV: process.env.NEXT_PUBLIC_NODE_ENV ?? 'production'
-    }
+    },
 };
 
 if (process.env.BASE_DEPLOY_PATH) {