From a5da63b090f07ef3664d4cdf2b5cc56a27a6e629 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 01:35:34 +0200 Subject: [PATCH 01/37] feat(create-vite): add solid javascript template --- packages/create-vite/solid-js/README.md | 34 ++++++++++++++++++ packages/create-vite/solid-js/_gitignore | 2 ++ packages/create-vite/solid-js/index.html | 16 +++++++++ packages/create-vite/solid-js/jsconfig.json | 15 ++++++++ packages/create-vite/solid-js/package.json | 19 ++++++++++ packages/create-vite/solid-js/src/App.jsx | 25 +++++++++++++ .../create-vite/solid-js/src/App.module.css | 33 +++++++++++++++++ .../solid-js/src/assets/favicon.ico | Bin 0 -> 15086 bytes packages/create-vite/solid-js/src/index.css | 13 +++++++ packages/create-vite/solid-js/src/index.jsx | 15 ++++++++ packages/create-vite/solid-js/src/logo.svg | 1 + packages/create-vite/solid-js/vite.config.js | 12 +++++++ 12 files changed, 185 insertions(+) create mode 100644 packages/create-vite/solid-js/README.md create mode 100644 packages/create-vite/solid-js/_gitignore create mode 100644 packages/create-vite/solid-js/index.html create mode 100644 packages/create-vite/solid-js/jsconfig.json create mode 100644 packages/create-vite/solid-js/package.json create mode 100644 packages/create-vite/solid-js/src/App.jsx create mode 100644 packages/create-vite/solid-js/src/App.module.css create mode 100644 packages/create-vite/solid-js/src/assets/favicon.ico create mode 100644 packages/create-vite/solid-js/src/index.css create mode 100644 packages/create-vite/solid-js/src/index.jsx create mode 100644 packages/create-vite/solid-js/src/logo.svg create mode 100644 packages/create-vite/solid-js/vite.config.js diff --git a/packages/create-vite/solid-js/README.md b/packages/create-vite/solid-js/README.md new file mode 100644 index 00000000000000..434f7bb9df876d --- /dev/null +++ b/packages/create-vite/solid-js/README.md @@ -0,0 +1,34 @@ +## Usage + +Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`. + +This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template. + +```bash +$ npm install # or pnpm install or yarn install +``` + +### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) + +## Available Scripts + +In the project directory, you can run: + +### `npm dev` or `npm start` + +Runs the app in the development mode.
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.
+ +### `npm run build` + +Builds the app for production to the `dist` folder.
+It correctly bundles Solid in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.
+Your app is ready to be deployed! + +## Deployment + +You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.) diff --git a/packages/create-vite/solid-js/_gitignore b/packages/create-vite/solid-js/_gitignore new file mode 100644 index 00000000000000..f06235c460c2de --- /dev/null +++ b/packages/create-vite/solid-js/_gitignore @@ -0,0 +1,2 @@ +node_modules +dist diff --git a/packages/create-vite/solid-js/index.html b/packages/create-vite/solid-js/index.html new file mode 100644 index 00000000000000..59e149c4c3ce41 --- /dev/null +++ b/packages/create-vite/solid-js/index.html @@ -0,0 +1,16 @@ + + + + + + + + Solid App + + + +
+ + + + diff --git a/packages/create-vite/solid-js/jsconfig.json b/packages/create-vite/solid-js/jsconfig.json new file mode 100644 index 00000000000000..249b2732a748e3 --- /dev/null +++ b/packages/create-vite/solid-js/jsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "strict": true, + "target": "ESNext", + "module": "ESNext", + "moduleResolution": "node", + "allowSyntheticDefaultImports": true, + "esModuleInterop": true, + "jsx": "preserve", + "jsxImportSource": "solid-js", + "types": ["vite/client"], + "noEmit": true, + "isolatedModules": true + } +} diff --git a/packages/create-vite/solid-js/package.json b/packages/create-vite/solid-js/package.json new file mode 100644 index 00000000000000..baa7ee742b26e9 --- /dev/null +++ b/packages/create-vite/solid-js/package.json @@ -0,0 +1,19 @@ +{ + "name": "vite-template-solid", + "version": "0.0.0", + "description": "", + "scripts": { + "start": "vite", + "dev": "vite", + "build": "vite build", + "serve": "vite preview" + }, + "license": "MIT", + "devDependencies": { + "vite": "^4.1.1", + "vite-plugin-solid": "^2.5.0" + }, + "dependencies": { + "solid-js": "^1.6.10" + } +} diff --git a/packages/create-vite/solid-js/src/App.jsx b/packages/create-vite/solid-js/src/App.jsx new file mode 100644 index 00000000000000..367c809433a6f8 --- /dev/null +++ b/packages/create-vite/solid-js/src/App.jsx @@ -0,0 +1,25 @@ +import logo from './logo.svg' +import styles from './App.module.css' + +function App() { + return ( +
+
+ logo +

+ Edit src/App.jsx and save to reload. +

+ + Learn Solid + +
+
+ ) +} + +export default App diff --git a/packages/create-vite/solid-js/src/App.module.css b/packages/create-vite/solid-js/src/App.module.css new file mode 100644 index 00000000000000..48308b24a8402d --- /dev/null +++ b/packages/create-vite/solid-js/src/App.module.css @@ -0,0 +1,33 @@ +.App { + text-align: center; +} + +.logo { + animation: logo-spin infinite 20s linear; + height: 40vmin; + pointer-events: none; +} + +.header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.link { + color: #b318f0; +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/packages/create-vite/solid-js/src/assets/favicon.ico b/packages/create-vite/solid-js/src/assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..b836b2bccac650e0e7d90514083add91d2c027ff GIT binary patch literal 15086 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 WLaxim%Fn{v*G , root) diff --git a/packages/create-vite/solid-js/src/logo.svg b/packages/create-vite/solid-js/src/logo.svg new file mode 100644 index 00000000000000..025aa303c5e3a9 --- /dev/null +++ b/packages/create-vite/solid-js/src/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/create-vite/solid-js/vite.config.js b/packages/create-vite/solid-js/vite.config.js new file mode 100644 index 00000000000000..22b9712d9247ba --- /dev/null +++ b/packages/create-vite/solid-js/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite' +import solidPlugin from 'vite-plugin-solid' + +export default defineConfig({ + plugins: [solidPlugin()], + server: { + port: 3000, + }, + build: { + target: 'esnext', + }, +}) From 62da49843422d62c255d88ce8254c20510186cee Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 01:36:09 +0200 Subject: [PATCH 02/37] feat(create-vite): add solid typescript template --- packages/create-vite/solid-ts/README.md | 34 ++++++++++++++++++ packages/create-vite/solid-ts/_gitignore | 2 ++ packages/create-vite/solid-ts/index.html | 16 +++++++++ packages/create-vite/solid-ts/package.json | 20 +++++++++++ .../create-vite/solid-ts/src/App.module.css | 33 +++++++++++++++++ packages/create-vite/solid-ts/src/App.tsx | 27 ++++++++++++++ .../solid-ts/src/assets/favicon.ico | Bin 0 -> 15086 bytes packages/create-vite/solid-ts/src/index.css | 13 +++++++ packages/create-vite/solid-ts/src/index.tsx | 15 ++++++++ packages/create-vite/solid-ts/src/logo.svg | 1 + packages/create-vite/solid-ts/tsconfig.json | 15 ++++++++ packages/create-vite/solid-ts/vite.config.ts | 12 +++++++ 12 files changed, 188 insertions(+) create mode 100644 packages/create-vite/solid-ts/README.md create mode 100644 packages/create-vite/solid-ts/_gitignore create mode 100644 packages/create-vite/solid-ts/index.html create mode 100644 packages/create-vite/solid-ts/package.json create mode 100644 packages/create-vite/solid-ts/src/App.module.css create mode 100644 packages/create-vite/solid-ts/src/App.tsx create mode 100644 packages/create-vite/solid-ts/src/assets/favicon.ico create mode 100644 packages/create-vite/solid-ts/src/index.css create mode 100644 packages/create-vite/solid-ts/src/index.tsx create mode 100644 packages/create-vite/solid-ts/src/logo.svg create mode 100644 packages/create-vite/solid-ts/tsconfig.json create mode 100644 packages/create-vite/solid-ts/vite.config.ts diff --git a/packages/create-vite/solid-ts/README.md b/packages/create-vite/solid-ts/README.md new file mode 100644 index 00000000000000..434f7bb9df876d --- /dev/null +++ b/packages/create-vite/solid-ts/README.md @@ -0,0 +1,34 @@ +## Usage + +Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`. + +This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template. + +```bash +$ npm install # or pnpm install or yarn install +``` + +### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs) + +## Available Scripts + +In the project directory, you can run: + +### `npm dev` or `npm start` + +Runs the app in the development mode.
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.
+ +### `npm run build` + +Builds the app for production to the `dist` folder.
+It correctly bundles Solid in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.
+Your app is ready to be deployed! + +## Deployment + +You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.) diff --git a/packages/create-vite/solid-ts/_gitignore b/packages/create-vite/solid-ts/_gitignore new file mode 100644 index 00000000000000..76add878f8dd77 --- /dev/null +++ b/packages/create-vite/solid-ts/_gitignore @@ -0,0 +1,2 @@ +node_modules +dist \ No newline at end of file diff --git a/packages/create-vite/solid-ts/index.html b/packages/create-vite/solid-ts/index.html new file mode 100644 index 00000000000000..48c59fc1242d34 --- /dev/null +++ b/packages/create-vite/solid-ts/index.html @@ -0,0 +1,16 @@ + + + + + + + + Solid App + + + +
+ + + + diff --git a/packages/create-vite/solid-ts/package.json b/packages/create-vite/solid-ts/package.json new file mode 100644 index 00000000000000..2162010769ac79 --- /dev/null +++ b/packages/create-vite/solid-ts/package.json @@ -0,0 +1,20 @@ +{ + "name": "vite-template-solid", + "version": "0.0.0", + "description": "", + "scripts": { + "start": "vite", + "dev": "vite", + "build": "vite build", + "serve": "vite preview" + }, + "license": "MIT", + "devDependencies": { + "typescript": "^4.9.5", + "vite": "^4.1.1", + "vite-plugin-solid": "^2.5.0" + }, + "dependencies": { + "solid-js": "^1.6.10" + } +} diff --git a/packages/create-vite/solid-ts/src/App.module.css b/packages/create-vite/solid-ts/src/App.module.css new file mode 100644 index 00000000000000..48308b24a8402d --- /dev/null +++ b/packages/create-vite/solid-ts/src/App.module.css @@ -0,0 +1,33 @@ +.App { + text-align: center; +} + +.logo { + animation: logo-spin infinite 20s linear; + height: 40vmin; + pointer-events: none; +} + +.header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.link { + color: #b318f0; +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/packages/create-vite/solid-ts/src/App.tsx b/packages/create-vite/solid-ts/src/App.tsx new file mode 100644 index 00000000000000..12091ea82c35c1 --- /dev/null +++ b/packages/create-vite/solid-ts/src/App.tsx @@ -0,0 +1,27 @@ +import type { Component } from 'solid-js' + +import logo from './logo.svg' +import styles from './App.module.css' + +const App: Component = () => { + return ( +
+
+ logo +

+ Edit src/App.tsx and save to reload. +

+ + Learn Solid + +
+
+ ) +} + +export default App diff --git a/packages/create-vite/solid-ts/src/assets/favicon.ico b/packages/create-vite/solid-ts/src/assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..b836b2bccac650e0e7d90514083add91d2c027ff GIT binary patch literal 15086 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 WLaxim%Fn{v*G , root!) diff --git a/packages/create-vite/solid-ts/src/logo.svg b/packages/create-vite/solid-ts/src/logo.svg new file mode 100644 index 00000000000000..025aa303c5e3a9 --- /dev/null +++ b/packages/create-vite/solid-ts/src/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/create-vite/solid-ts/tsconfig.json b/packages/create-vite/solid-ts/tsconfig.json new file mode 100644 index 00000000000000..249b2732a748e3 --- /dev/null +++ b/packages/create-vite/solid-ts/tsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "strict": true, + "target": "ESNext", + "module": "ESNext", + "moduleResolution": "node", + "allowSyntheticDefaultImports": true, + "esModuleInterop": true, + "jsx": "preserve", + "jsxImportSource": "solid-js", + "types": ["vite/client"], + "noEmit": true, + "isolatedModules": true + } +} diff --git a/packages/create-vite/solid-ts/vite.config.ts b/packages/create-vite/solid-ts/vite.config.ts new file mode 100644 index 00000000000000..22b9712d9247ba --- /dev/null +++ b/packages/create-vite/solid-ts/vite.config.ts @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite' +import solidPlugin from 'vite-plugin-solid' + +export default defineConfig({ + plugins: [solidPlugin()], + server: { + port: 3000, + }, + build: { + target: 'esnext', + }, +}) From f07f7883a2a53deac691328610b24746ad45c2f9 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 01:37:27 +0200 Subject: [PATCH 03/37] feat(create-vite): add the solid framework to frameworks list --- packages/create-vite/src/index.ts | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/packages/create-vite/src/index.ts b/packages/create-vite/src/index.ts index f3caf4d6902550..97ceb476e62f4b 100755 --- a/packages/create-vite/src/index.ts +++ b/packages/create-vite/src/index.ts @@ -169,6 +169,23 @@ const FRAMEWORKS: Framework[] = [ }, ], }, + { + name: 'solid', + display: 'Solid', + color: blue, + variants: [ + { + name: 'solid', + display: 'JavaScript', + color: yellow, + }, + { + name: 'solid-ts', + display: 'TypeScript', + color: blue, + }, + ], + }, { name: 'others', display: 'Others', From b925aff9e91bc8b105b3bfa957f7e4bbd0466f45 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 02:38:15 +0200 Subject: [PATCH 04/37] fix(solid template): start following the style of vite projects --- packages/create-vite/solid-js/index.html | 4 +- packages/create-vite/solid-js/public/vite.svg | 1 + packages/create-vite/solid-js/src/App.jsx | 39 ++++++---- .../create-vite/solid-js/src/App.module.css | 43 ++++++----- .../solid-js/src/assets/favicon.ico | Bin 15086 -> 0 bytes .../src/{logo.svg => assets/solid.svg} | 0 packages/create-vite/solid-js/src/index.css | 72 ++++++++++++++++-- packages/create-vite/solid-ts/index.html | 4 +- packages/create-vite/solid-ts/public/vite.svg | 1 + .../create-vite/solid-ts/src/App.module.css | 43 ++++++----- packages/create-vite/solid-ts/src/App.tsx | 41 +++++----- .../solid-ts/src/assets/favicon.ico | Bin 15086 -> 0 bytes .../src/{logo.svg => assets/solid.svg} | 0 packages/create-vite/solid-ts/src/index.css | 72 ++++++++++++++++-- 14 files changed, 234 insertions(+), 86 deletions(-) create mode 100644 packages/create-vite/solid-js/public/vite.svg delete mode 100644 packages/create-vite/solid-js/src/assets/favicon.ico rename packages/create-vite/solid-js/src/{logo.svg => assets/solid.svg} (100%) create mode 100644 packages/create-vite/solid-ts/public/vite.svg delete mode 100644 packages/create-vite/solid-ts/src/assets/favicon.ico rename packages/create-vite/solid-ts/src/{logo.svg => assets/solid.svg} (100%) diff --git a/packages/create-vite/solid-js/index.html b/packages/create-vite/solid-js/index.html index 59e149c4c3ce41..e69e81e8b286d0 100644 --- a/packages/create-vite/solid-js/index.html +++ b/packages/create-vite/solid-js/index.html @@ -4,8 +4,8 @@ - - Solid App + + Vite + Solid diff --git a/packages/create-vite/solid-js/public/vite.svg b/packages/create-vite/solid-js/public/vite.svg new file mode 100644 index 00000000000000..e7b8dfb1b2a60b --- /dev/null +++ b/packages/create-vite/solid-js/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/create-vite/solid-js/src/App.jsx b/packages/create-vite/solid-js/src/App.jsx index 367c809433a6f8..ecedb1e2ed11fe 100644 --- a/packages/create-vite/solid-js/src/App.jsx +++ b/packages/create-vite/solid-js/src/App.jsx @@ -1,23 +1,32 @@ -import logo from './logo.svg' -import styles from './App.module.css' +import { useSignal } from 'solid-js' +import solidLogo from './assets/solid.svg' +import './App/module.css' function App() { + const [count, setCount] = useSignal(0) + return ( -
-
- logo +
+ +

