talksik/solidjs-templates
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

⬆️ Update to latest dependencies

Browse Source
This commit is contained in:
Alexandre Mouton-Brady
2021-01-23 13:56:32 +01:00
parent 6523860a48
commit 9db0670fcc
8 changed files with 62 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ts-tailwind/README.md
+7 -2
View File
@@ -1,14 +1,19 @@
## Usage ## Usage
Those templates dependencies are maintained via [pnpm](https://pnpm.js.org/) via `pnpm up -i --latest`.
This is the reason you see a `pnpm-lock.yaml`. This is my favorite package manager because it's fast and doesn't bloat the `node_modules` folder.
Note that any package manager should work. I'd just advice you to remove the `pnpm-lock.yml` file before doing an install via your package manager of choice.
```bash ```bash
$ npm install # or pnpm install or yarn install $ pnpm install # or npm install or yarn install
``` ```
## Available Scripts ## Available Scripts
In the project directory, you can run: In the project directory, you can run:
### `npm start` ### `npm run dev`
Runs the app in the development mode.<br> Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
ts-tailwind/package.json
+2 -2
View File
@@ -10,8 +10,8 @@
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.2.3", "autoprefixer": "^10.2.3",
"tailwindcss": "^2.0.2", "tailwindcss": "^2.0.2",
"vite": "^2.0.0-beta.33", "vite": "^2.0.0-beta.44",
"vite-plugin-solid": "^0.6.0" "vite-plugin-solid": "^0.7.0"
}, },
"dependencies": { "dependencies": {
"solid-js": "^0.23.11" "solid-js": "^0.23.11"
ts-tailwind/pnpm-lock.yaml
Generated
+31 -47
View File
@@ -3,8 +3,8 @@ dependencies:
devDependencies: devDependencies:
autoprefixer: 10.2.3 autoprefixer: 10.2.3
tailwindcss: 2.0[email protected] tailwindcss: 2.0[email protected]
vite: 2.0.0-beta.33 vite: 2.0.0-beta.44
vite-plugin-solid: 0.6.0 vite-plugin-solid: 0.7.0
lockfileVersion: 5.2 lockfileVersion: 5.2
packages: packages:
/@babel/code-frame/7.12.11: /@babel/code-frame/7.12.11:
@@ -280,7 +280,7 @@ packages:
/autoprefixer/10.2.3: /autoprefixer/10.2.3:
dependencies: dependencies:
browserslist: 4.16.1 browserslist: 4.16.1
caniuse-lite: 1.0.30001178 caniuse-lite: 1.0.30001179
colorette: 1.2.1 colorette: 1.2.1
fraction.js: 4.0.13 fraction.js: 4.0.13
normalize-range: 0.1.2 normalize-range: 0.1.2
@@ -324,9 +324,9 @@ packages:
integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA== integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
/browserslist/4.16.1: /browserslist/4.16.1:
dependencies: dependencies:
caniuse-lite: 1.0.30001178 caniuse-lite: 1.0.30001179
colorette: 1.2.1 colorette: 1.2.1
electron-to-chromium: 1.3.642 electron-to-chromium: 1.3.644
escalade: 3.1.1 escalade: 3.1.1
node-releases: 1.1.70 node-releases: 1.1.70
dev: true dev: true
@@ -347,10 +347,10 @@ packages:
node: '>= 6' node: '>= 6'
resolution: resolution:
integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
/caniuse-lite/1.0.30001178: /caniuse-lite/1.0.30001179:
dev: true dev: true
resolution: resolution:
integrity: sha512-VtdZLC0vsXykKni8Uztx45xynytOi71Ufx9T8kHptSw9AL4dpqailUJJHavttuzUe1KYuBYtChiWv+BAb7mPmQ== integrity: sha512-blMmO0QQujuUWZKyVrD1msR4WNDAqb/UPO1Sw2WWsQ7deoM5bJiicKnWJ1Y0NS/aGINSnKPIWBMw5luX+NDUCA==
/chalk/2.4.2: /chalk/2.4.2:
dependencies: dependencies:
ansi-styles: 3.2.1 ansi-styles: 3.2.1
@@ -469,16 +469,16 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha1-6S7f2tplN9SE1zwBcv0eugxJdv8= integrity: sha1-6S7f2tplN9SE1zwBcv0eugxJdv8=
/electron-to-chromium/1.3.642: /electron-to-chromium/1.3.644:
dev: true dev: true
resolution: resolution:
integrity: sha512-cev+jOrz/Zm1i+Yh334Hed6lQVOkkemk2wRozfMF4MtTR7pxf3r3L5Rbd7uX1zMcEqVJ7alJBnJL7+JffkC6FQ== integrity: sha512-N7FLvjDPADxad+OXXBuYfcvDvCBG0aW8ZZGr7G91sZMviYbnQJFxdSvUus4SJ0K7Q8dzMxE+Wx1d/CrJIIJ0sw==
/esbuild/0.8.33: /esbuild/0.8.34:
dev: true dev: true
hasBin: true hasBin: true
requiresBuild: true requiresBuild: true
resolution: resolution:
integrity: sha512-2ms/P6Y9zJfopR9dKo2vHzhXKfGSNlquVVoVOF8YnhjuzZVrvManMVBPadBsR/t7jzIkRnwqvxrs7d4f3C3eyg== integrity: sha512-tnr0V1ooakYr1aRLXQLzCn2GVG1kBTW3FWpRyC+NgrR3ntsouVpJOlTOV0BS4YLATx3/c+x3h/uBq9lWJlUAtQ==
/escalade/3.1.1: /escalade/3.1.1:
dev: true dev: true
engines: engines:
@@ -495,17 +495,17 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA== integrity: sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==
/fs-extra/9.0.1: /fs-extra/9.1.0:
dependencies: dependencies:
at-least-node: 1.0.0 at-least-node: 1.0.0
graceful-fs: 4.2.4 graceful-fs: 4.2.4
jsonfile: 6.1.0 jsonfile: 6.1.0
universalify: 1.0.0 universalify: 2.0.0
dev: true dev: true
engines: engines:
node: '>=10' node: '>=10'
resolution: resolution:
integrity: sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ== integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
/fs.realpath/1.0.0: /fs.realpath/1.0.0:
dev: true dev: true
resolution: resolution:
@@ -721,7 +721,7 @@ packages:
/postcss-js/3.0.3: /postcss-js/3.0.3:
dependencies: dependencies:
camelcase-css: 2.0.1 camelcase-css: 2.0.1
postcss: 8.2.2 postcss: 8.2.4
dev: true dev: true
engines: engines:
node: '>=10.0' node: '>=10.0'
@@ -766,16 +766,6 @@ packages:
node: '>=4.0.0' node: '>=4.0.0'
resolution: resolution:
integrity: sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag== integrity: sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
/postcss/8.2.2:
dependencies:
colorette: 1.2.1
nanoid: 3.1.20
source-map: 0.6.1
dev: true
engines:
node: ^10 || ^12 || >=14
resolution:
integrity: sha512-HM1NDNWLgglJPQQMNwvLxgH2KcrKZklKLi/xXYIOaqQB57p/pDWEJNS83PVICYsn1Dg/9C26TiejNr422/ePaQ==
/postcss/8.2.4: /postcss/8.2.4:
dependencies: dependencies:
colorette: 1.2.1 colorette: 1.2.1
@@ -796,19 +786,19 @@ packages:
dependencies: dependencies:
commander: 6.2.1 commander: 6.2.1
glob: 7.1.6 glob: 7.1.6
postcss: 8.2.2 postcss: 8.2.4
postcss-selector-parser: 6.0.4 postcss-selector-parser: 6.0.4
dev: true dev: true
hasBin: true hasBin: true
resolution: resolution:
integrity: sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ== integrity: sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ==
/reduce-css-calc/2.1.7: /reduce-css-calc/2.1.8:
dependencies: dependencies:
css-unit-converter: 1.1.2 css-unit-converter: 1.1.2
postcss-value-parser: 3.3.1 postcss-value-parser: 3.3.1
dev: true dev: true
resolution: resolution:
integrity: sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA== integrity: sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==
/resolve/1.19.0: /resolve/1.19.0:
dependencies: dependencies:
is-core-module: 2.2.0 is-core-module: 2.2.0
@@ -816,7 +806,7 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg== integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
/rollup/2.37.0: /rollup/2.38.0:
dev: true dev: true
engines: engines:
node: '>=10.0.0' node: '>=10.0.0'
@@ -824,7 +814,7 @@ packages:
optionalDependencies: optionalDependencies:
fsevents: 2.1.3 fsevents: 2.1.3
resolution: resolution:
integrity: sha512-cbxuxkMGCQV+TnVh+yZSUerbVb5i8soRydbzHYoMNojgt7MMi+jDLLs24U9HHCssKkwkXmsj+LXcOZMldTbz2w== integrity: sha512-ay9zDiNitZK/LNE/EM2+v5CZ7drkB2xyDljvb1fQJCGnq43ZWRkhxN145oV8GmoW1YNi4sA/1Jdkr2LfawJoXw==
/safe-buffer/5.1.2: /safe-buffer/5.1.2:
dev: true dev: true
resolution: resolution:
@@ -880,7 +870,7 @@ packages:
color: 3.1.3 color: 3.1.3
detective: 5.2.0 detective: 5.2.0
didyoumean: 1.2.1 didyoumean: 1.2.1
fs-extra: 9.0.1 fs-extra: 9.1.0
html-tags: 3.1.0 html-tags: 3.1.0
lodash: 4.17.20 lodash: 4.17.20
modern-normalize: 1.0.0 modern-normalize: 1.0.0
@@ -892,7 +882,7 @@ packages:
postcss-selector-parser: 6.0.4 postcss-selector-parser: 6.0.4
postcss-value-parser: 4.1.0 postcss-value-parser: 4.1.0
pretty-hrtime: 1.0.3 pretty-hrtime: 1.0.3
reduce-css-calc: 2.1.7 reduce-css-calc: 2.1.8
resolve: 1.19.0 resolve: 1.19.0
dev: true dev: true
engines: engines:
@@ -913,12 +903,6 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8= integrity: sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
/universalify/1.0.0:
dev: true
engines:
node: '>= 10.0.0'
resolution:
integrity: sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
/universalify/2.0.0: /universalify/2.0.0:
dev: true dev: true
engines: engines:
@@ -929,22 +913,22 @@ packages:
dev: true dev: true
resolution: resolution:
integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
/vite-plugin-solid/0.6.0: /vite-plugin-solid/0.7.0:
dependencies: dependencies:
'@babel/core': 7.12.10 '@babel/core': 7.12.10
'@babel/preset-typescript': 7.12.7_@[email protected] '@babel/preset-typescript': 7.12.7_@[email protected]
babel-preset-solid: 0.23.8_@[email protected] babel-preset-solid: 0.23.8_@[email protected]
solid-js: 0.23.11 solid-js: 0.23.11
vite: 2.0.0-beta.33 vite: 2.0.0-beta.44
dev: true dev: true
resolution: resolution:
integrity: sha512-nGF87Mh6g5ZKsmausJRRl1MQRduv2T/v57JZQVYPAtLhIboVE62BtfXBkVNKHBhU7WoKM+0wCm5bt34uEJwrRw== integrity: sha512-gU0xb5zFpjIZiCvPpyir5fSBDIUPC2S32NYdJ9x8pbA/W0J/bzfB5yw2DTa7ZQoFXfnkNWZsEdsjkGXhw0aHTw==
/vite/2.0.0-beta.33: /vite/2.0.0-beta.44:
dependencies: dependencies:
esbuild: 0.8.33 esbuild: 0.8.34
postcss: 8.2.4 postcss: 8.2.4
resolve: 1.19.0 resolve: 1.19.0
rollup: 2.37.0 rollup: 2.38.0
dev: true dev: true
engines: engines:
node: '>=12.0.0' node: '>=12.0.0'
@@ -952,7 +936,7 @@ packages:
optionalDependencies: optionalDependencies:
fsevents: 2.1.3 fsevents: 2.1.3
resolution: resolution:
integrity: sha512-vg7rZbO19w1+nkV3fXsk0ggfI7J8DBDm74olVKgN7/SarrlisOZI/YWwP4XybGVNPnsSsOG9pKXhXl1mY6Oe5A== integrity: sha512-NTzmP7HEKDg3J5r3I22f87jK3ugPVEU81BQ8hWn3hNWU0msCziUlj7aHwItSUEbQA+ymqO3TBO2fN7Aa+OKckQ==
/wrappy/1.0.2: /wrappy/1.0.2:
dev: true dev: true
resolution: resolution:
@@ -967,5 +951,5 @@ specifiers:
autoprefixer: ^10.2.3 autoprefixer: ^10.2.3
solid-js: ^0.23.11 solid-js: ^0.23.11
tailwindcss: ^2.0.2 tailwindcss: ^2.0.2
vite: ^2.0.0-beta.33 vite: ^2.0.0-beta.44
vite-plugin-solid: ^0.6.0 vite-plugin-solid: ^0.7.0
ts-tailwind/src/App.tsx
+4 -2
View File
@@ -1,7 +1,9 @@
import { Component } from "solid-js"; import type { Component } from "solid-js";
const App: Component = () => { const App: Component = () => {
return <p>minimal</p>; return (
<p class="text-4xl text-green-700 text-center py-20">Hello tailwind!</p>
);
}; };
export default App; export default App;
ts-tailwind/src/index.tsx
+7 -2
View File
@@ -1,6 +1,11 @@
import "./tailwind.css"; import "./tailwind.css";
import { render } from "solid-js/dom"; import { render } from "solid-js/web";
import App from "./App"; import App from "./App";
export const dispose = render(() => <App />, document.getElementById("root")); const dispose = render(() => <App />, document.getElementById("root"));
if (import.meta.hot) {
import.meta.hot.accept();
import.meta.hot.dispose(dispose);
}
ts-tailwind/src/tailwind.css
-2
View File
@@ -1,5 +1,3 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
ts-tailwind/tailwind.config.js
+7 -12
View File
@@ -1,16 +1,11 @@
module.exports = { module.exports = {
purge: { purge: [
enabled: process.env["npm_lifecycle_event"] === "build", "src/**/*.tsx",
mode: "layers", "src/**/*.ts",
layers: ["base", "components", "utilities"], "src/**/*.html",
content: [ "src/**/*.css",
"src/**/*.tsx", "index.html",
"src/**/*.ts", ],
"src/**/*.html",
"src/**/*.css",
"index.html",
],
},
darkMode: false, // or 'media' or 'class' darkMode: false, // or 'media' or 'class'
theme: { theme: {
extend: {}, extend: {},
ts-tailwind/vite.config.ts
+4
View File
@@ -3,4 +3,8 @@ import solidPlugin from "vite-plugin-solid";
export default defineConfig({ export default defineConfig({
plugins: [solidPlugin()], plugins: [solidPlugin()],
build: {
target: "esnext",
polyfillDynamicImport: false,
},
}); });