feat: add MF Vite Solid example (#4292)

Co-authored-by: Zack Jackson <[email protected]>
module-federation · Oct 10, 2024 · 528ed7d · 528ed7d
1 parent 024d07f
commit 528ed7d
Show file tree

Hide file tree

Showing 22 changed files with 4,108 additions and 0 deletions.
diff --git a/module-federation-vite-solid/README.md b/module-federation-vite-solid/README.md
@@ -0,0 +1,12 @@
+# Solid host and remote
+
+## Getting started
+
+From this directory execute:
+
+- pnpm install:deps
+- pnpm serve
+
+Open your browser at http://localhost:4173/ to see the amazing result
+
+![screenshot](docs/screenshot.png)
diff --git a/module-federation-vite-solid/docs/screenshot.png b/module-federation-vite-solid/docs/screenshot.png
diff --git a/module-federation-vite-solid/host/.gitignore b/module-federation-vite-solid/host/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+.__mf__temp
diff --git a/module-federation-vite-solid/host/index.html b/module-federation-vite-solid/host/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
+    <title>Host</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script src="/src/index.tsx" type="module"></script>
+  </body>
+</html>
diff --git a/module-federation-vite-solid/host/package.json b/module-federation-vite-solid/host/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "module-federation-vite-solid-host",
+  "version": "0.0.0",
+  "description": "",
+  "scripts": {
+    "start": "vite",
+    "dev": "vite --port 4173",
+    "build": "vite build",
+    "preview": "vite preview --port 4173"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "solid-devtools": "^0.29.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.11",
+    "vite-plugin-solid": "^2.8.2"
+  },
+  "dependencies": {
+    "@module-federation/vite": "^1.1.1",
+    "solid-js": "^1.8.11"
+  }
+}