refactor: refactor packages

.eslintrc.cjs

@@ -1,4 +1,4 @@
 module.exports = {
 	root: true,
-	extends: ['@spectacular/eslint-config/index.js']
+	extends: ['@spectacular/eslint-config/node', 'turbo']
 };

.prettierignore

@@ -23,24 +23,9 @@ src/lib/models/types/**
 dev-dist
 
 ## custom
-/infra/helm/templates/deployment.yaml
-infra/helm/templates/ingress.yaml
-infra/hasura
-**/*.min.css
-
-**/.turbo
+/apps/
+/packages/
 /.nhost/
 /nhost/*
 !/nhost/emails/
-/apps/story/storybook-static/
-/apps/*/.svelte-kit
-/apps/*/$houdini/
-/apps/*/schema.graphql
-
-.vercel/
-.astro/
-
-# generated files by typesafe-i18n
-/apps/**/lib/i18n
-# generated files by shadcn
-packages/ui/src/lib/components/ui
+.turbo

.prettierignore.all

@@ -0,0 +1,46 @@
+.DS_Store
+.svelte-kit
+node_modules
+/build
+/package
+.env
+.env.*
+!.env.example
+vite.config.js*
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+pnpm-workspace.yaml
+package-lock.json
+yarn.lock
+
+.vercel_build_output/**
+static/**
+/coverage
+CHANGELOG.md
+src/lib/models/types/**
+.idea
+dev-dist
+
+## custom
+/infra/helm/templates/deployment.yaml
+infra/helm/templates/ingress.yaml
+infra/hasura
+**/*.min.css
+
+**/.turbo
+/.nhost/
+/nhost/*
+!/nhost/emails/
+/apps/story/storybook-static/
+/apps/*/.svelte-kit
+/apps/*/$houdini/
+/apps/*/schema.graphql
+
+.vercel/
+.astro/
+
+# generated files by typesafe-i18n
+/apps/**/lib/i18n
+# generated files by shadcn
+packages/ui/components

.prettierrc.cjs

@@ -0,0 +1,2 @@
+// module.exports = require('@spectacular/prettier-config/all');
+module.exports = require('@spectacular/prettier-config/node');

apps/console/.eslintignore

@@ -12,25 +12,6 @@ pnpm-lock.yaml
 package-lock.json
 yarn.lock
 
