Merge branch 'feature/metrics-crud-UI' of github.com:greenpill-dev-gu…

…ild/impact-framework-backend into develop

.gitignore

@@ -1,20 +1,20 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+node_modules
 /.pnp
 .pnp.js
 .yarn/install-state.gz
 
 # testing
-/coverage
+coverage
 
 # next.js
-/.next/
+.next
 /out/
 
 # production
-/build
+build
 
 # misc
 .DS_Store
@@ -36,3 +36,5 @@ yarn-error.log*
 next-env.d.ts
 
 .idea/
+
+*storybook.log

.nvmrc

@@ -0,0 +1 @@
+v20

package.json

@@ -1,41 +1,11 @@
 {
-  "name": "impact-framework-backend",
-  "version": "0.1.0",
+  "name": "impact-framework",
+  "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
+    "dev": "cd packages/client && pnpm run dev",
+    "test": "cd packages/client && pnpm run test",
+    "build": "cd packages/client && pnpm run build",
     "generate:supabase:types": "npx supabase gen types typescript --local > types/database-generated.types.ts"
-  },
-  "dependencies": {
-    "@supabase/supabase-js": "^2.42.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "global": "^4.4.0",
-    "lucide-react": "^0.364.0",
-    "next": "14.1.4",
-    "ra-data-json-server": "^4.16.12",
-    "ra-input-rich-text": "^4.16.14",
-    "ra-supabase": "^2.2.0",
-    "react": "^18",
-    "react-admin": "^4.16.14",
-    "react-dom": "^18",
-    "snaplet": "^0.90.0",
-    "tailwind-merge": "^2.2.2",
-    "tailwindcss-animate": "^1.0.7",
-    "tsx": "^4.7.2"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
-    "eslint": "^8",
-    "eslint-config-next": "14.1.4",
-    "postcss": "^8",
-    "tailwindcss": "^3.3.0",
-    "typescript": "^5"
   }
 }

packages/client/.storybook/main.ts

@@ -0,0 +1,21 @@
+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: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  staticDirs: ["../public"],
+};
+export default config;

packages/client/.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

packages/client/__tests__/app/page.test.tsx

@@ -0,0 +1,9 @@
+import { expect, test } from "vitest";
+import { render, screen } from "@testing-library/react";
+
+import Page from "@/app/page";
+
+test("Page", () => {
+  render(<Page />);
+  expect(screen.getByRole("heading", { level: 1, name: "Home" })).toBeDefined();
+});

packages/client/next.config.mjs

@@ -0,0 +1,8 @@
+import withBundleAnalyzer from "@next/bundle-analyzer";
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default process.env.ANALYZE === "true"
+  ? withBundleAnalyzer(nextConfig)
+  : nextConfig;

packages/client/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "impact-garden",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "test": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.42.7",
+    "@xstate/react": "4.1.1",
+    "lucide-react": "0.376.0",
+    "next": "14.2.3",
+    "ra-data-json-server": "^4.16.16",
+    "react": "^18",
+    "react-admin": "^4.16.14",
+    "react-dom": "^18",
+    "react-hot-toast": "2.4.1",
+    "react-spinners": "0.13.8",
+    "xstate": "5.12.0",
+    "viem": "2.9.28",
+    "zod": "3.23.4",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "global": "^4.4.0",
+    "ra-input-rich-text": "^4.16.14",
+    "ra-supabase": "^2.2.0",
+    "snaplet": "^0.90.0",
+    "tailwind-merge": "^2.2.2",
+    "tailwindcss-animate": "^1.0.7",
+    "tsx": "^4.7.2"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.3",
+    "@next/bundle-analyzer": "14.2.3",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-interactions": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-onboarding": "^8.0.9",
+    "@storybook/blocks": "^8.0.9",
+    "@storybook/nextjs": "^8.0.9",
+    "@storybook/react": "^8.0.9",
+    "@storybook/test": "^8.0.9",
+    "@testing-library/react": "^15.0.4",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.0.1",
+    "daisyui": "4.10.2",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.4",
+    "eslint-plugin-storybook": "^0.8.0",
+    "jsdom": "^24.0.0",
+    "postcss": "^8",
+    "prettier": "3.2.5",
+    "storybook": "^8.0.9",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5",
+    "vitest": "^1.5.2"
+  },
+  "eslintConfig": {
+    "extends": [
+      "next/core-web-vitals",
+      "plugin:storybook/recommended"
+    ]
+  }
+}