create-vite-extra 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +10 -0
  2. package/index.js +59 -23
  3. package/package.json +2 -2
  4. package/template-deno-lit/README.md +30 -0
  5. package/template-deno-lit/deno.json +8 -0
  6. package/template-deno-lit/index.html +16 -0
  7. package/template-deno-lit/public/vite.svg +1 -0
  8. package/template-deno-lit/src/assets/lit.svg +1 -0
  9. package/template-deno-lit/src/index.css +31 -0
  10. package/template-deno-lit/src/my-element.js +129 -0
  11. package/template-deno-lit/vite.config.mjs +16 -0
  12. package/template-deno-preact/README.md +30 -0
  13. package/template-deno-preact/deno.json +8 -0
  14. package/template-deno-preact/index.html +13 -0
  15. package/template-deno-preact/public/vite.svg +1 -0
  16. package/template-deno-preact/src/app.css +25 -0
  17. package/template-deno-preact/src/app.jsx +32 -0
  18. package/template-deno-preact/src/assets/preact.svg +1 -0
  19. package/template-deno-preact/src/index.css +70 -0
  20. package/template-deno-preact/src/main.jsx +5 -0
  21. package/template-deno-preact/vite.config.mjs +10 -0
  22. package/template-deno-react/README.md +30 -0
  23. package/template-deno-react/deno.json +8 -0
  24. package/template-deno-react/index.html +13 -0
  25. package/template-deno-react/public/vite.svg +1 -0
  26. package/template-deno-react/src/App.css +41 -0
  27. package/template-deno-react/src/App.jsx +34 -0
  28. package/template-deno-react/src/assets/react.svg +1 -0
  29. package/template-deno-react/src/index.css +70 -0
  30. package/template-deno-react/src/main.jsx +10 -0
  31. package/template-deno-react/vite.config.mjs +10 -0
  32. package/template-deno-svelte/.vscode/extensions.json +3 -0
  33. package/template-deno-svelte/README.md +30 -0
  34. package/template-deno-svelte/deno.json +8 -0
  35. package/template-deno-svelte/index.html +13 -0
  36. package/template-deno-svelte/jsconfig.json +34 -0
  37. package/template-deno-svelte/public/vite.svg +1 -0
  38. package/template-deno-svelte/src/App.svelte +45 -0
  39. package/template-deno-svelte/src/app.css +81 -0
  40. package/template-deno-svelte/src/assets/svelte.svg +1 -0
  41. package/template-deno-svelte/src/lib/Counter.svelte +10 -0
  42. package/template-deno-svelte/src/main.js +8 -0
  43. package/template-deno-svelte/src/vite-env.d.ts +2 -0
  44. package/template-deno-svelte/vite.config.mjs +9 -0
  45. package/template-deno-vanilla/counter.js +9 -0
  46. package/template-deno-vanilla/deno.json +8 -0
  47. package/template-deno-vanilla/index.html +13 -0
  48. package/template-deno-vanilla/javascript.svg +1 -0
  49. package/template-deno-vanilla/main.js +23 -0
  50. package/template-deno-vanilla/public/vite.svg +1 -0
  51. package/template-deno-vanilla/style.css +97 -0
  52. package/template-deno-vue/README.md +30 -0
  53. package/template-deno-vue/deno.json +8 -0
  54. package/template-deno-vue/index.html +13 -0
  55. package/template-deno-vue/public/vite.svg +1 -0
  56. package/template-deno-vue/src/App.vue +31 -0
  57. package/template-deno-vue/src/assets/vue.svg +1 -0
  58. package/template-deno-vue/src/components/HelloWorld.vue +40 -0
  59. package/template-deno-vue/src/main.js +5 -0
  60. package/template-deno-vue/src/style.css +90 -0
  61. package/template-deno-vue/vite.config.mjs +10 -0
  62. package/template-library/package.json +5 -2
  63. package/template-library-ts/package.json +6 -3
  64. package/template-ssr-preact/package.json +4 -4
  65. package/template-ssr-preact-ts/package.json +6 -6
  66. package/template-ssr-react/package.json +3 -3
  67. package/template-ssr-react-ts/package.json +4 -4
  68. package/template-ssr-svelte/package.json +3 -3
  69. package/template-ssr-svelte-ts/package.json +5 -5
  70. package/template-ssr-transform/package.json +1 -1
  71. package/template-ssr-vanilla/package.json +1 -1
  72. package/template-ssr-vanilla-ts/package.json +4 -4
  73. package/template-ssr-vue/package.json +3 -3
  74. package/template-ssr-vue-ts/package.json +5 -5