-# vercel #
-###################
-/.yarn
-.yarn
-/examples
-
-/functions
-
-/.vercel_build_output
-.vercel_build_output
-/workers-site
-static/global.css
-static/*.js
-
-# Storybook files #
-###################
-storybook-static
-storybook-static/*
-
 # Jest files #
 #############################
 coverage

apps/console/.eslintrc.cjs

@@ -1,3 +1,3 @@
 module.exports = {
-	extends: ['@spectacular/eslint-config/index.js']
+	extends: ['@spectacular/eslint-config/svelte']
 };

apps/console/.prettierignore

@@ -1,7 +1,7 @@
 .DS_Store
-.svelte-kit
 node_modules
 /build
+/.svelte-kit
 /package
 .env
 .env.*
@@ -13,17 +13,13 @@ pnpm-lock.yaml
 pnpm-workspace.yaml
 package-lock.json
 yarn.lock
+vite.config.*.timestamp-*
 
+# Project files #
+#############################
 .vercel_build_output/**
 static/**
 /coverage
 CHANGELOG.md
-src/lib/models/types/**
-.idea
-dev-dist
-
-/infra/helm/templates/deployment.yaml
-infra/helm/templates/ingress.yaml
 schema.graphql
 $houdini
-infra/hasura

apps/console/.prettierrc.cjs

@@ -0,0 +1 @@
+module.exports = require('@spectacular/prettier-config/svelte');

apps/console/package.json

@@ -11,19 +11,17 @@
 		"build": "dotenv-run vite build",
 		"preview": "NEXTAUTH_URL=http://localhost:4173 dotenv-run vite preview",
 		"test": "pnpm run test:integration && pnpm run test:unit",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write . && eslint --fix .",
 		"test:unit": "vitest",
 		"test:unit:ui": "vitest --ui",
 		"test:unit:coverage": "vitest run --coverage",
 		"test:integration": "playwright test",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint:markup": "markuplint --config ../../.markuplintrc.cjs \"**\"",
 		"lint:js": "eslint .",
-		"lint:prettier": "prettier --check --ignore-path=../../.prettierignore .",
+		"lint:prettier": "prettier --check .",
 		"lint": "concurrently pnpm:lint:*",
-		"format:js": "eslint --fix .",
-		"format:prettier": "prettier --write --ignore-path=../../.prettierignore .",
-		"format": "concurrently pnpm:format:*",
 		"generate:svelte": "svelte-kit sync",
 		"generate:pull-schema": "dotenv-run houdini pull-schema",
 		"generate": "concurrently pnpm:generate:*"
@@ -33,10 +31,14 @@
 		"@auth/hasura-adapter": "0.2.11",
 		"@auth/sveltekit": "0.5.0",
 		"@ethercorps/sveltekit-og": "2.0.2",
-		"@neoconfetti/svelte": "2.2.0",
+		"@neoconfetti/svelte": "2.2.1",
 		"@neodrag/svelte": "2.0.3",
 		"@popperjs/core": "2.11.8",
 		"@skeletonlabs/skeleton": "2.6.1",
+		"@spectacular/eslint-config": "workspace:*",
+		"@spectacular/prettier-config": "workspace:*",
+		"@spectacular/typescript-config": "workspace:*",
+		"@spectacular/utils": "workspace:*",
 		"@svelte-put/resize": "3.0.0",
 		"@sveltejs/adapter-auto": "3.0.1",
 		"@sveltejs/adapter-node": "2.0.2",
@@ -62,7 +64,6 @@
 		"d3-scale": "4.0.2",
 		"date-fns": "3.0.6",
 		"eslint": "8.56.0",
-		"@spectacular/eslint-config": "workspace:*",
 		"eslint-config-prettier": "9.1.0",
 		"eslint-plugin-svelte": "2.35.1",
 		"flowbite-svelte": "0.44.21",
@@ -71,10 +72,9 @@
 		"flowbite-typography": "1.0.3",
 		"graphql": "16.8.1",
 		"graphql-ws": "5.14.3",
-		"@spectacular/helpers": "workspace:*",
 		"houdini": "1.2.34",
 		"houdini-svelte": "1.2.34",
-		"jose": "5.1.3",
+		"jose": "5.2.0",
 		"js-cookie": "3.0.5",
 		"jsdom": "23.0.1",
 		"layercake": "8.0.2",
@@ -95,13 +95,12 @@
 		"sveltekit-rate-limiter": "0.4.2",
 		"sveltekit-superforms": "1.13.1",
 		"sveltekit-view-transition": "0.5.3",
-		"@spectacular/tailwind-config": "workspace:*",
 		"tailwind-merge": "2.2.0",
 		"tailwindcss": "3.4.0",
 		"tailwindcss-animate": "1.0.7",
 		"tslib": "2.6.2",
 		"typescript": "5.3.3",
-		"vite": "4.5.1",
+		"vite": "5.0.10",
 		"vite-plugin-pwa": "0.17.4",
 		"vite-plugin-tailwind-purgecss": "0.2.0",
 		"vitest": "1.1.0",

apps/console/tailwind.config.ts

@@ -1,28 +1,105 @@
-// import daisyui from 'daisyui';
-import baseConfig from '@spectacular/tailwind-config/tailwind.config';
 import type { Config } from 'tailwindcss';
-import defaultTheme from 'tailwindcss/defaultTheme';
+import * as defaultTheme from 'tailwindcss/defaultTheme';
+// import COLOURS from "tailwindcss/colors";
+// PLUGINS
+// import lineClamp from '@tailwindcss/line-clamp';
+// import forms from "@tailwindcss/forms"
+// import aspectRatio from '@tailwindcss/aspect-ratio';
+
+import * as containerQueries from '@tailwindcss/container-queries';
+import * as animate from 'tailwindcss-animate';
 // @ts-expect-error 7016 TODO
 import flowbite from 'flowbite/plugin';
+import flowbiteTypography from 'flowbite-typography';
 
 export default {
-	content: [...baseConfig.content, './src/**/*.{html,js,svelte,ts,mdx}', '../../packages/ui/src/**/*.{html,js,svelte,ts,mdx}'],
-	presets: [baseConfig],
-	// Make sure you add `daisyui` AFTER @tailwindcss/typography in plugins array
-	// plugins: [flowbite({ charts: false, forms: false }), daisyui],
+	content: [
+		'./src/**/*.{html,js,svelte,ts,mdx}',
+		'./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}',
+		'./node_modules/flowbite-svelte-icons/**/*.{html,js,svelte,ts}',
+		'./node_modules/flowbite-svelte-blocks/**/*.{html,js,svelte,ts}'
+	],
 
