Add backoffice

Author: kevinpiac

.env.example

@@ -30,5 +30,6 @@ OPENAI_API_KEY=
 # ----------------------
 
 DEV_FRONTEND_PORT=3000
+DEV_CONSOLE_PORT=3002
 DEV_SERVER_PORT=3001
 DEV_POSTGRES_PORT=5432

console/.dockerignore

@@ -0,0 +1,17 @@
+Dockerfile
+.dockerignore
+.git
+.gitignore
+.gitattributes
+README.md
+.npmrc
+.prettierrc
+.eslintrc.cjs
+.graphqlrc
+.editorconfig
+.svelte-kit
+.vscode
+node_modules
+build
+package
+**/.env

console/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

console/.eslintrc.cjs

@@ -0,0 +1,32 @@
+module.exports = {
+	root: true,
+	extends: [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:svelte/recommended",
+        "prettier",
+        "plugin:storybook/recommended",
+        "plugin:storybook/recommended"
+    ],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	]
+};

console/.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

console/.idea/.gitignore

@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest

console/.idea/agent-ui.iml

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

console/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,19 @@
+{
+	"useTabs": true,
+	"trailingComma": "none",
+	"tabWidth": 4,
+	"printWidth": 100,
+	"semi": true,
+	"singleQuote": false,
+	"jsxBracketSameLine": true,
+	"overrides": [ {
+		"files": "*.svelte",
+		"options": {
+			"svelteBracketNewLine": false,
+			"svelteAllowShorthand": false,
+			"svelteSortOrder" : "options-scripts-styles-markup",
+			"plugins": [ "prettier-plugin-svelte" ]
+		}
+	} ],
+	"pluginSearchDirs": [ "." ]
+}

console/.idea/jsLibraryMappings.xml

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

console/.idea/jsLinters/eslint.xml

@@ -0,0 +1,31 @@
+import type { Preview } from "@storybook/svelte";
+
+import { withThemeByClassName } from "@storybook/addon-styling";
+
+import "../src/app.css";
+
+const preview: Preview = {
+	parameters: {
+		actions: { argTypesRegex: "^on[A-Z].*" },
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/
+			}
+		}
+	},
+
+	decorators: [
+		// Adds theme switching support.
+		// NOTE: requires setting "darkMode" to "class" in your tailwind config
+		withThemeByClassName({
+			themes: {
+				light: "light",
+				dark: "dark"
+			},
+			defaultTheme: "light"
+		})
+	]
+};
+
+export default preview;

console/.idea/modules.xml

@@ -0,0 +1,28 @@
+FROM node:20-alpine3.17 as build-stage
+
+WORKDIR /app
+
+COPY package*.json .
+
+RUN npm ci
+
+COPY . .
+
+RUN npm run check
+
+RUN npm run build
+
+RUN npm prune --production
+
+FROM node:20-alpine3.17
+
+WORKDIR /app
+
+COPY --from=build-stage /app/build build/
+COPY --from=build-stage /app/node_modules node_modules/
+COPY package.json .
+
+ENV NODE_ENV=production
+
+
+CMD [ "sh", "-c", "node -r dotenv/config build" ]

console/.idea/prettier.xml

@@ -0,0 +1,11 @@
+FROM node:20-alpine3.17 
+
+WORKDIR /app
+
+VOLUME [ "/app" ]
+
+# IMPORTANT:
+# As svelte kit uses vite under the hood, which itself use esbuild, it is necessary to install the deps from inside
+# the container as esbuild is a native dependency and it needs to be compiled for the target platform.
+
+ENTRYPOINT [ "sh", "-c", "npm install && npm run dev -- --port 3000 --host" ]

console/.idea/vcs.xml

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.