package/template-deno-vue/deno.json ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "tasks": {
3
+ "dev": "deno run -A --unstable --node-modules-dir npm:vite",
4
+ "build": "deno run -A --unstable --node-modules-dir npm:vite build",
5
+ "preview": "deno run -A --unstable --node-modules-dir npm:vite preview",
6
+ "serve": "deno run --allow-net --allow-read main.ts"
7
+ }
8
+ }
package/template-deno-vue/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + Vue</title>
8
+ </head>
9
+ <body>
10
+ <div id="app"></div>
11
+ <script type="module" src="/src/main.js"></script>
12
+ </body>
13
+ </html>
package/template-deno-vue/public/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/template-deno-vue/src/App.vue ADDED
@@ -0,0 +1,31 @@
1
+ <script setup>
2
+ // This starter template is using Vue 3 <script setup> SFCs
3
+ // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
4
+ import HelloWorld from './components/HelloWorld.vue'
5
+ </script>
6
+
7
+ <template>
8
+ <div>
9
+ <a href="https://vitejs.dev" target="_blank">
10
+ <img src="/vite.svg" class="logo" alt="Vite logo" />
11
+ </a>
12
+ <a href="https://vuejs.org/" target="_blank">
13
+ <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
14
+ </a>
15
+ </div>
16
+ <HelloWorld msg="Vite + Vue" />
17
+ </template>
18
+
19
+ <style scoped>
20
+ .logo {
21
+ height: 6em;
22
+ padding: 1.5em;
23
+ will-change: filter;
24
+ }
25
+ .logo:hover {
26
+ filter: drop-shadow(0 0 2em #646cffaa);
27
+ }
28
+ .logo.vue:hover {
29
+ filter: drop-shadow(0 0 2em #42b883aa);
30
+ }
31
+ </style>
package/template-deno-vue/src/assets/vue.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
package/template-deno-vue/src/components/HelloWorld.vue ADDED
@@ -0,0 +1,40 @@
1
+ <script setup>
2
+ import { ref } from 'vue'
3
+
4
+ defineProps({
5
+ msg: String
6
+ })
7
+
8
+ const count = ref(0)
9
+ </script>
10
+
11
+ <template>
12
+ <h1>{{ msg }}</h1>
13
+
14
+ <div class="card">
15
+ <button type="button" @click="count++">count is {{ count }}</button>
16
+ <p>
17
+ Edit
18
+ <code>components/HelloWorld.vue</code> to test HMR
19
+ </p>
20
+ </div>
21
+
22
+ <p>
23
+ Check out
24
+ <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
25
+ >create-vue</a
26
+ >, the official Vue + Vite starter
27
+ </p>
28
+ <p>
29
+ Install
30
+ <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
31
+ in your IDE for a better DX
32
+ </p>
33
+ <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
34
+ </template>
35
+
36
+ <style scoped>
37
+ .read-the-docs {
38
+ color: #888;
39
+ }
40
+ </style>
package/template-deno-vue/src/main.js ADDED
@@ -0,0 +1,5 @@
1
+ import { createApp } from "vue";
2
+ import "./style.css";
3
+ import App from "./App.vue";
4
+
5
+ createApp(App).mount("#app");
package/template-deno-vue/src/style.css ADDED
@@ -0,0 +1,90 @@
1
+ :root {
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
+
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
+
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
+ }
17
+
18
+ a {
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
+ }
23
+ a:hover {
24
+ color: #535bf2;
25
+ }
26
+
27
+ a {
28
+ font-weight: 500;
29
+ color: #646cff;
30
+ text-decoration: inherit;
31
+ }
32
+ a:hover {
33
+ color: #535bf2;
34
+ }
35
+
36
+ body {
37
+ margin: 0;
38
+ display: flex;
39
+ place-items: center;
40
+ min-width: 320px;
41
+ min-height: 100vh;
42
+ }
43
+
44
+ h1 {
45
+ font-size: 3.2em;
46
+ line-height: 1.1;
47
+ }
48
+
49
+ button {
50
+ border-radius: 8px;
51
+ border: 1px solid transparent;
52
+ padding: 0.6em 1.2em;
53
+ font-size: 1em;
54
+ font-weight: 500;
55
+ font-family: inherit;
56
+ background-color: #1a1a1a;
57
+ cursor: pointer;
58
+ transition: border-color 0.25s;
59
+ }
60
+ button:hover {
61
+ border-color: #646cff;
62
+ }
63
+ button:focus,
64
+ button:focus-visible {
65
+ outline: 4px auto -webkit-focus-ring-color;
66
+ }
67
+
68
+ .card {
69
+ padding: 2em;
70
+ }
71
+
72
+ #app {
73
+ max-width: 1280px;
74
+ margin: 0 auto;
75
+ padding: 2rem;
76
+ text-align: center;
77
+ }
78
+
79
+ @media (prefers-color-scheme: light) {
80
+ :root {
81
+ color: #213547;
82
+ background-color: #ffffff;
83
+ }
84
+ a:hover {
85
+ color: #747bff;
86
+ }
87
+ button {
88
+ background-color: #f9f9f9;
89
+ }
90
+ }
package/template-deno-vue/vite.config.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import { defineConfig } from "npm:vite";
2
+ import vue from "npm:@vitejs/plugin-vue";
3
+
4
+ // NOTE(bartlomieju): this is a papercut that shouldn't be required, see README.md
5
+ import "npm:vue";
6
+
7
+ // https://vitejs.dev/config/
8
+ export default defineConfig({
9
+ plugins: [vue()],
10
+ });
package/template-library/package.json CHANGED
@@ -3,7 +3,10 @@
3
3
  "private": true,
4
4
  "version": "0.0.0",
5
5
  "type": "module",
6
- "files": ["dist", "index.d.ts"],
6
+ "files": [
7
+ "dist",
8
+ "index.d.ts"
9
+ ],
7
10
  "main": "./dist/counter.umd.cjs",
8
11
  "module": "./dist/counter.js",
9
12
  "types": "./index.d.ts",
@@ -17,6 +20,6 @@
17
20
  "build": "vite build"
18
21
  },