-	plugins: [flowbite({ charts: false, forms: true })],
+	plugins: [containerQueries, animate, flowbite({ charts: false, forms: true }), flowbiteTypography],
 
-	darkMode: 'class',
+	darkMode: 'class', // or 'media' or false
 	theme: {
 		extend: {
 			fontFamily: {
 				sans: ['Montserrat', ...defaultTheme.fontFamily.sans]
 			},
+			// custom shades generator https://javisperez.github.io/tailwindcolorshades/?
+			// http://colorcode.is/ - helpful color site
+			// Or - Tailwind CSS Color Generator: https://uicolors.app/create
+			// prettier-ignore
 			colors: {
-				primary: baseConfig.theme.extend.colors.primary,
-				// gray: colors.gray,
-				// blue: colors.sky,
+				// To change the primary color, simply uncomment the desired color object and modify the corresponding color values as needed.
+				// flowbite-svelte
+				// primary: {"50": "#FFF1EE","100": "#fff1ee","200": "#ffe4de","300": "#ffd5cc","400": "#ffbcad","500": "#fe795d","600": "#ef562f","700": "#eb4f27","800": "#d3330a","900": "#d3330a"},
+				// optred
+				// primary: {"50": "#fbf3f4","100": "#f7e8e8","200": "#ecc5c6","300": "#e0a2a4","400": "#c85d60","500": "#b1171c","600": "#9f1519","700": "#851115","800": "#6a0e11","900": "#570b0e"},
+				// pink
+				// primary: {"50":"#fdf2f8","100":"#fce7f3","200":"#fbcfe8","300":"#f9a8d4","400":"#f472b6","500":"#ec4899","600":"#db2777","700":"#be185d","800":"#9d174d","900":"#831843"},
+
+				// fuchsia
+				// primary: {"50":"#fdf4ff","100":"#fae8ff","200":"#f5d0fe","300":"#f0abfc","400":"#e879f9","500":"#d946ef","600":"#c026d3","700":"#a21caf","800":"#86198f","900":"#701a75"},
+
+				// purple
+				// primary: {"50":"#faf5ff","100":"#f3e8ff","200":"#e9d5ff","300":"#d8b4fe","400":"#c084fc","500":"#a855f7","600":"#9333ea","700":"#7e22ce","800":"#6b21a8","900":"#581c87"},
+
+				// violet
+				// primary: {"50":"#f5f3ff","100":"#ede9fe","200":"#ddd6fe","300":"#c4b5fd","400":"#a78bfa","500":"#8b5cf6","600":"#7c3aed","700":"#6d28d9","800":"#5b21b6","900":"#4c1d95"},
+
+				// indigo
+				// primary: {"50":"#eef2ff","100":"#e0e7ff","200":"#c7d2fe","300":"#a5b4fc","400":"#818cf8","500":"#6366f1","600":"#4f46e5","700":"#4338ca","800":"#3730a3","900":"#312e81"},
+
+				// blue
+				primary: {"50":"#eff6ff","100":"#dbeafe","200":"#bfdbfe","300":"#93c5fd","400":"#60a5fa","500":"#3b82f6","600":"#2563eb","700":"#1d4ed8","800":"#1e40af","900":"#1e3a8a"},
+
+				// sky
+				// primary: {"50":"#f0f9ff","100":"#e0f2fe","200":"#bae6fd","300":"#7dd3fc","400":"#38bdf8","500":"#0ea5e9","600":"#0284c7","700":"#0369a1","800":"#075985","900":"#0c4a6e"},
+
+				// cyan
+				// primary: {"50":"#ecfeff","100":"#cffafe","200":"#a5f3fc","300":"#67e8f9","400":"#22d3ee","500":"#06b6d4","600":"#0891b2","700":"#0e7490","800":"#155e75","900":"#164e63"},
+
+				// teal
+				// primary: {"50":"#f0fdfa","100":"#ccfbf1","200":"#99f6e4","300":"#5eead4","400":"#2dd4bf","500":"#14b8a6","600":"#0d9488","700":"#0f766e","800":"#115e59","900":"#134e4a"},
+
+				// emerald
+				// primary: {"50":"#ecfdf5","100":"#d1fae5","200":"#a7f3d0","300":"#6ee7b7","400":"#34d399","500":"#10b981","600":"#059669","700":"#047857","800":"#065f46","900":"#064e3b"},
+
+				// green
+				// primary: {"50":"#f0fdf4","100":"#dcfce7","200":"#bbf7d0","300":"#86efac","400":"#4ade80","500":"#22c55e","600":"#16a34a","700":"#15803d","800":"#166534","900":"#14532d"},
+
+				// lime
+				// primary: {"50":"#f7fee7","100":"#ecfccb","200":"#d9f99d","300":"#bef264","400":"#a3e635","500":"#84cc16","600":"#65a30d","700":"#4d7c0f","800":"#3f6212","900":"#365314"},
+
+				// yellow
+				// primary: {"50":"#fefce8","100":"#fef9c3","200":"#fef08a","300":"#fde047","400":"#facc15","500":"#eab308","600":"#ca8a04","700":"#a16207","800":"#854d0e","900":"#713f12"},
+
+				// amber
+				// primary: {"50":"#fffbeb","100":"#fef3c7","200":"#fde68a","300":"#fcd34d","400":"#fbbf24","500":"#f59e0b","600":"#d97706","700":"#b45309","800":"#92400e","900":"#78350f"},
+
+				// orange
+				// primary: {"50":"#fff7ed","100":"#ffedd5","200":"#fed7aa","300":"#fdba74","400":"#fb923c","500":"#f97316","600":"#ea580c","700":"#c2410c","800":"#9a3412","900":"#7c2d12"},
+
+				// red
+				// primary: {"50":"#fef2f2","100":"#fee2e2","200":"#fecaca","300":"#fca5a5","400":"#f87171","500":"#ef4444","600":"#dc2626","700":"#b91c1c","800":"#991b1b","900":"#7f1d1d"},
+
+				// stone
+				// primary: {"50":"#fafaf9","100":"#f5f5f4","200":"#e7e5e4","300":"#d6d3d1","400":"#a8a29e","500":"#78716c","600":"#57534e","700":"#44403c","800":"#292524","900":"#1c1917"},
+
+				// neutral
+				// primary: {"50":"#fafafa","100":"#f5f5f5","200":"#e5e5e5","300":"#d4d4d4","400":"#a3a3a3","500":"#737373","600":"#525252","700":"#404040","800":"#262626","900":"#171717"},
+
+				// zinc
+				// primary: {"50":"#fafafa","100":"#f4f4f5","200":"#e4e4e7","300":"#d4d4d8","400":"#a1a1aa","500":"#71717a","600":"#52525b","700":"#3f3f46","800":"#27272a","900":"#18181b"},
+
+				// gray
+				// primary: {"50":"#f9fafb","100":"#f3f4f6","200":"#e5e7eb","300":"#d1d5db","400":"#9ca3af","500":"#6b7280","600":"#4b5563","700":"#374151","800":"#1f2937","900":"#111827"},
+
+				// slate
+				// primary: {"50":"#f8fafc","100":"#f1f5f9","200":"#e2e8f0","300":"#cbd5e1","400":"#94a3b8","500":"#64748b","600":"#475569","700":"#334155","800":"#1e293b","900":"#0f172a"},
 
 				// From: https://kitwind.io/products/kometa/config
 				'deep-purple': {
@@ -82,9 +159,4 @@ export default {
 		opacity: ['responsive', 'hover', 'focus', 'group-hover'],
 		backgroundColor: ['responsive', 'hover', 'focus', 'group-hover']
 	}
-
-	// daisyUI config (optional)
-	// daisyui: {
-	// 	themes: ['light', 'dark']
-	// }
 } satisfies Config;

apps/console2/.eslintignore

@@ -11,4 +11,12 @@ node_modules
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+
+# Jest files #
+#############################
+coverage
+coverage/*
+
+# Project files #
+#############################
 /src/lib/i18n

apps/console2/.eslintrc.cjs

@@ -1,3 +1,3 @@
 module.exports = {
-	extends: ['@spectacular/eslint-config/index.js']
+	extends: ['@spectacular/eslint-config/all']
 };

apps/console2/.prettierignore

@@ -0,0 +1,25 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js*
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+pnpm-workspace.yaml
+package-lock.json
+yarn.lock
+vite.config.*.timestamp-*
+
+# Project files #
+#############################
+.vercel_build_output/**
+static/**
+/coverage
+CHANGELOG.md
+schema.graphql
+$houdini

apps/console2/.prettierrc.cjs

@@ -0,0 +1 @@
+module.exports = require('@spectacular/prettier-config/all');