feat: new extension vike-react-chakra

vikejs · Nov 4, 2024 · f7b00ae · f7b00ae
1 parent 2883eb8
commit f7b00ae
Show file tree

Hide file tree

Showing 8 changed files with 1,979 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -27,7 +27,8 @@
     "overrides": {
       "vike-react": "link:./packages/vike-react/",
       "vike-react-query": "link:./packages/vike-react-query/",
-      "vike-react-apollo": "link:./packages/vike-react-apollo/"
+      "vike-react-apollo": "link:./packages/vike-react-apollo/",
+      "vike-react-chakra": "link:./packages/vike-react-chakra/"
     }
   },
   "devDependencies": {

diff --git a/packages/vike-react-chakra/.gitignore b/packages/vike-react-chakra/.gitignore
@@ -0,0 +1,2 @@
+/node_modules/
+/dist/
diff --git a/packages/vike-react-chakra/README.md b/packages/vike-react-chakra/README.md
@@ -0,0 +1 @@
+TODO
diff --git a/packages/vike-react-chakra/integration/+config.ts b/packages/vike-react-chakra/integration/+config.ts
@@ -0,0 +1,10 @@
+export { config as default }
+import type { Config } from 'vike/types'
+
+const config = {
+  name: 'vike-react-chakra',
+  require: {
+    'vike-react': '>=0.4.13',
+  },
+  Wrapper: 'import:vike-react-chakra/__internal/integration/Wrapper:Wrapper',
+} satisfies Config
diff --git a/packages/vike-react-chakra/integration/Wrapper.tsx b/packages/vike-react-chakra/integration/Wrapper.tsx
@@ -0,0 +1,8 @@
+export { Wrapper }
+
+import React, { ReactNode } from "react";
+import { ChakraProvider, defaultSystem } from "@chakra-ui/react";
+
+function Wrapper({ children }: { children: ReactNode }) {
+    return <ChakraProvider value={defaultSystem}>{children}</ChakraProvider>
+}
diff --git a/packages/vike-react-chakra/package.json b/packages/vike-react-chakra/package.json
@@ -0,0 +1,47 @@
+{
+    "name": "vike-react-chakra",
+    "version": "0.0.1",
+    "type": "module",
+    "exports": {
+        "./config": "./dist/integration/+config.js",
+        "./__internal/integration/Wrapper": "./dist/integration/Wrapper.js"
+    },
+    "scripts": {
+        "dev": "tsc --watch",
+        "build": "rimraf dist/ && tsc"
+    },
+    "peerDependencies": {
+        "@chakra-ui/react": ">=3",
+        "@emotion/react": ">=11",
+        "react": ">=18.0.0",
+        "vike-react": ">=0.4.13"
+    },
+    "devDependencies": {
+        "@chakra-ui/react": "^3.0.2",
+        "@emotion/react": "^11.13.3",
+        "@types/node": "^20.11.17",
+        "@types/react": "^18.2.55",
+        "jsdom": "^24.0.0",
+        "react": "^18.3.1",
+        "rimraf": "^5.0.5",
+        "typescript": "^5.5.3",
+        "vike": "^0.4.197",
+        "vike-react": "^0.5.7",
+        "vite": "^5.4.0"
+    },
+    "typesVersions": {
+        "*": {
+            "config": [
+                "dist/integration/+config.d.ts"
+            ],
+            "__internal/integration/Wrapper": [
+                "dist/integration/Wrapper.d.ts"
+            ]
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "repository": "github:vikejs/vike-react",
+    "license": "MIT"
+}
diff --git a/packages/vike-react-chakra/tsconfig.json b/packages/vike-react-chakra/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    // Resolution
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    // Libs
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "vike-react"],
+    // Strictness
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitAny": true,
+    // Output
+    "declaration": true,
+    "noEmitOnError": false,
+    "rootDir": "./",
+    // Misc
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "jsx": "react"
+  }
+}