19
22
  "devDependencies": {
20
- "vite": "^3.0.1"
23
+ "vite": "^3.1.3"
21
24
  }
22
25
  }
package/template-library-ts/package.json CHANGED
@@ -3,7 +3,10 @@
3
3
  "private": true,
4
4
  "version": "0.0.0",
5
5
  "type": "module",
6
- "files": ["dist", "index.d.ts"],
6
+ "files": [
7
+ "dist",
8
+ "index.d.ts"
9
+ ],
7
10
  "main": "./dist/counter.umd.cjs",
8
11
  "module": "./dist/counter.js",
9
12
  "types": "./index.d.ts",
@@ -17,7 +20,7 @@
17
20
  "build": "tsc && vite build"
18
21
  },
19
22
  "devDependencies": {
20
- "typescript": "^4.6.4",
21
- "vite": "^3.0.1"
23
+ "typescript": "^4.8.3",
24
+ "vite": "^3.1.3"
22
25
  }
23
26
  }
package/template-ssr-preact/package.json CHANGED
@@ -13,13 +13,13 @@
13
13
  "dependencies": {
14
14
  "compression": "^1.7.4",
15
15
  "express": "^4.18.1",
16
- "preact": "^10.10.0",
17
- "preact-render-to-string": "^5.2.1",
16
+ "preact": "^10.11.0",
17
+ "preact-render-to-string": "^5.2.4",
18
18
  "sirv": "^2.0.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@preact/preset-vite": "^2.3.0",
21
+ "@preact/preset-vite": "^2.4.0",
22
22
  "cross-env": "^7.0.3",
23
- "vite": "^3.0.1"
23
+ "vite": "^3.1.3"
24
24
  }
25
25
  }
package/template-ssr-preact-ts/package.json CHANGED
@@ -13,15 +13,15 @@
13
13
  "dependencies": {
14
14
  "compression": "^1.7.4",
15
15
  "express": "^4.18.1",
16
- "preact": "^10.10.0",
17
- "preact-render-to-string": "^5.2.1",
16
+ "preact": "^10.11.0",
17
+ "preact-render-to-string": "^5.2.4",
18
18
  "sirv": "^2.0.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@preact/preset-vite": "^2.3.0",
22
- "@types/node": "^18.6.1",
21
+ "@preact/preset-vite": "^2.4.0",
22
+ "@types/node": "^18.7.21",
23
23
  "cross-env": "^7.0.3",
24
- "typescript": "^4.6.4",
25
- "vite": "^3.0.1"
24
+ "typescript": "^4.8.3",
25
+ "vite": "^3.1.3"
26
26
  }
27
27
  }
package/template-ssr-react/package.json CHANGED
@@ -18,10 +18,10 @@
18
18
  "sirv": "^2.0.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/react": "^18.0.15",
21
+ "@types/react": "^18.0.21",
22
22
  "@types/react-dom": "^18.0.6",
23
- "@vitejs/plugin-react": "^2.0.0",
23
+ "@vitejs/plugin-react": "^2.1.0",
24
24
  "cross-env": "^7.0.3",
25
- "vite": "^3.0.1"
25
+ "vite": "^3.1.3"
26
26
  }
27
27
  }
package/template-ssr-react-ts/package.json CHANGED
@@ -18,11 +18,11 @@
18
18
  "sirv": "^2.0.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/react": "^18.0.15",
21
+ "@types/react": "^18.0.21",
22
22
  "@types/react-dom": "^18.0.6",