Vite + Solid

+
+

- Edit src/App.jsx and save to reload. + Edit src/App.jsx and save to test HMR

- - Learn Solid - -
+
+

+ Click on the Vite and React logos to learn more +

) } diff --git a/packages/create-vite/solid-js/src/App.module.css b/packages/create-vite/solid-js/src/App.module.css index 48308b24a8402d..b9d355df2a5956 100644 --- a/packages/create-vite/solid-js/src/App.module.css +++ b/packages/create-vite/solid-js/src/App.module.css @@ -1,26 +1,21 @@ -.App { +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; text-align: center; } .logo { - animation: logo-spin infinite 20s linear; - height: 40vmin; - pointer-events: none; + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; } - -.header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); } - -.link { - color: #b318f0; +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); } @keyframes logo-spin { @@ -31,3 +26,17 @@ transform: rotate(360deg); } } + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} diff --git a/packages/create-vite/solid-js/src/assets/favicon.ico b/packages/create-vite/solid-js/src/assets/favicon.ico deleted file mode 100644 index b836b2bccac650e0e7d90514083add91d2c027ff..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15086 zcmeI32Y6Lgw#RQo0Y@EtmA&@a z>%VX~JRB7qO`13ut2?&Tb~rp84oCIs=KCidj&pqWB%^#k=3$2;oFCNVH(cTvg2?Ck zua+_V>;M1%EHI;OjS4~SYCbiyeXWK_$5|a}^+(18cdR{rcBk6ILps&z9{OsXW^?@N zKE>$q&tL)YJ|5J*W^?dPL^gr^&;nW zso#2j*ZLKIX+474)p`W1FCqa*I(V-kh2T{d-Vlwqj>6Uoyeh17Jq2bpw@W<*ZZ)rK zeKo&ZgYOr-)?mfL?hT*&C3FDe6G#^%3dz;>)tKujjTg*<7aMELcjK+EBDytDU`84$ zaI4534b`I8Ux-`UtI^M<12}(;^hFY9cdY$)ZDX;o5fe@u3tlH?u`eQcBQ)LyPP~yl zUJ%S`F|wp*BekSgBek+ml_F zEBZ86EBiJP?CMW{Y^t`5XpxlqPCIt7^8XRL&my5nuB^NJiU}RZcgKWfW3lgYC*H;y z@2Y-a?$=bU2KNVViZoN(N4LDS_bs2{hx4lZ7+D;|B-4-ACs`$5jmh746Q^6e_c8~Jzjt+UELmaWVXW}bbc8_nP zwxZ8E<`;Y3Z%kNtEgM^SHw^bu88bM;zBTwFl;P%MKN*`fwI zd{q=j##+FaI*!CPS_ga}I;5aO+Kg8U zgS;0VGG})&eyepTHIBYvJ-f9Z$eKZi@#t{dilaD}IP%r&OxByMy%f_AVn?xO2DtZ! zbWsQ9bkkS`vtU0m|8=d$!SL7gciIP9hhlN0*Mc*SF0!6$xU-H;{J)7F<(+n4aU?nr zKN3f2#B&BZNNfl`tpj*19qc}k@9v5t=UV8XV|3rtcAw+#-@1$6)S(MLIEN1k>^Zf} zIAVTTlM+J`9}*{m^AI{n3|T%XJ&t58*z(c4?LT0?a-B7!M|f3;9_d{Z9}J2a(`sYv zxYlQhqucT93sz2*d|g%?i4F(QL1NzWfu+OUam1Rj=cB-m*T{3e<*|M7Yw*Ft_@FBI z2ggtGJu7>pi0n0@gU(0A;z-uQ1H@4QF*zUnj}*sJ-uFo}{U1-9;Wrogdm?d?NWM!X z2km1YkbOsTx6ViAS|}-w#OBU8vgIT3ku4wnNG@1G991bV*5cPC2l-V@3i6wW+)fVi zSIO8mMTC5=M{wF^AUa#-yD*CBBE#Bkp(?JJ+h$JyrT=u! z``;b}J2)Q!?`FX)c+-LnyiUxrmx}+9{gM-r17V1~4(+D*FrACguP7g}CrCbuU{8>J z0Rc18OC4F*OMzQ~Tja*k$TyCj{BX$3?AZ67Dvus%v%6G9&brvy#H^nM?3l5w*ij4n zmgF3rk*BLuI3`KT*qb!^caT0ULUSADs5q&gox_0EMofdS>gPh7l&d|zZ^!_Hz~ zZRfHuo3=eHcDCU)Y>b@^8#5YsowyhGQJ=3Ktp0P`WOZTBbYvP5m~|m8@I`lZz{XAY z&*^&285iI^V6*YT;&v_*vokK#QPal97WGlb!278wCsqznXQIZd?6_&_;@%nRLj3!7 z9oA;Y23B%M2WY#;Wr%;7*u{1Zn&i z1%JHL2YK0Xfj!*8pE29t0~<%W#B!N7wy!^1Tv#?X@oL;l!M$pLI<;Y(#(gOG!DFp1Z)unyl-)G`4*#~##d&zO&WklyD?WT~3};gkS3*_)GTz__OeVTWk4B+T7n}$Ir|-v-vIc z*`Edzv;CZTPUCmR2Wt^~|8-eEbz((-b@IcZ#Pv8Zzo#w;=G3_=CvBd}VYK6S(+Bu1 zU>)Mt`8X#ftVd2t_>D_RVJbU5Sbe)QP<_4SZFMSY5-~hMo!U5&n3$}-**;aB+s(S$ z8v@38>Pq@TbtMByUjX*`PW;@yN( z*?R)Zb*2#=xQ7Qm2-iL!9>l&^#pZ(lP>~M|``dJ|`ykCNANgUFxD2e;S@j^Kl#;C~=qpg4YcPu?4vlREFFtjW@SAoefj16j*@9hd5Z zo2-LO_Jd*U2jx1umxQfA#7c@>*%<-V_j|0lP1 zas2Y0IUggJPsX0-@Ihh8>%jCurY#p4J}Asdi})M*r?Qp;utj6=yH#r|36r~@F{cOk z>s-lP6p(vhNd|fJDr@;B;~kw_4=gRjH@C^9dFXfvUmYcHt>K!{Iq4Bi!T*@MbN*bv z2j>&uZUFucjD5gAh`nF{pLYj;EAZF4k{MZr{p_Ki3&X$e`^#ED=|6|#?lHZBQhZ)0 z-yzo>j#)CMI~+bT0#n8U#%hdwt;a0JD!fm(jg`#z6&U4vYxFR$vqrgTKHtkI_qC6} z(C<|+{Y-o>c=VWM+)r@HJTmIf`JH1H?`8Bc$7<$CWl4W-jqHkYokPYfMwlx-vdhan zG*B6%d@lgyIvM4@0#xxI07WkuMSsNv+FmNluwyB9mOicOh%e&o(|VFO|A+qqU#adP zy*>2D)S%a-CE`!-MpybEeCR2tO;5q2Kec+(eQS6GwXgLwb9O@(G3S1IMlLdM9`pXl zytkP5A7TFWF2k?ygd%&D@3bUxb~D zc-^ghjxB2>AtZ<@@miJz$Sv&*8{vmtG&U z&&Q=-#@TyfarX3^z2Jul_c)Yb zQ^GI*un}2}w_bbZ=TZVZ4ZtGCb^bK&uAJP}GoPHYJza;%Y zyms2OFFIPi6VmG;Js!x%W}k<_H5**M@U(HlD+=HGmQOqw$~=?7&-aKO)9MCXjEaUI z-3s>g^e|Ywym0f<4`bKSKA-eDSe*7Iu8o6N6)xG}-F@@HFt98e>>lY|8Gd@R@L9r5 z3lFrHd+dQriG~;20`DvL7jE6+{|!#s;{3hTrco`_jtQ;RKIYZjukeL%ktXMSlzTo? zCWcYoE#RbbW5*R?kZUatClMYe9*%hzyt(klTTL!`2Y6$IyM-T-8oh9A!g*@mfop_A z!4G%fg~paO|IT4v55en22)7!?{iRPrxFq5I1%vRZX`07_7lj89E?9U0iwBlEp45J& zrmlGcxMSfji~P`bJ-U^7zJ=ed35L_sYZ6C)hV%$X?~3NKu&dlp_!G^A%G}In@o!SM zms+UQ&NYV)ALHVOciMeamj2dvaD#pE!(p)gp!*ceI2JofKZn7K8(gO5V&N1l3^E?% zy?n0yAiSUOKLH(XW5Y6I(3)RHVzCO`WJ`Fxu=vTo*CZA-KaU@De}U--&Eui3@Q|Xv z#k-W?hXgRVwI3wU>RdT7$S(|DE=bO#cjQ zKqt9-fACVHkROFhE8=*FZHaFi4<&ZCczstt7<>t}*~9P(CeiN%$mL2gdwxM(`R(biLiISugBeNG&q=%QYjmXU7KAycYs^ zm3m07^jTQ^l?$h$xe0^+xvTbU<9w|8t<><(Y=V1;4G_L$CG|bJ`Ah$U6RCsb=s9hi zh{ZP= zc>(*JMs3~F(OILW#(SLluAX-{^IA1?C+DI$qr`jFIFBvv+XepV2jQqRpH_lh?Q=?9 zS-7dwQ4>^F?E6ODTWa@Guhcbfi*wL6kUH!5vTVRL6~Ec`_S!H0Jd&FAo0>~<*0ZIK zz0_96-Y{OB-4%$gA!hB=wf0_$4Zg+(FO-ELCpEk&HN}e;5<=AZ*qQ3vUDK(T2Qt?* z{r*BiD0OD)rPQrNq;BV|pC`{T_zR1>uyIH5Mg`PrlbOF!S@X+x)IoyfzPhF?wamjS zjd~`vO{q;ujm@P7uItA|^>2$mvDx4Pwbp6Oe_u5;>Q;Y1rxT(db(o@>wytAa^HT?= zc0}E!EF1hc^~R5=mo~l_KfTO-u((aAOAo>ZH$_+KCng5;cd4aY^+WN2)X*&(gnow& z)=~3pjSb4xw}A~RbI&kraN|C0kdMtyf;*gRU!v|;u6gZtK%Yv?-<3Gnh7Gc)Y3ET# z%Etyb`RqEjIZqs<@|y^3)djpybB$Yew$E4EYv!rQyw#~?c{6sTj@6DhY|iIZslolK zwCny^KR4<#{6DLTQdAlWsB&CKvM4nK8!{`MiU;DuXCl=oT~y2GH6;m=St67xsvwn2 zslaC}eShOjdx~>c5dQ|^acd6y$hq{XP`^5pI4_>$ ztXLpt@A=*8s|ED>%fJ1Qa}(#KTbzp~*sqh<%X&6?h5M&*#w(C>y7Ym|*;W3%g`8RC zY_*y*&PM~9scoZMo=TkJ>(XCHA9?>xLp}4>(o--0F2FjA$(cxcs^vT+J;_@+tL)`G zkTBUdY{yVfXZ**FZuu+DSexaUb`Q_AF_Vm*R5{y-NPlV^&-(h@z_T9Dn-_WhcgfE@ zn|t$Yo-5Dg(zC03nxwyybB8?t$n&>656ZJ4eOm>b9eUgCuxq$i1)goY^IW@~XWD$} zv6JUx>CLpBVddFXdU$!(|C;aX+OL<_nR8$BpzkUud4}KZ6wU&vW{;}OE6-md+@la# z#WUD*XEu&;+CZ+S-{yJb8+o2HdOxh*8l$Ji>YZVK%|E?i>=*3QF8$hE^DKQLr>tia zqkqMC&XfIFIQ;)uGm<^>U9-nyS~UBdOV8P7s|HO!zG6V3)njpdxxq)Dj+)4`63-5@ zXG*^UeG2TA`8+SV#M7mu&}Z4}k7cv}id;-&zfUFa%l;$$HG8kzgZ<_XeHusD>$-~W z_CNCDo8+v2Xnqi`meW?dF!{OjbMF<{P`UD{3UW|Gq{d_=bk0*6(lD|z7KWYY7R#*)(qxJUL+mK WLaxim%Fn{v*G - - Solid App + + Vite + Solid + TS diff --git a/packages/create-vite/solid-ts/public/vite.svg b/packages/create-vite/solid-ts/public/vite.svg new file mode 100644 index 00000000000000..e7b8dfb1b2a60b --- /dev/null +++ b/packages/create-vite/solid-ts/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/create-vite/solid-ts/src/App.module.css b/packages/create-vite/solid-ts/src/App.module.css index 48308b24a8402d..b9d355df2a5956 100644 --- a/packages/create-vite/solid-ts/src/App.module.css +++ b/packages/create-vite/solid-ts/src/App.module.css @@ -1,26 +1,21 @@ -.App { +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; text-align: center; } .logo { - animation: logo-spin infinite 20s linear; - height: 40vmin; - pointer-events: none; + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; } - -.header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); } - -.link { - color: #b318f0; +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); } @keyframes logo-spin { @@ -31,3 +26,17 @@ transform: rotate(360deg); } } + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} diff --git a/packages/create-vite/solid-ts/src/App.tsx b/packages/create-vite/solid-ts/src/App.tsx index 12091ea82c35c1..ecedb1e2ed11fe 100644 --- a/packages/create-vite/solid-ts/src/App.tsx +++ b/packages/create-vite/solid-ts/src/App.tsx @@ -1,25 +1,32 @@ -import type { Component } from 'solid-js' +import { useSignal } from 'solid-js' +import solidLogo from './assets/solid.svg' +import './App/module.css' -import logo from './logo.svg' -import styles from './App.module.css' +function App() { + const [count, setCount] = useSignal(0) -const App: Component = () => { return ( -
-
- logo +
+ +

Vite + Solid

+
+

- Edit src/App.tsx and save to reload. + Edit src/App.jsx and save to test HMR

- - Learn Solid - -
+
+

+ Click on the Vite and React logos to learn more +

) } diff --git a/packages/create-vite/solid-ts/src/assets/favicon.ico b/packages/create-vite/solid-ts/src/assets/favicon.ico deleted file mode 100644 index b836b2bccac650e0e7d90514083add91d2c027ff..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15086 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 WLaxim%Fn{v*G Date: Wed, 1 Mar 2023 18:41:02 +0200 Subject: [PATCH 05/37] fix(solid templates): add "template" to the name of the directory This should fix the tests --- packages/create-vite/{solid-js => template-solid-js}/README.md | 0 packages/create-vite/{solid-js => template-solid-js}/_gitignore | 0 packages/create-vite/{solid-js => template-solid-js}/index.html | 0 .../create-vite/{solid-js => template-solid-js}/jsconfig.json | 0 packages/create-vite/{solid-js => template-solid-js}/package.json | 0 .../create-vite/{solid-js => template-solid-js}/public/vite.svg | 0 packages/create-vite/{solid-js => template-solid-js}/src/App.jsx | 0 .../{solid-js => template-solid-js}/src/App.module.css | 0 .../{solid-js => template-solid-js}/src/assets/solid.svg | 0 .../create-vite/{solid-js => template-solid-js}/src/index.css | 0 .../create-vite/{solid-js => template-solid-js}/src/index.jsx | 0 .../create-vite/{solid-js => template-solid-js}/vite.config.js | 0 packages/create-vite/{solid-ts => template-solid-ts}/README.md | 0 packages/create-vite/{solid-ts => template-solid-ts}/_gitignore | 0 packages/create-vite/{solid-ts => template-solid-ts}/index.html | 0 packages/create-vite/{solid-ts => template-solid-ts}/package.json | 0 .../create-vite/{solid-ts => template-solid-ts}/public/vite.svg | 0 .../{solid-ts => template-solid-ts}/src/App.module.css | 0 packages/create-vite/{solid-ts => template-solid-ts}/src/App.tsx | 0 .../{solid-ts => template-solid-ts}/src/assets/solid.svg | 0 .../create-vite/{solid-ts => template-solid-ts}/src/index.css | 0 .../create-vite/{solid-ts => template-solid-ts}/src/index.tsx | 0 .../create-vite/{solid-ts => template-solid-ts}/tsconfig.json | 0 .../create-vite/{solid-ts => template-solid-ts}/vite.config.ts | 0 24 files changed, 0 insertions(+), 0 deletions(-) rename packages/create-vite/{solid-js => template-solid-js}/README.md (100%) rename packages/create-vite/{solid-js => template-solid-js}/_gitignore (100%) rename packages/create-vite/{solid-js => template-solid-js}/index.html (100%) rename packages/create-vite/{solid-js => template-solid-js}/jsconfig.json (100%) rename packages/create-vite/{solid-js => template-solid-js}/package.json (100%) rename packages/create-vite/{solid-js => template-solid-js}/public/vite.svg (100%) rename packages/create-vite/{solid-js => template-solid-js}/src/App.jsx (100%) rename packages/create-vite/{solid-js => template-solid-js}/src/App.module.css (100%) rename packages/create-vite/{solid-js => template-solid-js}/src/assets/solid.svg (100%) rename packages/create-vite/{solid-js => template-solid-js}/src/index.css (100%) rename packages/create-vite/{solid-js => template-solid-js}/src/index.jsx (100%) rename packages/create-vite/{solid-js => template-solid-js}/vite.config.js (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/README.md (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/_gitignore (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/index.html (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/package.json (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/public/vite.svg (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/src/App.module.css (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/src/App.tsx (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/src/assets/solid.svg (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/src/index.css (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/src/index.tsx (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/tsconfig.json (100%) rename packages/create-vite/{solid-ts => template-solid-ts}/vite.config.ts (100%) diff --git a/packages/create-vite/solid-js/README.md b/packages/create-vite/template-solid-js/README.md similarity index 100% rename from packages/create-vite/solid-js/README.md rename to packages/create-vite/template-solid-js/README.md diff --git a/packages/create-vite/solid-js/_gitignore b/packages/create-vite/template-solid-js/_gitignore similarity index 100% rename from packages/create-vite/solid-js/_gitignore rename to packages/create-vite/template-solid-js/_gitignore diff --git a/packages/create-vite/solid-js/index.html b/packages/create-vite/template-solid-js/index.html similarity index 100% rename from packages/create-vite/solid-js/index.html rename to packages/create-vite/template-solid-js/index.html diff --git a/packages/create-vite/solid-js/jsconfig.json b/packages/create-vite/template-solid-js/jsconfig.json similarity index 100% rename from packages/create-vite/solid-js/jsconfig.json rename to packages/create-vite/template-solid-js/jsconfig.json diff --git a/packages/create-vite/solid-js/package.json b/packages/create-vite/template-solid-js/package.json similarity index 100% rename from packages/create-vite/solid-js/package.json rename to packages/create-vite/template-solid-js/package.json diff --git a/packages/create-vite/solid-js/public/vite.svg b/packages/create-vite/template-solid-js/public/vite.svg similarity index 100% rename from packages/create-vite/solid-js/public/vite.svg rename to packages/create-vite/template-solid-js/public/vite.svg diff --git a/packages/create-vite/solid-js/src/App.jsx b/packages/create-vite/template-solid-js/src/App.jsx similarity index 100% rename from packages/create-vite/solid-js/src/App.jsx rename to packages/create-vite/template-solid-js/src/App.jsx diff --git a/packages/create-vite/solid-js/src/App.module.css b/packages/create-vite/template-solid-js/src/App.module.css similarity index 100% rename from packages/create-vite/solid-js/src/App.module.css rename to packages/create-vite/template-solid-js/src/App.module.css diff --git a/packages/create-vite/solid-js/src/assets/solid.svg b/packages/create-vite/template-solid-js/src/assets/solid.svg similarity index 100% rename from packages/create-vite/solid-js/src/assets/solid.svg rename to packages/create-vite/template-solid-js/src/assets/solid.svg diff --git a/packages/create-vite/solid-js/src/index.css b/packages/create-vite/template-solid-js/src/index.css similarity index 100% rename from packages/create-vite/solid-js/src/index.css rename to packages/create-vite/template-solid-js/src/index.css diff --git a/packages/create-vite/solid-js/src/index.jsx b/packages/create-vite/template-solid-js/src/index.jsx similarity index 100% rename from packages/create-vite/solid-js/src/index.jsx rename to packages/create-vite/template-solid-js/src/index.jsx diff --git a/packages/create-vite/solid-js/vite.config.js b/packages/create-vite/template-solid-js/vite.config.js similarity index 100% rename from packages/create-vite/solid-js/vite.config.js rename to packages/create-vite/template-solid-js/vite.config.js diff --git a/packages/create-vite/solid-ts/README.md b/packages/create-vite/template-solid-ts/README.md similarity index 100% rename from packages/create-vite/solid-ts/README.md rename to packages/create-vite/template-solid-ts/README.md diff --git a/packages/create-vite/solid-ts/_gitignore b/packages/create-vite/template-solid-ts/_gitignore similarity index 100% rename from packages/create-vite/solid-ts/_gitignore rename to packages/create-vite/template-solid-ts/_gitignore diff --git a/packages/create-vite/solid-ts/index.html b/packages/create-vite/template-solid-ts/index.html similarity index 100% rename from packages/create-vite/solid-ts/index.html rename to packages/create-vite/template-solid-ts/index.html diff --git a/packages/create-vite/solid-ts/package.json b/packages/create-vite/template-solid-ts/package.json similarity index 100% rename from packages/create-vite/solid-ts/package.json rename to packages/create-vite/template-solid-ts/package.json diff --git a/packages/create-vite/solid-ts/public/vite.svg b/packages/create-vite/template-solid-ts/public/vite.svg similarity index 100% rename from packages/create-vite/solid-ts/public/vite.svg rename to packages/create-vite/template-solid-ts/public/vite.svg diff --git a/packages/create-vite/solid-ts/src/App.module.css b/packages/create-vite/template-solid-ts/src/App.module.css similarity index 100% rename from packages/create-vite/solid-ts/src/App.module.css rename to packages/create-vite/template-solid-ts/src/App.module.css diff --git a/packages/create-vite/solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx similarity index 100% rename from packages/create-vite/solid-ts/src/App.tsx rename to packages/create-vite/template-solid-ts/src/App.tsx diff --git a/packages/create-vite/solid-ts/src/assets/solid.svg b/packages/create-vite/template-solid-ts/src/assets/solid.svg similarity index 100% rename from packages/create-vite/solid-ts/src/assets/solid.svg rename to packages/create-vite/template-solid-ts/src/assets/solid.svg diff --git a/packages/create-vite/solid-ts/src/index.css b/packages/create-vite/template-solid-ts/src/index.css similarity index 100% rename from packages/create-vite/solid-ts/src/index.css rename to packages/create-vite/template-solid-ts/src/index.css diff --git a/packages/create-vite/solid-ts/src/index.tsx b/packages/create-vite/template-solid-ts/src/index.tsx similarity index 100% rename from packages/create-vite/solid-ts/src/index.tsx rename to packages/create-vite/template-solid-ts/src/index.tsx diff --git a/packages/create-vite/solid-ts/tsconfig.json b/packages/create-vite/template-solid-ts/tsconfig.json similarity index 100% rename from packages/create-vite/solid-ts/tsconfig.json rename to packages/create-vite/template-solid-ts/tsconfig.json diff --git a/packages/create-vite/solid-ts/vite.config.ts b/packages/create-vite/template-solid-ts/vite.config.ts similarity index 100% rename from packages/create-vite/solid-ts/vite.config.ts rename to packages/create-vite/template-solid-ts/vite.config.ts From 1fa253a5031b00d6f731d8615d71bbed6266ac95 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 18:44:28 +0200 Subject: [PATCH 06/37] fix(solid template): add the recommanded gitignore files --- .../create-vite/template-solid-js/_gitignore | 22 +++++++++++++++++ .../create-vite/template-solid-ts/_gitignore | 24 ++++++++++++++++++- 2 files changed, 45 insertions(+), 1 deletion(-) diff --git a/packages/create-vite/template-solid-js/_gitignore b/packages/create-vite/template-solid-js/_gitignore index f06235c460c2de..a547bf36d8d11a 100644 --- a/packages/create-vite/template-solid-js/_gitignore +++ b/packages/create-vite/template-solid-js/_gitignore @@ -1,2 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + node_modules dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/packages/create-vite/template-solid-ts/_gitignore b/packages/create-vite/template-solid-ts/_gitignore index 76add878f8dd77..a547bf36d8d11a 100644 --- a/packages/create-vite/template-solid-ts/_gitignore +++ b/packages/create-vite/template-solid-ts/_gitignore @@ -1,2 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + node_modules -dist \ No newline at end of file +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? From e0bfd1ed734a121ce16d84cdbeb430456871c5b3 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 18:47:44 +0200 Subject: [PATCH 07/37] fix(solid template): rename template-solid-js to template-solid --- .../create-vite/template-solid-js/index.html | 16 ---------------- .../README.md | 0 .../_gitignore | 0 packages/create-vite/template-solid/index.html | 13 +++++++++++++ .../jsconfig.json | 0 .../package.json | 0 .../public/vite.svg | 0 .../src/App.jsx | 0 .../src/App.module.css | 0 .../src/assets/solid.svg | 0 .../src/index.css | 0 .../src/index.jsx | 0 .../vite.config.js | 0 13 files changed, 13 insertions(+), 16 deletions(-) delete mode 100644 packages/create-vite/template-solid-js/index.html rename packages/create-vite/{template-solid-js => template-solid}/README.md (100%) rename packages/create-vite/{template-solid-js => template-solid}/_gitignore (100%) create mode 100644 packages/create-vite/template-solid/index.html rename packages/create-vite/{template-solid-js => template-solid}/jsconfig.json (100%) rename packages/create-vite/{template-solid-js => template-solid}/package.json (100%) rename packages/create-vite/{template-solid-js => template-solid}/public/vite.svg (100%) rename packages/create-vite/{template-solid-js => template-solid}/src/App.jsx (100%) rename packages/create-vite/{template-solid-js => template-solid}/src/App.module.css (100%) rename packages/create-vite/{template-solid-js => template-solid}/src/assets/solid.svg (100%) rename packages/create-vite/{template-solid-js => template-solid}/src/index.css (100%) rename packages/create-vite/{template-solid-js => template-solid}/src/index.jsx (100%) rename packages/create-vite/{template-solid-js => template-solid}/vite.config.js (100%) diff --git a/packages/create-vite/template-solid-js/index.html b/packages/create-vite/template-solid-js/index.html deleted file mode 100644 index e69e81e8b286d0..00000000000000 --- a/packages/create-vite/template-solid-js/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - Vite + Solid - - - -
- - - - diff --git a/packages/create-vite/template-solid-js/README.md b/packages/create-vite/template-solid/README.md similarity index 100% rename from packages/create-vite/template-solid-js/README.md rename to packages/create-vite/template-solid/README.md diff --git a/packages/create-vite/template-solid-js/_gitignore b/packages/create-vite/template-solid/_gitignore similarity index 100% rename from packages/create-vite/template-solid-js/_gitignore rename to packages/create-vite/template-solid/_gitignore diff --git a/packages/create-vite/template-solid/index.html b/packages/create-vite/template-solid/index.html new file mode 100644 index 00000000000000..de21a85a01c78f --- /dev/null +++ b/packages/create-vite/template-solid/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite + Solid + + +
+ + + diff --git a/packages/create-vite/template-solid-js/jsconfig.json b/packages/create-vite/template-solid/jsconfig.json similarity index 100% rename from packages/create-vite/template-solid-js/jsconfig.json rename to packages/create-vite/template-solid/jsconfig.json diff --git a/packages/create-vite/template-solid-js/package.json b/packages/create-vite/template-solid/package.json similarity index 100% rename from packages/create-vite/template-solid-js/package.json rename to packages/create-vite/template-solid/package.json diff --git a/packages/create-vite/template-solid-js/public/vite.svg b/packages/create-vite/template-solid/public/vite.svg similarity index 100% rename from packages/create-vite/template-solid-js/public/vite.svg rename to packages/create-vite/template-solid/public/vite.svg diff --git a/packages/create-vite/template-solid-js/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx similarity index 100% rename from packages/create-vite/template-solid-js/src/App.jsx rename to packages/create-vite/template-solid/src/App.jsx diff --git a/packages/create-vite/template-solid-js/src/App.module.css b/packages/create-vite/template-solid/src/App.module.css similarity index 100% rename from packages/create-vite/template-solid-js/src/App.module.css rename to packages/create-vite/template-solid/src/App.module.css diff --git a/packages/create-vite/template-solid-js/src/assets/solid.svg b/packages/create-vite/template-solid/src/assets/solid.svg similarity index 100% rename from packages/create-vite/template-solid-js/src/assets/solid.svg rename to packages/create-vite/template-solid/src/assets/solid.svg diff --git a/packages/create-vite/template-solid-js/src/index.css b/packages/create-vite/template-solid/src/index.css similarity index 100% rename from packages/create-vite/template-solid-js/src/index.css rename to packages/create-vite/template-solid/src/index.css diff --git a/packages/create-vite/template-solid-js/src/index.jsx b/packages/create-vite/template-solid/src/index.jsx similarity index 100% rename from packages/create-vite/template-solid-js/src/index.jsx rename to packages/create-vite/template-solid/src/index.jsx diff --git a/packages/create-vite/template-solid-js/vite.config.js b/packages/create-vite/template-solid/vite.config.js similarity index 100% rename from packages/create-vite/template-solid-js/vite.config.js rename to packages/create-vite/template-solid/vite.config.js From 2db84668d3a8a37d61ea5b3849de2cc951400d1f Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 18:48:25 +0200 Subject: [PATCH 08/37] fix(solid template): add the recommanded html template --- packages/create-vite/template-solid-ts/index.html | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/packages/create-vite/template-solid-ts/index.html b/packages/create-vite/template-solid-ts/index.html index 810328395c0dc9..301387b753be3c 100644 --- a/packages/create-vite/template-solid-ts/index.html +++ b/packages/create-vite/template-solid-ts/index.html @@ -1,16 +1,13 @@ - - - - + + + Vite + Solid + TS -
- - + From fde969aa9d79fe220a5acef921386e9ef1ee3c6d Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 18:53:26 +0200 Subject: [PATCH 09/37] fix(solid template): add the recommanded package.json --- packages/create-vite/template-solid-ts/package.json | 11 +++++------ packages/create-vite/template-solid/package.json | 9 ++++----- 2 files changed, 9 insertions(+), 11 deletions(-) diff --git a/packages/create-vite/template-solid-ts/package.json b/packages/create-vite/template-solid-ts/package.json index 2162010769ac79..f4ae42d8a90619 100644 --- a/packages/create-vite/template-solid-ts/package.json +++ b/packages/create-vite/template-solid-ts/package.json @@ -1,14 +1,13 @@ { - "name": "vite-template-solid", + "name": "vite-solid-typescript-starter", + "private": true, "version": "0.0.0", - "description": "", + "type": "module", "scripts": { - "start": "vite", "dev": "vite", - "build": "vite build", - "serve": "vite preview" + "build": "tsc && vite build", + "preview": "vite preview" }, - "license": "MIT", "devDependencies": { "typescript": "^4.9.5", "vite": "^4.1.1", diff --git a/packages/create-vite/template-solid/package.json b/packages/create-vite/template-solid/package.json index baa7ee742b26e9..f72ebcba84a327 100644 --- a/packages/create-vite/template-solid/package.json +++ b/packages/create-vite/template-solid/package.json @@ -1,14 +1,13 @@ { - "name": "vite-template-solid", + "name": "vite-solid-starter", + "private": true, "version": "0.0.0", - "description": "", + "type": "module", "scripts": { - "start": "vite", "dev": "vite", "build": "vite build", - "serve": "vite preview" + "preview": "vite preview" }, - "license": "MIT", "devDependencies": { "vite": "^4.1.1", "vite-plugin-solid": "^2.5.0" From 72ed3c5fe088d8ddf66f52be415675cbcc3ff636 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 18:59:42 +0200 Subject: [PATCH 10/37] fix(solid template): fixed code error in template --- packages/create-vite/template-solid-ts/src/App.tsx | 2 +- packages/create-vite/template-solid/src/App.jsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index ecedb1e2ed11fe..3e2867513efc14 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -18,7 +18,7 @@ function App() {

Vite + Solid

Edit src/App.jsx and save to test HMR diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index ecedb1e2ed11fe..3e2867513efc14 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -18,7 +18,7 @@ function App() {

Vite + Solid

Edit src/App.jsx and save to test HMR From 38dde55be20ee7242fe3f925804af87f0ddcf7ef Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 19:01:03 +0200 Subject: [PATCH 11/37] fix(solid template): fixed a typo React => Solid --- packages/create-vite/template-solid-ts/src/App.tsx | 2 +- packages/create-vite/template-solid/src/App.jsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 3e2867513efc14..583f064ca60d43 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -25,7 +25,7 @@ function App() {

- Click on the Vite and React logos to learn more + Click on the Vite and Solid logos to learn more

) diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 3e2867513efc14..583f064ca60d43 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -25,7 +25,7 @@ function App() {

- Click on the Vite and React logos to learn more + Click on the Vite and Solid logos to learn more

) From 274653535c24bf5481dece1011018d36b18efd28 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 1 Mar 2023 19:02:52 +0200 Subject: [PATCH 12/37] fix(solid template): Removed unneeded configurations --- packages/create-vite/template-solid-ts/vite.config.ts | 10 ++-------- packages/create-vite/template-solid/vite.config.js | 10 ++-------- 2 files changed, 4 insertions(+), 16 deletions(-) diff --git a/packages/create-vite/template-solid-ts/vite.config.ts b/packages/create-vite/template-solid-ts/vite.config.ts index 22b9712d9247ba..4095d9be507def 100644 --- a/packages/create-vite/template-solid-ts/vite.config.ts +++ b/packages/create-vite/template-solid-ts/vite.config.ts @@ -1,12 +1,6 @@ import { defineConfig } from 'vite' -import solidPlugin from 'vite-plugin-solid' +import solid from 'vite-plugin-solid' export default defineConfig({ - plugins: [solidPlugin()], - server: { - port: 3000, - }, - build: { - target: 'esnext', - }, + plugins: [solid()], }) diff --git a/packages/create-vite/template-solid/vite.config.js b/packages/create-vite/template-solid/vite.config.js index 22b9712d9247ba..4095d9be507def 100644 --- a/packages/create-vite/template-solid/vite.config.js +++ b/packages/create-vite/template-solid/vite.config.js @@ -1,12 +1,6 @@ import { defineConfig } from 'vite' -import solidPlugin from 'vite-plugin-solid' +import solid from 'vite-plugin-solid' export default defineConfig({ - plugins: [solidPlugin()], - server: { - port: 3000, - }, - build: { - target: 'esnext', - }, + plugins: [solid()], }) From f4ed87cbf1780b835370aa0ea6c3f576a50db6e0 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Tue, 4 Apr 2023 18:06:51 +0200 Subject: [PATCH 13/37] update the version of the packages --- packages/create-vite/template-solid-ts/package.json | 8 ++++---- packages/create-vite/template-solid/package.json | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/create-vite/template-solid-ts/package.json b/packages/create-vite/template-solid-ts/package.json index f4ae42d8a90619..d1f91f5ed0418f 100644 --- a/packages/create-vite/template-solid-ts/package.json +++ b/packages/create-vite/template-solid-ts/package.json @@ -9,11 +9,11 @@ "preview": "vite preview" }, "devDependencies": { - "typescript": "^4.9.5", - "vite": "^4.1.1", - "vite-plugin-solid": "^2.5.0" + "typescript": "^5.0.3", + "vite": "^4.2.1", + "vite-plugin-solid": "^2.6.1" }, "dependencies": { - "solid-js": "^1.6.10" + "solid-js": "^1.7.1" } } diff --git a/packages/create-vite/template-solid/package.json b/packages/create-vite/template-solid/package.json index f72ebcba84a327..e55ef03a5c40d7 100644 --- a/packages/create-vite/template-solid/package.json +++ b/packages/create-vite/template-solid/package.json @@ -9,10 +9,10 @@ "preview": "vite preview" }, "devDependencies": { - "vite": "^4.1.1", - "vite-plugin-solid": "^2.5.0" + "vite": "^4.2.1", + "vite-plugin-solid": "^2.6.1" }, "dependencies": { - "solid-js": "^1.6.10" + "solid-js": "^1.7.1" } } From 3e64960cfc44b6710bdd8f6f4599ba74ba001bd7 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 02:02:01 +0200 Subject: [PATCH 14/37] docs: add the docs for solid template --- docs/guide/index.md | 3 ++- packages/create-vite/README.md | 2 ++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/guide/index.md b/docs/guide/index.md index 3ae2c5a0d27e3b..42d743fbd29fd7 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -34,6 +34,7 @@ The supported template presets are: | [preact](https://vite.new/preact) | [preact-ts](https://vite.new/preact-ts) | | [lit](https://vite.new/lit) | [lit-ts](https://vite.new/lit-ts) | | [svelte](https://vite.new/svelte) | [svelte-ts](https://vite.new/svelte-ts) | +| [solid](https://vite.new/solid) | [solid-ts](https://vite.new/solid-ts) | ## Scaffolding Your First Vite Project @@ -77,7 +78,7 @@ yarn create vite my-vue-app --template vue pnpm create vite my-vue-app --template vue ``` -See [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) for more details on each supported template: `vanilla`, `vanilla-ts`, `vue`, `vue-ts`, `react`, `react-ts`, `react-swc`, `react-swc-ts`, `preact`, `preact-ts`, `lit`, `lit-ts`, `svelte`, `svelte-ts`. +See [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) for more details on each supported template: `vanilla`, `vanilla-ts`, `vue`, `vue-ts`, `react`, `react-ts`, `react-swc`, `react-swc-ts`, `preact`, `preact-ts`, `lit`, `lit-ts`, `svelte`, `svelte-ts`, `solid`, `solid-ts`. ## Community Templates diff --git a/packages/create-vite/README.md b/packages/create-vite/README.md index 8df8f4e338f8cc..430453fb6f2fa7 100644 --- a/packages/create-vite/README.md +++ b/packages/create-vite/README.md @@ -57,6 +57,8 @@ Currently supported template presets include: - `lit-ts` - `svelte` - `svelte-ts` +- `solid` +- `solid-js` You can use `.` for the project name to scaffold in the current directory. From f19cc1e88eca52b4b9f49a00caccf0f94005bf9d Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 02:13:17 +0200 Subject: [PATCH 15/37] docs: fix format --- docs/guide/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guide/index.md b/docs/guide/index.md index 42d743fbd29fd7..21e3de3363d678 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -34,7 +34,7 @@ The supported template presets are: | [preact](https://vite.new/preact) | [preact-ts](https://vite.new/preact-ts) | | [lit](https://vite.new/lit) | [lit-ts](https://vite.new/lit-ts) | | [svelte](https://vite.new/svelte) | [svelte-ts](https://vite.new/svelte-ts) | -| [solid](https://vite.new/solid) | [solid-ts](https://vite.new/solid-ts) | +| [solid](https://vite.new/solid) | [solid-ts](https://vite.new/solid-ts) | ## Scaffolding Your First Vite Project From 4d4242009d9b5c1db4267fae4899158528b38c53 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 16:51:53 +0200 Subject: [PATCH 16/37] fix: fixed typo in readme --- packages/create-vite/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/create-vite/README.md b/packages/create-vite/README.md index 430453fb6f2fa7..8776ab3c3aeb3c 100644 --- a/packages/create-vite/README.md +++ b/packages/create-vite/README.md @@ -58,7 +58,7 @@ Currently supported template presets include: - `svelte` - `svelte-ts` - `solid` -- `solid-js` +- `solid-ts` You can use `.` for the project name to scaffold in the current directory. From 2fa4c4529fe3f85cf615d46664e81181fb8e5faa Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 22:53:17 +0200 Subject: [PATCH 17/37] fix(docs): fix docs issues --- packages/create-vite/template-solid-ts/README.md | 8 +------- packages/create-vite/template-solid/README.md | 8 +------- 2 files changed, 2 insertions(+), 14 deletions(-) diff --git a/packages/create-vite/template-solid-ts/README.md b/packages/create-vite/template-solid-ts/README.md index 434f7bb9df876d..db8f9ed0b7b1ae 100644 --- a/packages/create-vite/template-solid-ts/README.md +++ b/packages/create-vite/template-solid-ts/README.md @@ -1,9 +1,5 @@ ## Usage -Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`. - -This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template. - ```bash $ npm install # or pnpm install or yarn install ``` @@ -14,13 +10,11 @@ $ npm install # or pnpm install or yarn install In the project directory, you can run: -### `npm dev` or `npm start` +### `npm dev` Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will reload if you make edits.
- ### `npm run build` Builds the app for production to the `dist` folder.
diff --git a/packages/create-vite/template-solid/README.md b/packages/create-vite/template-solid/README.md index 434f7bb9df876d..db8f9ed0b7b1ae 100644 --- a/packages/create-vite/template-solid/README.md +++ b/packages/create-vite/template-solid/README.md @@ -1,9 +1,5 @@ ## Usage -Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`. - -This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template. - ```bash $ npm install # or pnpm install or yarn install ``` @@ -14,13 +10,11 @@ $ npm install # or pnpm install or yarn install In the project directory, you can run: -### `npm dev` or `npm start` +### `npm dev` Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will reload if you make edits.
- ### `npm run build` Builds the app for production to the `dist` folder.
From 93a36dbf0db3039119f70c1deb11af7bb7e7299a Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 22:59:58 +0200 Subject: [PATCH 18/37] fix(home): fixed the css import and the logo alt --- packages/create-vite/template-solid-ts/src/App.tsx | 4 ++-- packages/create-vite/template-solid/src/App.jsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 583f064ca60d43..3ba0cba0b1af4d 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -1,6 +1,6 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' -import './App/module.css' +import './App.module.css' function App() { const [count, setCount] = useSignal(0) @@ -12,7 +12,7 @@ function App() { Vite logo - React logo + Solid logo

Vite + Solid

diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 583f064ca60d43..3ba0cba0b1af4d 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -1,6 +1,6 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' -import './App/module.css' +import './App.module.css' function App() { const [count, setCount] = useSignal(0) @@ -12,7 +12,7 @@ function App() { Vite logo - React logo + Solid logo

Vite + Solid

From 15053d9f60d0f7d6eb84d981bf78953971fa0b8a Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 23:28:46 +0200 Subject: [PATCH 19/37] fix: removed jsconfig it didn't do anything as far as I see --- packages/create-vite/template-solid/jsconfig.json | 15 --------------- 1 file changed, 15 deletions(-) delete mode 100644 packages/create-vite/template-solid/jsconfig.json diff --git a/packages/create-vite/template-solid/jsconfig.json b/packages/create-vite/template-solid/jsconfig.json deleted file mode 100644 index 249b2732a748e3..00000000000000 --- a/packages/create-vite/template-solid/jsconfig.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "compilerOptions": { - "strict": true, - "target": "ESNext", - "module": "ESNext", - "moduleResolution": "node", - "allowSyntheticDefaultImports": true, - "esModuleInterop": true, - "jsx": "preserve", - "jsxImportSource": "solid-js", - "types": ["vite/client"], - "noEmit": true, - "isolatedModules": true - } -} From e1ea34c22c4ecd96d7657b6c5340f796a9dc6aa0 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Wed, 5 Apr 2023 23:43:52 +0200 Subject: [PATCH 20/37] fix(tsconfig): update to the new format to match the other templates --- .../template-solid-ts/tsconfig.json | 27 ++++++++++++------- .../template-solid-ts/tsconfig.node.json | 10 +++++++ 2 files changed, 28 insertions(+), 9 deletions(-) create mode 100644 packages/create-vite/template-solid-ts/tsconfig.node.json diff --git a/packages/create-vite/template-solid-ts/tsconfig.json b/packages/create-vite/template-solid-ts/tsconfig.json index 249b2732a748e3..c81ef9f382291a 100644 --- a/packages/create-vite/template-solid-ts/tsconfig.json +++ b/packages/create-vite/template-solid-ts/tsconfig.json @@ -1,15 +1,24 @@ { "compilerOptions": { - "strict": true, "target": "ESNext", + "lib": ["DOM", "DOM.Iterable", "ESNext"], "module": "ESNext", - "moduleResolution": "node", - "allowSyntheticDefaultImports": true, - "esModuleInterop": true, - "jsx": "preserve", - "jsxImportSource": "solid-js", - "types": ["vite/client"], + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, "noEmit": true, - "isolatedModules": true - } + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src"], + "references": [{ "path": "./tsconfig.node.json" }] } diff --git a/packages/create-vite/template-solid-ts/tsconfig.node.json b/packages/create-vite/template-solid-ts/tsconfig.node.json new file mode 100644 index 00000000000000..42872c59f5b01c --- /dev/null +++ b/packages/create-vite/template-solid-ts/tsconfig.node.json @@ -0,0 +1,10 @@ +{ + "compilerOptions": { + "composite": true, + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true + }, + "include": ["vite.config.ts"] +} From 8b15600f1431e224931deb14983df3c478d8db57 Mon Sep 17 00:00:00 2001 From: Abdelrahman Dwedar Date: Wed, 5 Apr 2023 17:57:32 -0400 Subject: [PATCH 21/37] fix(docs): add the right command for dev environment MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Arnaud Barré --- packages/create-vite/template-solid-ts/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/create-vite/template-solid-ts/README.md b/packages/create-vite/template-solid-ts/README.md index db8f9ed0b7b1ae..ceeaab8182884e 100644 --- a/packages/create-vite/template-solid-ts/README.md +++ b/packages/create-vite/template-solid-ts/README.md @@ -10,7 +10,7 @@ $ npm install # or pnpm install or yarn install In the project directory, you can run: -### `npm dev` +### `npm run dev` Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. From 3d399c80469bc132fc52ab8a377de62dafd5d317 Mon Sep 17 00:00:00 2001 From: Abdelrahman Dwedar Date: Wed, 5 Apr 2023 17:58:20 -0400 Subject: [PATCH 22/37] fix(docs): use the right extension in the file name MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Arnaud Barré --- packages/create-vite/template-solid-ts/src/App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 3ba0cba0b1af4d..ed77c5c609a355 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -21,7 +21,7 @@ function App() { count is {count()}

- Edit src/App.jsx and save to test HMR + Edit src/App.tsx and save to test HMR

From 58f450f1df883052e47d5a606e81e2ee34c6ce71 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Thu, 6 Apr 2023 00:00:59 +0200 Subject: [PATCH 23/37] fix: use normal css files instead of modules --- .../template-solid-ts/src/{App.module.css => App.css} | 0 packages/create-vite/template-solid-ts/src/App.tsx | 2 +- .../create-vite/template-solid/src/{App.module.css => App.css} | 0 packages/create-vite/template-solid/src/App.jsx | 2 +- 4 files changed, 2 insertions(+), 2 deletions(-) rename packages/create-vite/template-solid-ts/src/{App.module.css => App.css} (100%) rename packages/create-vite/template-solid/src/{App.module.css => App.css} (100%) diff --git a/packages/create-vite/template-solid-ts/src/App.module.css b/packages/create-vite/template-solid-ts/src/App.css similarity index 100% rename from packages/create-vite/template-solid-ts/src/App.module.css rename to packages/create-vite/template-solid-ts/src/App.css diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index ed77c5c609a355..9d04663ddd2e93 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -1,6 +1,6 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' -import './App.module.css' +import './App.css' function App() { const [count, setCount] = useSignal(0) diff --git a/packages/create-vite/template-solid/src/App.module.css b/packages/create-vite/template-solid/src/App.css similarity index 100% rename from packages/create-vite/template-solid/src/App.module.css rename to packages/create-vite/template-solid/src/App.css diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 3ba0cba0b1af4d..fe4439a0deccfb 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -1,6 +1,6 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' -import './App.module.css' +import './App.css' function App() { const [count, setCount] = useSignal(0) From 4a4695d89315bb2f422e33831372a1468ef8a87e Mon Sep 17 00:00:00 2001 From: Abdelrahman Dwedar Date: Wed, 5 Apr 2023 18:15:10 -0400 Subject: [PATCH 24/37] fix(docs): add the right command for dev environment MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Arnaud Barré --- packages/create-vite/template-solid/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/create-vite/template-solid/README.md b/packages/create-vite/template-solid/README.md index db8f9ed0b7b1ae..ceeaab8182884e 100644 --- a/packages/create-vite/template-solid/README.md +++ b/packages/create-vite/template-solid/README.md @@ -10,7 +10,7 @@ $ npm install # or pnpm install or yarn install In the project directory, you can run: -### `npm dev` +### `npm run dev` Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. From 90923062f0e8f13ef0504e8e1d4c7a7e2343b9be Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Fri, 7 Apr 2023 15:44:33 +0200 Subject: [PATCH 25/37] fix: fix all the left issues --- packages/create-vite/template-solid-ts/README.md | 2 +- packages/create-vite/template-solid-ts/src/App.css | 2 +- packages/create-vite/template-solid-ts/src/App.tsx | 11 ++++++----- packages/create-vite/template-solid/README.md | 2 +- packages/create-vite/template-solid/src/App.css | 2 +- packages/create-vite/template-solid/src/App.jsx | 11 ++++++----- 6 files changed, 16 insertions(+), 14 deletions(-) diff --git a/packages/create-vite/template-solid-ts/README.md b/packages/create-vite/template-solid-ts/README.md index ceeaab8182884e..ab7193161ef9bf 100644 --- a/packages/create-vite/template-solid-ts/README.md +++ b/packages/create-vite/template-solid-ts/README.md @@ -13,7 +13,7 @@ In the project directory, you can run: ### `npm run dev` Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +Open [http://localhost:5173](http://localhost:5173) to view it in the browser. ### `npm run build` diff --git a/packages/create-vite/template-solid-ts/src/App.css b/packages/create-vite/template-solid-ts/src/App.css index b9d355df2a5956..202fade3b8ed96 100644 --- a/packages/create-vite/template-solid-ts/src/App.css +++ b/packages/create-vite/template-solid-ts/src/App.css @@ -14,7 +14,7 @@ .logo:hover { filter: drop-shadow(0 0 2em #646cffaa); } -.logo.react:hover { +.logo.solid:hover { filter: drop-shadow(0 0 2em #61dafbaa); } diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 9d04663ddd2e93..301c4de2853106 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -1,22 +1,23 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' +import viteLogo from '/vite.svg' import './App.css' function App() { const [count, setCount] = useSignal(0) return ( -

+

Vite + Solid

-
+
@@ -24,7 +25,7 @@ function App() { Edit src/App.tsx and save to test HMR

-

+

Click on the Vite and Solid logos to learn more

diff --git a/packages/create-vite/template-solid/README.md b/packages/create-vite/template-solid/README.md index ceeaab8182884e..ab7193161ef9bf 100644 --- a/packages/create-vite/template-solid/README.md +++ b/packages/create-vite/template-solid/README.md @@ -13,7 +13,7 @@ In the project directory, you can run: ### `npm run dev` Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +Open [http://localhost:5173](http://localhost:5173) to view it in the browser. ### `npm run build` diff --git a/packages/create-vite/template-solid/src/App.css b/packages/create-vite/template-solid/src/App.css index b9d355df2a5956..202fade3b8ed96 100644 --- a/packages/create-vite/template-solid/src/App.css +++ b/packages/create-vite/template-solid/src/App.css @@ -14,7 +14,7 @@ .logo:hover { filter: drop-shadow(0 0 2em #646cffaa); } -.logo.react:hover { +.logo.solid:hover { filter: drop-shadow(0 0 2em #61dafbaa); } diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index fe4439a0deccfb..6a964fd11c841c 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -1,22 +1,23 @@ import { useSignal } from 'solid-js' import solidLogo from './assets/solid.svg' +import viteLogo from '/vite.svg' import './App.css' function App() { const [count, setCount] = useSignal(0) return ( -
+

Vite + Solid

-
+
@@ -24,7 +25,7 @@ function App() { Edit src/App.jsx and save to test HMR

-

+

Click on the Vite and Solid logos to learn more

From ffad51c41bd932281c2d349c7f1c072718d4de3c Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Fri, 7 Apr 2023 19:17:59 +0200 Subject: [PATCH 26/37] fix: remove unneeded error throw --- packages/create-vite/template-solid-ts/src/index.tsx | 6 ------ packages/create-vite/template-solid/src/index.jsx | 6 ------ 2 files changed, 12 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/index.tsx b/packages/create-vite/template-solid-ts/src/index.tsx index 6c21b9ebfb9478..af7bf042c3ac05 100644 --- a/packages/create-vite/template-solid-ts/src/index.tsx +++ b/packages/create-vite/template-solid-ts/src/index.tsx @@ -6,10 +6,4 @@ import App from './App' const root = document.getElementById('root') -if (import.meta.env.DEV && !(root instanceof HTMLElement)) { - throw new Error( - 'Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got mispelled?', - ) -} - render(() => , root!) diff --git a/packages/create-vite/template-solid/src/index.jsx b/packages/create-vite/template-solid/src/index.jsx index 3d02a294e603d6..ab0c0929b48615 100644 --- a/packages/create-vite/template-solid/src/index.jsx +++ b/packages/create-vite/template-solid/src/index.jsx @@ -6,10 +6,4 @@ import App from './App' const root = document.getElementById('root') -if (import.meta.env.DEV && !(root instanceof HTMLElement)) { - throw new Error( - 'Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got mispelled?', - ) -} - render(() => , root) From 9b6b80e9fe5984bef929f225962aa8d8f8d7fe83 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sat, 8 Apr 2023 00:47:25 +0200 Subject: [PATCH 27/37] fix: use the index.{t,j}sx file instead of main.{t,j}sx This was indeed one of the issues with the rendering of the page --- packages/create-vite/template-solid-ts/index.html | 2 +- packages/create-vite/template-solid/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-vite/template-solid-ts/index.html b/packages/create-vite/template-solid-ts/index.html index 301387b753be3c..f399a33d3c7c09 100644 --- a/packages/create-vite/template-solid-ts/index.html +++ b/packages/create-vite/template-solid-ts/index.html @@ -8,6 +8,6 @@
- + diff --git a/packages/create-vite/template-solid/index.html b/packages/create-vite/template-solid/index.html index de21a85a01c78f..7d9c3a45ee7966 100644 --- a/packages/create-vite/template-solid/index.html +++ b/packages/create-vite/template-solid/index.html @@ -8,6 +8,6 @@
- + From 852672192961bfe9b3d6aedb73ad66718a452fe0 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sat, 8 Apr 2023 00:50:43 +0200 Subject: [PATCH 28/37] fix: use the preserve option for the jsx --- packages/create-vite/template-solid-ts/tsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/create-vite/template-solid-ts/tsconfig.json b/packages/create-vite/template-solid-ts/tsconfig.json index c81ef9f382291a..8e8d2a6a782d2b 100644 --- a/packages/create-vite/template-solid-ts/tsconfig.json +++ b/packages/create-vite/template-solid-ts/tsconfig.json @@ -11,7 +11,7 @@ "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, - "jsx": "react-jsx", + "jsx": "preserve", /* Linting */ "strict": true, From c1219f6a757821397da04b78674cd9d1fbdbb175 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sat, 8 Apr 2023 00:52:49 +0200 Subject: [PATCH 29/37] fix: use the right function for the signal useSignal => createSignal --- packages/create-vite/template-solid-ts/src/App.tsx | 4 ++-- packages/create-vite/template-solid/src/App.jsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 301c4de2853106..9b8ff7d46bca90 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -1,10 +1,10 @@ -import { useSignal } from 'solid-js' +import { createSignal } from 'solid-js' import solidLogo from './assets/solid.svg' import viteLogo from '/vite.svg' import './App.css' function App() { - const [count, setCount] = useSignal(0) + const [count, setCount] = createSignal(0) return (
diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 6a964fd11c841c..52832773e6afb6 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -1,10 +1,10 @@ -import { useSignal } from 'solid-js' +import { createSignal } from 'solid-js' import solidLogo from './assets/solid.svg' import viteLogo from '/vite.svg' import './App.css' function App() { - const [count, setCount] = useSignal(0) + const [count, setCount] = createSignal(0) return (
From baa8f50265da9ed64ed38492cdc8575a6354cd00 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sun, 16 Apr 2023 04:13:19 +0200 Subject: [PATCH 30/37] fix: put typescript first --- packages/create-vite/src/index.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/create-vite/src/index.ts b/packages/create-vite/src/index.ts index 1dbf0e1a9aa9a4..9e058808f23a2e 100755 --- a/packages/create-vite/src/index.ts +++ b/packages/create-vite/src/index.ts @@ -174,16 +174,16 @@ const FRAMEWORKS: Framework[] = [ display: 'Solid', color: blue, variants: [ - { - name: 'solid', - display: 'JavaScript', - color: yellow, - }, { name: 'solid-ts', display: 'TypeScript', color: blue, }, + { + name: 'solid', + display: 'JavaScript', + color: yellow, + }, ], }, { From fcba8e2c1cffabc022f1adabde583b9aa9f5e2da Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sun, 16 Apr 2023 04:14:05 +0200 Subject: [PATCH 31/37] fix: remove unneeded class --- packages/create-vite/template-solid-ts/src/App.tsx | 2 +- packages/create-vite/template-solid/src/App.jsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 9b8ff7d46bca90..15df8624b32d87 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -7,7 +7,7 @@ function App() { const [count, setCount] = createSignal(0) return ( -
+
diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 52832773e6afb6..78f0245fd3eb65 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -7,7 +7,7 @@ function App() { const [count, setCount] = createSignal(0) return ( -
+
From 3721cd8755653769038ff1d471b4ae2212e426c7 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Sun, 16 Apr 2023 04:14:51 +0200 Subject: [PATCH 32/37] fix(docs): add docs for deployment --- packages/create-vite/template-solid-ts/README.md | 2 +- packages/create-vite/template-solid/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/create-vite/template-solid-ts/README.md b/packages/create-vite/template-solid-ts/README.md index ab7193161ef9bf..99613fc0a5d37f 100644 --- a/packages/create-vite/template-solid-ts/README.md +++ b/packages/create-vite/template-solid-ts/README.md @@ -25,4 +25,4 @@ Your app is ready to be deployed! ## Deployment -You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.) +Learn more about deploying your application with the [documentations](https://vitejs.dev/guide/static-deploy.html) diff --git a/packages/create-vite/template-solid/README.md b/packages/create-vite/template-solid/README.md index ab7193161ef9bf..99613fc0a5d37f 100644 --- a/packages/create-vite/template-solid/README.md +++ b/packages/create-vite/template-solid/README.md @@ -25,4 +25,4 @@ Your app is ready to be deployed! ## Deployment -You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.) +Learn more about deploying your application with the [documentations](https://vitejs.dev/guide/static-deploy.html) From c105f5dc4ead3c4a54ef4ae23da16630fd38ff4f Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Fri, 21 Apr 2023 10:28:30 +0200 Subject: [PATCH 33/37] fix: remove the spinning logo --- .../create-vite/template-solid-ts/src/App.css | 15 --------------- packages/create-vite/template-solid/src/App.css | 15 --------------- 2 files changed, 30 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.css b/packages/create-vite/template-solid-ts/src/App.css index 202fade3b8ed96..613607d40c7e52 100644 --- a/packages/create-vite/template-solid-ts/src/App.css +++ b/packages/create-vite/template-solid-ts/src/App.css @@ -18,21 +18,6 @@ filter: drop-shadow(0 0 2em #61dafbaa); } -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - .card { padding: 2em; } diff --git a/packages/create-vite/template-solid/src/App.css b/packages/create-vite/template-solid/src/App.css index 202fade3b8ed96..613607d40c7e52 100644 --- a/packages/create-vite/template-solid/src/App.css +++ b/packages/create-vite/template-solid/src/App.css @@ -18,21 +18,6 @@ filter: drop-shadow(0 0 2em #61dafbaa); } -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - .card { padding: 2em; } From e97dc9b0b548e31a2d62855c524556f7c93dffd2 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Fri, 21 Apr 2023 10:30:25 +0200 Subject: [PATCH 34/37] fix: add the vite-env.d.ts --- packages/create-vite/template-solid-ts/src/vite-env.d.ts | 1 + 1 file changed, 1 insertion(+) create mode 100644 packages/create-vite/template-solid-ts/src/vite-env.d.ts diff --git a/packages/create-vite/template-solid-ts/src/vite-env.d.ts b/packages/create-vite/template-solid-ts/src/vite-env.d.ts new file mode 100644 index 00000000000000..11f02fe2a0061d --- /dev/null +++ b/packages/create-vite/template-solid-ts/src/vite-env.d.ts @@ -0,0 +1 @@ +/// From 1f793267c5c9f8f3af1bcf60ecd74c4f4b479d17 Mon Sep 17 00:00:00 2001 From: AbdelrahmanDwedar Date: Fri, 12 May 2023 23:45:57 +0200 Subject: [PATCH 35/37] fix: add jsxImportSource This solves the issue of the code not working --- packages/create-vite/template-solid-ts/tsconfig.json | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/create-vite/template-solid-ts/tsconfig.json b/packages/create-vite/template-solid-ts/tsconfig.json index 8e8d2a6a782d2b..cf897d70bf0a20 100644 --- a/packages/create-vite/template-solid-ts/tsconfig.json +++ b/packages/create-vite/template-solid-ts/tsconfig.json @@ -12,6 +12,7 @@ "isolatedModules": true, "noEmit": true, "jsx": "preserve", + "jsxImportSource": "solid-js", /* Linting */ "strict": true, From c08ea56d1324f8460ec8cd32d707acf9d1d3a3e9 Mon Sep 17 00:00:00 2001 From: ArnaudBarre Date: Fri, 16 Jun 2023 13:02:39 +0200 Subject: [PATCH 36/37] Apply updates from React template --- packages/create-vite/template-solid-ts/src/App.tsx | 4 ++-- packages/create-vite/template-solid-ts/tsconfig.json | 5 +++-- packages/create-vite/template-solid/src/App.jsx | 4 ++-- 3 files changed, 7 insertions(+), 6 deletions(-) diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx index 15df8624b32d87..93e250bf04b172 100644 --- a/packages/create-vite/template-solid-ts/src/App.tsx +++ b/packages/create-vite/template-solid-ts/src/App.tsx @@ -7,7 +7,7 @@ function App() { const [count, setCount] = createSignal(0) return ( -
+ <> + ) } diff --git a/packages/create-vite/template-solid-ts/tsconfig.json b/packages/create-vite/template-solid-ts/tsconfig.json index cf897d70bf0a20..3999958409cd1d 100644 --- a/packages/create-vite/template-solid-ts/tsconfig.json +++ b/packages/create-vite/template-solid-ts/tsconfig.json @@ -1,8 +1,9 @@ { "compilerOptions": { - "target": "ESNext", - "lib": ["DOM", "DOM.Iterable", "ESNext"], + "target": "ES2020", + "useDefineForClassFields": true, "module": "ESNext", + "lib": ["ES2020", "DOM", "DOM.Iterable"], "skipLibCheck": true, /* Bundler mode */ diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx index 78f0245fd3eb65..63b8025d125f09 100644 --- a/packages/create-vite/template-solid/src/App.jsx +++ b/packages/create-vite/template-solid/src/App.jsx @@ -7,7 +7,7 @@ function App() { const [count, setCount] = createSignal(0) return ( -
+ <> + ) } From be17e47779542bf99498cab019da3cb4119c0c66 Mon Sep 17 00:00:00 2001 From: bluwy Date: Thu, 29 Jun 2023 16:55:31 +0800 Subject: [PATCH 37/37] chore: flip dev and devdep --- packages/create-vite/template-solid-ts/package.json | 12 ++++++------ packages/create-vite/template-solid/package.json | 10 +++++----- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/create-vite/template-solid-ts/package.json b/packages/create-vite/template-solid-ts/package.json index d1f91f5ed0418f..35eeb544ae10eb 100644 --- a/packages/create-vite/template-solid-ts/package.json +++ b/packages/create-vite/template-solid-ts/package.json @@ -8,12 +8,12 @@ "build": "tsc && vite build", "preview": "vite preview" }, - "devDependencies": { - "typescript": "^5.0.3", - "vite": "^4.2.1", - "vite-plugin-solid": "^2.6.1" - }, "dependencies": { - "solid-js": "^1.7.1" + "solid-js": "^1.7.7" + }, + "devDependencies": { + "typescript": "^5.0.2", + "vite": "^4.3.9", + "vite-plugin-solid": "^2.7.0" } } diff --git a/packages/create-vite/template-solid/package.json b/packages/create-vite/template-solid/package.json index e55ef03a5c40d7..5ed5dd9f91991c 100644 --- a/packages/create-vite/template-solid/package.json +++ b/packages/create-vite/template-solid/package.json @@ -8,11 +8,11 @@ "build": "vite build", "preview": "vite preview" }, - "devDependencies": { - "vite": "^4.2.1", - "vite-plugin-solid": "^2.6.1" - }, "dependencies": { - "solid-js": "^1.7.1" + "solid-js": "^1.7.7" + }, + "devDependencies": { + "vite": "^4.3.9", + "vite-plugin-solid": "^2.7.0" } }