From 16de4da27f0ee01c60f466e327e251c702ec7294 Mon Sep 17 00:00:00 2001
From: BeanWei <bean0wei@dingtalk.com>
Date: Sat, 22 Jul 2023 21:43:10 +0800
Subject: [PATCH] chore: Add Solid template (#63)

Co-authored-by: Aaron Klinker <aklinker1@users.noreply.github.com>
---
 .github/workflows/validate.yml               |   7 ++
 docs/.vitepress/components/Icon.vue          |  16 +++--
 docs/get-started/installation.md             |  13 ++--
 templates/solid/.npmrc                       |   1 +
 templates/solid/README.md                    |   3 +
 templates/solid/_gitignore                   |  23 +++++++
 templates/solid/assets/solid.svg             |   1 +
 templates/solid/entrypoints/background.ts    |   3 +
 templates/solid/entrypoints/popup/App.css    |  27 ++++++++
 templates/solid/entrypoints/popup/App.tsx    |  35 ++++++++++
 templates/solid/entrypoints/popup/index.css  |  69 +++++++++++++++++++
 templates/solid/entrypoints/popup/index.html |  13 ++++
 templates/solid/entrypoints/popup/index.tsx  |   6 ++
 templates/solid/package.json                 |  23 +++++++
 templates/solid/public/icon/128.png          | Bin 0 -> 3074 bytes
 templates/solid/public/icon/16.png           | Bin 0 -> 559 bytes
 templates/solid/public/icon/32.png           | Bin 0 -> 916 bytes
 templates/solid/public/icon/48.png           | Bin 0 -> 1334 bytes
 templates/solid/public/icon/96.png           | Bin 0 -> 2366 bytes
 templates/solid/public/wxt.svg               |  15 ++++
 templates/solid/tsconfig.json                |   7 ++
 templates/solid/wxt.config.ts                |  21 ++++++
 22 files changed, 270 insertions(+), 13 deletions(-)
 create mode 100644 templates/solid/.npmrc
 create mode 100644 templates/solid/README.md
 create mode 100644 templates/solid/_gitignore
 create mode 100644 templates/solid/assets/solid.svg
 create mode 100644 templates/solid/entrypoints/background.ts
 create mode 100644 templates/solid/entrypoints/popup/App.css
 create mode 100644 templates/solid/entrypoints/popup/App.tsx
 create mode 100644 templates/solid/entrypoints/popup/index.css
 create mode 100644 templates/solid/entrypoints/popup/index.html
 create mode 100644 templates/solid/entrypoints/popup/index.tsx
 create mode 100644 templates/solid/package.json
 create mode 100644 templates/solid/public/icon/128.png
 create mode 100644 templates/solid/public/icon/16.png
 create mode 100644 templates/solid/public/icon/32.png
 create mode 100644 templates/solid/public/icon/48.png
 create mode 100644 templates/solid/public/icon/96.png
 create mode 100644 templates/solid/public/wxt.svg
 create mode 100644 templates/solid/tsconfig.json
 create mode 100644 templates/solid/wxt.config.ts

diff --git a/.github/workflows/validate.yml b/.github/workflows/validate.yml
index f850785f..947fbbf3 100644
--- a/.github/workflows/validate.yml
+++ b/.github/workflows/validate.yml
@@ -96,3 +96,10 @@ jobs:
           npm i
           npm run build
           npm run check
+
+      - name: Validate Solid
+        working-directory: templates/solid
+        run: |
+          npm i
+          npm run build
+          npm run compile
diff --git a/docs/.vitepress/components/Icon.vue b/docs/.vitepress/components/Icon.vue
index 7d898f4d..7daa3736 100644
--- a/docs/.vitepress/components/Icon.vue
+++ b/docs/.vitepress/components/Icon.vue
@@ -1,17 +1,19 @@
 <script lang="ts" setup>
-defineProps<{
+import { computed } from 'vue';
+
+const props = defineProps<{
   name: string;
   icon?: string;
 }>();
+
+const src = computed(() => {
+  if (props.icon) return props.icon;
+  return `https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/main/icons/${props.name.toLowerCase()}.svg`;
+});
 </script>
 
 <template>
-  <img
-    :src="`https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/main/icons/${
-      name?.toLowerCase() ?? icon
-    }.svg`"
-    :alt="`${name} Logo`"
-  />
+  <img :src="src" :alt="`${name} Logo`" />
 </template>
 
 <style scoped>
diff --git a/docs/get-started/installation.md b/docs/get-started/installation.md
index c6531a72..6b9b2db5 100644
--- a/docs/get-started/installation.md
+++ b/docs/get-started/installation.md
@@ -24,12 +24,13 @@ npx wxt@latest init
 
 There are several starting templates available.
 
-| TypeScript                                                                                           |
-| ---------------------------------------------------------------------------------------------------- |
-| <Icon name="TypeScript" /> [`vanilla`](https://github.com/aklinker1/wxt/tree/main/templates/vanilla) |
-| <Icon name="Vue" /> [`vue`](https://github.com/aklinker1/wxt/tree/main/templates/vue)                |
-| <Icon name="React" /> [`react`](https://github.com/aklinker1/wxt/tree/main/templates/react)          |
-| <Icon name="Svelte" /> [`svelte`](https://github.com/aklinker1/wxt/tree/main/templates/svelte)       |
+| TypeScript                                                                                                                                                |
+| --------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| <Icon name="TypeScript" /> [`vanilla`](https://github.com/aklinker1/wxt/tree/main/templates/vanilla)                                                      |
+| <Icon name="Vue" /> [`vue`](https://github.com/aklinker1/wxt/tree/main/templates/vue)                                                                     |
+| <Icon name="React" /> [`react`](https://github.com/aklinker1/wxt/tree/main/templates/react)                                                               |
+| <Icon name="Svelte" /> [`svelte`](https://github.com/aklinker1/wxt/tree/main/templates/svelte)                                                            |
+| <Icon name="Solid" icon="https://www.solidjs.com/img/favicons/favicon-32x32.png" /> [`solid`](https://github.com/aklinker1/wxt/tree/main/templates/solid) |
 
 > All templates are in TypeScript. WXT does not support JS at this time.
 
diff --git a/templates/solid/.npmrc b/templates/solid/.npmrc
new file mode 100644
index 00000000..bf2e7648
--- /dev/null
+++ b/templates/solid/.npmrc
@@ -0,0 +1 @@
+shamefully-hoist=true
diff --git a/templates/solid/README.md b/templates/solid/README.md
new file mode 100644
index 00000000..4be124af
--- /dev/null
+++ b/templates/solid/README.md
@@ -0,0 +1,3 @@
+# WXT + SolidJS
+
+This template should help get you started developing with SolidJS in WXT.
diff --git a/templates/solid/_gitignore b/templates/solid/_gitignore
new file mode 100644
index 00000000..b694a278
--- /dev/null
+++ b/templates/solid/_gitignore
@@ -0,0 +1,23 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.output
+artifacts
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/templates/solid/assets/solid.svg b/templates/solid/assets/solid.svg
new file mode 100644
index 00000000..8a8988c4
--- /dev/null
+++ b/templates/solid/assets/solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 155.3"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="27.5" y1="3" x2="152" y2="63.5"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="95.8" y1="32.6" x2="74" y2="105.2"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="18.4" y1="64.2" x2="144.3" y2="149.8"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="75.2" y1="74.5" x2="24.4" y2="260.8"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" fill="#76b3e1"/><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" opacity=".3" fill="url(#a)"/><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" fill="#518ac8"/><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" opacity=".3" fill="url(#b)"/><path d="M134 80a45 45 0 00-48-15L24 85 4 120l112 19 20-36c4-7 3-15-2-23z" fill="url(#c)"/><path d="M114 115a45 45 0 00-48-15L4 120s53 40 94 30l3-1c17-5 23-21 13-34z" fill="url(#d)"/></svg>
\ No newline at end of file
diff --git a/templates/solid/entrypoints/background.ts b/templates/solid/entrypoints/background.ts
new file mode 100644
index 00000000..f96fa480
--- /dev/null
+++ b/templates/solid/entrypoints/background.ts
@@ -0,0 +1,3 @@
+export default defineBackground(() => {
+  console.log('Hello background!', { id: browser.runtime.id });
+});
diff --git a/templates/solid/entrypoints/popup/App.css b/templates/solid/entrypoints/popup/App.css
new file mode 100644
index 00000000..613607d4
--- /dev/null
+++ b/templates/solid/entrypoints/popup/App.css
@@ -0,0 +1,27 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.solid:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/templates/solid/entrypoints/popup/App.tsx b/templates/solid/entrypoints/popup/App.tsx
new file mode 100644
index 00000000..fcf09b3d
--- /dev/null
+++ b/templates/solid/entrypoints/popup/App.tsx
@@ -0,0 +1,35 @@
+import { createSignal } from 'solid-js';
+import solidLogo from '@/assets/solid.svg';
+import wxtLogo from '/wxt.svg';
+import './App.css';
+
+function App() {
+  const [count, setCount] = createSignal(0);
+
+  return (
+    <>
+      <div>
+        <a href="https://wxt.dev" target="_blank">
+          <img src={wxtLogo} class="logo" alt="WXT logo" />
+        </a>
+        <a href="https://solidjs.com" target="_blank">
+          <img src={solidLogo} class="logo solid" alt="Solid logo" />
+        </a>
+      </div>
+      <h1>WXT + Solid</h1>
+      <div class="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count()}
+        </button>
+        <p>
+          Edit <code>popup/App.tsx</code> and save to test HMR
+        </p>
+      </div>
+      <p class="read-the-docs">
+        Click on the WXT and Solid logos to learn more
+      </p>
+    </>
+  );
+}
+
+export default App;
diff --git a/templates/solid/entrypoints/popup/index.css b/templates/solid/entrypoints/popup/index.css
new file mode 100644
index 00000000..2c3fac68
--- /dev/null
+++ b/templates/solid/entrypoints/popup/index.css
@@ -0,0 +1,69 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/templates/solid/entrypoints/popup/index.html b/templates/solid/entrypoints/popup/index.html
new file mode 100644
index 00000000..79f9a1e0
--- /dev/null
+++ b/templates/solid/entrypoints/popup/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Default Popup Title</title>
+    <meta name="manifest.type" content="browser_action" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.tsx"></script>
+  </body>
+</html>
diff --git a/templates/solid/entrypoints/popup/index.tsx b/templates/solid/entrypoints/popup/index.tsx
new file mode 100644
index 00000000..5f34023b
--- /dev/null
+++ b/templates/solid/entrypoints/popup/index.tsx
@@ -0,0 +1,6 @@
+import { render } from 'solid-js/web';
+
+import './index.css';
+import App from './App';
+
+render(() => <App />, document.getElementById('root')!);
diff --git a/templates/solid/package.json b/templates/solid/package.json
new file mode 100644
index 00000000..62fbe9d9
--- /dev/null
+++ b/templates/solid/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "wxt-starter",
+  "description": "manifest.json description",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "wxt",
+    "dev:firefox": "wxt -b firefox",
+    "build": "wxt build",
+    "build:firefox": "wxt build -b firefox",
+    "compile": "tsc --noEmit",
+    "postinstall": "wxt prepare"
+  },
+  "dependencies": {
+    "solid-js": "^1.7.8"
+  },
+  "devDependencies": {
+    "typescript": "^5.1.6",
+    "vite-plugin-solid": "^2.7.0",
+    "wxt": "^0.3.0"
+  }
+}
diff --git a/templates/solid/public/icon/128.png b/templates/solid/public/icon/128.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e35d130796978714468fa149241172744bf3992
GIT binary patch
literal 3074
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

literal 0
HcmV?d00001

diff --git a/templates/solid/public/icon/16.png b/templates/solid/public/icon/16.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd09f8cfbc020b5a077c6c491e2be5f1cb75fb50
GIT binary patch
literal 559
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0WWg+Z8+Vb&Z8
z1_lPk;vjb?hIQv;UNSH+u%tWsIx;Y9?C1WI$jZRLc*N7iF{FaAH`v#RIZ)tT{t^GF
ztvefY{)QGZ6*gNmJh^EQ_K4*n%fzW0W)(2(bnHu*k}$KdIYMLgo^M|bvNT-upOway
z*Z=(Wx^6=LHHlpxzPhdtEs<4Hp7*x<>gwR1N1NV@>*RH2s0O_3QfgcvdUxlke1;AF
z(-_vye($=val!S-x9@gIi=XrPtvES|N!813hSToNBFpFVEczW4{P1_&l2sG98YYV0
zi88p?;m+dC!lCPy#w+`~?#qi)mJXhwGAqC7UE6irK2T-y+B@5w?7x{CedC?1eSHDX
z#ps{ylBEr~9Ab9S8~T}MyGBj!dAsKMp-rw!mRVIx%h~LBwIoR+Xj`n=-EVBxy*XUV
zzP;J<?PcFNZrlH<7Z=>y9(yv%V5_U@(-}@bmm8Wt6`Zzc_bo%yh$o>_OKwf(x}V8D
z?Y%}?%pwKfXo0+Yp6PEtRR}SBe=<R;MMQtz?Bjta^_Z`gZLH`&?OLMF#xrM*?(w}!
z9KX+*eLeg?>vwY%w-(#94Hqv|*T>dye|s<T-tzxk!xP^cqGp`m{-7r=UA3Ou>dBi~
zJ>fe2Hx&g`;u$vCo+$hKxOAo6&BV($_pdK>dS7_C>)_(gQ!UOh-eXw)@Y22YN)n9>
P3=9mOu6{1-oD!M<aqsyc

literal 0
HcmV?d00001

diff --git a/templates/solid/public/icon/32.png b/templates/solid/public/icon/32.png
new file mode 100644
index 0000000000000000000000000000000000000000..f51ce1b5c93db65ffd15c7440f98c9ff06e2d498
GIT binary patch
literal 916
zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}oCO|{#S9GG!XV7ZFl&wk
z0|NtNage(c!@6@aFBupZSkfJR9T^xl_H+M9WMyDr*7S6745?r|8txk;>?l&VUOhsK
z`!VmKOHCmMIeF9--l$57O?tuQ?@+{4kj%T`L<2j=JcXT%fgO61`2yn8xV8V**iN4L
z@~5W}4`*HIO0V+$@9Hl9z4v{e+lh|D)|-DkH<x8}67BF}F>pGdZL%SE?<Uz3oM)20
zlx5^8os^RnzkG~yVd=KIn{6^PUORklk6g6z&Byzf&a`^uM5pfN|K2hq-67fTTS9Tk
z6}RQm(=`Hf3abTfEX*#?SMgg=nLBNPK%MTwH$V6kx@xoUZexyqU-GW$=nc#N`vnYs
zZOP+TSk3%?-~N?enIFP0JPUceKk4kPF1DEDh~3Pys%-g=x7%vl-O<kA%XSaydbj3m
z@uC)%wa0Sz8lPRTKxvN0wm*DKPrfj<*Dv1j@p958{{oo;FRPDrMeBRLCQqv@*!}%$
z&g0LXcle~uzv{)um0psui9Y&vvZ?jPKsl5AEZu!f_7?6kd-NZhH7(vQRFVAP-6FH_
z4X38-a`|t1!B%mHac+#<p^VE4TSBgG)|UByz9NKu$;2g}I+%NJORby|$inQ+;C1uq
z*Xs9{pMzvSIH+yDy)|!3L_n&~r&*UjT_|R_$XTb@m2)LjRYH!-(?0lGI@hts&w3*}
zuQ2uBUin;@gR#~_xqr`$HS3MvO+O*J!bD|)ys5tS28R`2d5_eteO;==#v&QTdRTlz
z!V#?$!-ovUkNd9uV&y(|(0sGhwhNjszG%!pVfA|N;RK1JqBa78zf#pwY71r7@L$ls
z(50vGW#x+(kCe^BRvbPU<H=VLwqb$plJiL~Qy-Y=aIShH{OFw}d#VbX#jD>nT)BED
zqfcx2ba7w#bw0fCZH-XRMBxo)dTDiAxfB#L+L?Ma^c^Jrt~s}9(%tQ+#B2AipOE^f
z#UUc>WS5+p%NgP1mj=1-(*ze}o(SRHTkaU8uv5b@_xmTY4LkWv+N;$v`h`l{z3Q|(
z-??pSUsUe2ap#*US6bFhdQ~|4XSl<ncV0dpvJPijuHlXGi6~or>tSEssz*<~t-{~*
zrK*R-yjT(|ti{V9Iq`9<z`0)AtQwmxC8d4aGM7x#<SxoRm2x=V{K2D3c5^>w{AK?T
Xo&KJ=%Cwz<fq}u()z4*}Q$iB}!-<sv

literal 0
HcmV?d00001

diff --git a/templates/solid/public/icon/48.png b/templates/solid/public/icon/48.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb7a4494a5eb5d54abdf1903c6895d9fef60f55f
GIT binary patch
literal 1334
zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4mJh`hH$2z?F<YIoCO|{#S9GG!XV7ZFl&wk
z0|NtNage(c!@6@aFBupZSkfJR9T^xl_H+M9WMyDrIqm7<7*fIbHp;Q=wwb_O#;u;0
zzpt97aB0)lJEzn;ikNQyc3URiJ2fw9{(*0tYeJP(xdT5kO3imT#hGPZw9BNrX@&lI
zKQTcy=B^?SCKc7FDO*n5zrn&N<b0;)k0i&#z8m{Db(@=ik`%hev7(E?l}SSBf#sq%
z+phV^o)F|HKX7mNFXKrCOVs9GI4kNTWAp!JC9kEzX2#yrzZ3;!d~e4$q}s19*=3NP
zVzi*}=MA+(d}lbgj~<(!ea`ZXAd^vpdi{#6j9UB4Cp?hg=zV9TWYuVy{7lrKzLqb7
zdwaCK<-6Sd^>2lGR~%n9)ydY=CTp#A?F`|xIL1jy#<#@g?rGYUmUipvvBh_qES;hm
z`^D@Xd^v8Zv}n0Vv~_d|UbD;&k2~s@^?p;`(SM=4WY=qm6-vBvdC+t`tint?TC_>r
z|Nh@?Uq438ThJi%GryZ@YjzDk=Y!A!%?EDtKK>C@y1VCh(4@WQD|TmWob4KB!na*-
zNk*X8$LmiLy;+X;?WwZ5ad+mj&FKd$43<Ct;_7hd#Lvf<)-C(0-E-4PZdTr=>MuY0
zXa8V1Vm`q_uu{!o#{{0T$W^Y=wYO@gm<S|iO#Cab{M+G51?{(73JZVUTBN>y!ql?X
z6jsTcfZZ<_soOXHU+NsxT>hioGr47%O6R|3RVLM#mUWGjrsSFFZt?n&c3{&&$pgRA
zKc9T?ao-}-2wsuzY}V?%+sn?D2uD^2{E4{sT})2D#Qw+fcM}>cBp1G1A|kFdyZq%n
zuC;B;CNJw`G+nVg#cU176u((JLJnTHZk!!pT9E(p*{msXRt<X^4?X?<U48nKm5(><
z`EV<+?8o9fiQrSmZvPTwFAjOY`~I%@)3lqChng1dGgB;G)V6`a#$Z=K_TQ@$r_X5*
z+_O{e<^~px&V^rQo_f~wmLtj7jLoiA%(s?dT7qZ5ndHD5cPn{UZDg~M=6k+w7Nh+E
zp@VwGf|*)sn*`D`wGZ2Hwfs=HWYS~mplTJk^wiC(tU8>J_iD`A`f%q(2GOsR0#+~L
zJbh}Z!)!MDw^zCNV&=URlWLwDVC5NCr<L9I>7<j8?AA|nRPA`qx%Z`nu5Va;`gXzo
z1C5Ex?Wb99R%>!iIP#pQ$tmi@mdKCSznerUJ}r#9IITJT_tQz2e1vDj^xYOc9{68<
z(}YQqhYs~lFV^c!Zw+UhzU6n5`7O`ciL5)8IF%gRws&5-=uf`~MYh!kXTN{fd|79H
z+c&kd4D)KXi*6{8s$fl=CK+?!*VXFz;RjMriH6nlHNM|=efRA`^WbC!&N{<YhglQT
zbVID4zO~hxR_NgMAV=%^5{+WNKi1cEXWskA=Im+EQ!{yy58H~93Mb=Ey-X3<sp@+3
z+zGd5C$*;~G?gW{`A%9iMbh=F-<!|J?k2kZSQ(>v<Jnu$IWc=yl+@>}FFjq8)ZA9%
z<a)C1l2(P`(w!=Q`8j9&?cwoUEy3Y3?@y-jjb$@>B0aqwA5T(>fB$9C+YY6`ddX8-
zH`29w*Zwr#sln`Z@ZVc6^KEVaQv&Mci_D)0`>y;p^Ma0i!NkhbOUi%TO!a7JbnE==
zzvAGO15=m<{{OqqWf6GQ-iBwNaoBqYt|EP1rG#Zl4VSFfZrym#^Uz$gO*RWS96c&8
z{7c;xzjI9s<Gm$U53(J<xA*-<$*b0$KbY!ewe!EPWnRO;z`)??>gTe~DWM4fUC3*X

literal 0
HcmV?d00001

diff --git a/templates/solid/public/icon/96.png b/templates/solid/public/icon/96.png
new file mode 100644
index 0000000000000000000000000000000000000000..c28ad52d56fc409195f52f57c447442326d94b6b
GIT binary patch
literal 2366
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

literal 0
HcmV?d00001

diff --git a/templates/solid/public/wxt.svg b/templates/solid/public/wxt.svg
new file mode 100644
index 00000000..0e763206
--- /dev/null
+++ b/templates/solid/public/wxt.svg
@@ -0,0 +1,15 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_516)">
+<g clip-path="url(#clip1_305_516)">
+<path d="M49.0229 69.1875C54.1272 69.1875 58.265 65.0497 58.265 59.9454V50.7033H59.9454C65.0497 50.7033 69.1875 46.5655 69.1875 41.4612C69.1875 36.357 65.0497 32.2191 59.9454 32.2191H58.265V22.9771C58.265 17.8728 54.1272 13.735 49.0229 13.735H39.7809V12.0546C39.7809 6.95032 35.643 2.8125 30.5388 2.8125C25.4345 2.8125 21.2967 6.95032 21.2967 12.0546V13.735H12.0546C6.95032 13.735 2.8125 17.8728 2.8125 22.9771V32.2191H4.49288C9.59714 32.2191 13.735 36.357 13.735 41.4612C13.735 46.5655 9.59714 50.7033 4.49288 50.7033H2.8125V69.1875H21.2967V67.5071C21.2967 62.4029 25.4345 58.265 30.5388 58.265C35.643 58.265 39.7809 62.4029 39.7809 67.5071V69.1875H49.0229Z" stroke="#67D55E" stroke-width="5.625"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_305_516">
+<rect width="72" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_305_516">
+<rect width="72" height="72" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/templates/solid/tsconfig.json b/templates/solid/tsconfig.json
new file mode 100644
index 00000000..db3e3142
--- /dev/null
+++ b/templates/solid/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "./.wxt/tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
+  }
+}
diff --git a/templates/solid/wxt.config.ts b/templates/solid/wxt.config.ts
new file mode 100644
index 00000000..ec2694b5
--- /dev/null
+++ b/templates/solid/wxt.config.ts
@@ -0,0 +1,21 @@
+import { defineConfig } from 'wxt';
+import Solid from 'vite-plugin-solid';
+
+// See https://wxt.dev/config.html
+export default defineConfig({
+  manifest: {
+    icons: {
+      '16': 'icon/16.png',
+      '32': 'icon/32.png',
+      '48': 'icon/48.png',
+      '96': 'icon/96.png',
+      '128': 'icon/128.png',
+    },
+  },
+  vite: {
+    build: {
+      target: 'esnext',
+    },
+    plugins: [Solid()],
+  },
+});