23
- "@vitejs/plugin-react": "^2.0.0",
23
+ "@vitejs/plugin-react": "^2.1.0",
24
24
  "cross-env": "^7.0.3",
25
- "typescript": "^4.6.4",
26
- "vite": "^3.0.1"
25
+ "typescript": "^4.8.3",
26
+ "vite": "^3.1.3"
27
27
  }
28
28
  }
package/template-ssr-svelte/package.json CHANGED
@@ -16,9 +16,9 @@
16
16
  "sirv": "^2.0.2"
17
17
  },
18
18
  "devDependencies": {
19
- "@sveltejs/vite-plugin-svelte": "^1.0.1",
19
+ "@sveltejs/vite-plugin-svelte": "^1.0.8",
20
20
  "cross-env": "^7.0.3",
21
- "svelte": "^3.49.0",
22
- "vite": "^3.0.1"
21
+ "svelte": "^3.50.1",
22
+ "vite": "^3.1.3"
23
23
  }
24
24
  }
package/template-ssr-svelte-ts/package.json CHANGED
@@ -16,14 +16,14 @@
16
16
  "sirv": "^2.0.2"
17
17
  },
18
18
  "devDependencies": {
19
- "@sveltejs/vite-plugin-svelte": "^1.0.1",
19
+ "@sveltejs/vite-plugin-svelte": "^1.0.8",
20
20
  "@tsconfig/svelte": "^3.0.0",
21
21
  "cross-env": "^7.0.3",
22
- "svelte": "^3.49.0",
23
- "svelte-check": "^2.8.0",
22
+ "svelte": "^3.50.1",
23
+ "svelte-check": "^2.9.0",
24
24
  "svelte-preprocess": "^4.10.7",
25
25
  "tslib": "^2.4.0",
26
- "typescript": "^4.6.4",
27
- "vite": "^3.0.1"
26
+ "typescript": "^4.8.3",
27
+ "vite": "^3.1.3"
28
28
  }
29
29
  }
package/template-ssr-transform/package.json CHANGED
@@ -7,6 +7,6 @@
7
7
  "test": "node test"
8
8
  },
9
9
  "devDependencies": {
10
- "vite": "^3.0.1"
10
+ "vite": "^3.1.3"
11
11
  }
12
12
  }
package/template-ssr-vanilla/package.json CHANGED
@@ -17,6 +17,6 @@
17
17
  },
18
18
  "devDependencies": {
19
19
  "cross-env": "^7.0.3",
20
- "vite": "^3.0.1"
20
+ "vite": "^3.1.3"
21
21
  }
22
22
  }
package/template-ssr-vanilla-ts/package.json CHANGED
@@ -16,10 +16,10 @@
16
16
  "sirv": "^2.0.2"
17
17
  },
18
18
  "devDependencies": {
19
- "@types/express": "^4.17.13",
20
- "@types/node": "^18.0.6",
19
+ "@types/express": "^4.17.14",
20
+ "@types/node": "^18.7.21",
21
21
  "cross-env": "^7.0.3",
22
- "typescript": "^4.6.4",
23
- "vite": "^3.0.1"
22
+ "typescript": "^4.8.3",
23
+ "vite": "^3.1.3"
24
24
  }
25
25
  }
package/template-ssr-vue/package.json CHANGED
@@ -14,11 +14,11 @@
14
14
  "compression": "^1.7.4",
15
15
  "express": "^4.18.1",
16
16
  "sirv": "^2.0.2",
17
- "vue": "^3.2.37"
17
+ "vue": "^3.2.39"
18
18
  },
19
19
  "devDependencies": {
20
- "@vitejs/plugin-vue": "^3.0.1",
20
+ "@vitejs/plugin-vue": "^3.1.0",
21
21
  "cross-env": "^7.0.3",
22
- "vite": "^3.0.1"
22
+ "vite": "^3.1.3"
23
23
  }
24
24
  }
package/template-ssr-vue-ts/package.json CHANGED
@@ -14,13 +14,13 @@
14
14
  "compression": "^1.7.4",
15
15
  "express": "^4.18.1",
16
16
  "sirv": "^2.0.2",
17
- "vue": "^3.2.37"
17
+ "vue": "^3.2.39"
18
18
  },
19
19
  "devDependencies": {
20
- "@vitejs/plugin-vue": "^3.0.1",
20
+ "@vitejs/plugin-vue": "^3.1.0",
21
21
  "cross-env": "^7.0.3",
22
- "typescript": "^4.6.4",
23
- "vite": "^3.0.1",
24
- "vue-tsc": "^0.38.8"
22
+ "typescript": "^4.8.3",
23
+ "vite": "^3.1.3",
24
+ "vue-tsc": "^0.40.13"
25
25
  }
26
26
  }