create-vite-extra 0.1.9 → 1.0.1

package/README.md

@@ -49,27 +49,37 @@ deno run -A npm:create-vite-extra --template deno-vue
 
 Currently supported template presets include:
 
-| Template         | Try online                                                                                                   |
-| ---------------- | ------------------------------------------------------------------------------------------------------------ |
-| `ssr-vanilla`    | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vanilla)    |
-| `ssr-vanilla-ts` | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vanilla-ts) |
-| `ssr-vue`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vue)        |
-| `ssr-vue-ts`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vue-ts)     |
-| `ssr-react`      | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-react)      |
-| `ssr-react-ts`   | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-react-ts)   |
-| `ssr-preact`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-preact)     |
-| `ssr-preact-ts`  | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-preact-ts)  |
-| `ssr-svelte`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-svelte)     |
-| `ssr-svelte-ts`  | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-svelte-ts)  |
-| `deno-vanilla`   |                                                                                                              |
-| `deno-vue`       |                                                                                                              |
-| `deno-react`     |                                                                                                              |
-| `deno-preact`    |                                                                                                              |
-| `deno-lit`       |                                                                                                              |
-| `deno-svelte`    |                                                                                                              |
-| `library`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-library)        |
-| `library-ts`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-library-ts)     |
-| `ssr-transform`  | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-transform)  |
+| Template            | Try online                                                                                                   |
+| ------------------- | ------------------------------------------------------------------------------------------------------------ |
+| `ssr-vanilla`       | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vanilla)    |
+| `ssr-vanilla-ts`    | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vanilla-ts) |
+| `ssr-vue`           | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vue)        |
+| `ssr-vue-ts`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-vue-ts)     |
+| `ssr-react`         | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-react)      |
+| `ssr-react-ts`      | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-react-ts)   |
+| `ssr-react-swc`     |                                                                                                              |
+| `ssr-react-swc-ts`  |                                                                                                              |
+| `ssr-preact`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-preact)     |
+| `ssr-preact-ts`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-preact-ts)  |
+| `ssr-svelte`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-svelte)     |
+| `ssr-svelte-ts`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-svelte-ts)  |
+| `deno-vanilla`      |                                                                                                              |
+| `deno-vanilla-ts`   |                                                                                                              |
+| `deno-vue`          |                                                                                                              |
+| `deno-vue-ts`       |                                                                                                              |
+| `deno-react`        |                                                                                                              |
+| `deno-react-ts`     |                                                                                                              |
+| `deno-react-swc`    |                                                                                                              |
+| `deno-react-swc-ts` |                                                                                                              |
+| `deno-preact`       |                                                                                                              |
+| `deno-preact-ts`    |                                                                                                              |
+| `deno-lit`          |                                                                                                              |
+| `deno-lit-ts`       |                                                                                                              |
+| `deno-svelte`       |                                                                                                              |
+| `deno-svelte-ts`    |                                                                                                              |
+| `library`           | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-library)        |
+| `library-ts`        | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-library-ts)     |
+| `ssr-transform`     | [StackBlitz](https://stackblitz.com/fork/github/bluwy/create-vite-extra/tree/master/template-ssr-transform)  |
 
 You can use `.` for the project name to scaffold in the current directory.
 

package/index.js

@@ -70,6 +70,16 @@ const FRAMEWORKS = [
         name: 'ssr-react-ts',
         display: 'TypeScript',
         color: blue
+      },
+      {
+        name: 'ssr-react-swc',
+        display: 'JavaScript + SWC',
+        color: yellow
+      },
+      {
+        name: 'ssr-react-swc-ts',
+        display: 'TypeScript + SWC',
+        color: blue
       }
     ]
   },
@@ -123,31 +133,125 @@ const FRAMEWORKS = [
   },
   {
     name: 'deno-vanilla',
-    color: yellow
+    color: yellow,
+    variants: [
+      {
+        name: 'deno-vanilla',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-vanilla-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-vue',
-    color: green
+    color: green,
+    variants: [
+      {
+        name: 'deno-vue',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-vue-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-react',
-    color: cyan
+    color: cyan,
+    variants: [
+      {
+        name: 'deno-react',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-react-ts',
+        display: 'TypeScript',
+        color: blue
+      },
+      {
+        name: 'deno-react-swc',
+        display: 'JavaScript + SWC',
+        color: yellow
+      },
+      {
+        name: 'deno-react-swc-ts',
+        display: 'TypeScript + SWC',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-preact',
-    color: magenta
+    color: magenta,
+    variants: [
+      {
+        name: 'deno-preact',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-preact-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-lit',
-    color: lightRed
+    color: lightRed,
+    variants: [
+      {
+        name: 'deno-lit',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-lit-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-svelte',
-    color: red
+    color: red,
+    variants: [
+      {
+        name: 'deno-svelte',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-svelte-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'deno-solid',
-    color: lightBlue
+    color: lightBlue,
+    variants: [
+      {
+        name: 'deno-solid',
+        display: 'JavaScript',
+        color: yellow
+      },
+      {
+        name: 'deno-solid-ts',
+        display: 'TypeScript',
+        color: blue
+      }
+    ]
   },
   {
     name: 'library',
@@ -183,7 +287,7 @@ async function init() {
   /** @type {string} */
   // @ts-ignore
   let targetDir = formatTargetDir(argv._[0])
-  let template = argv.template || argv.t
+  const argTemplate = argv.template || argv.t
 
   const defaultTargetDir = 'vite-project'
   const getProjectName = () =>
@@ -232,19 +336,20 @@ async function init() {
             isValidPackageName(dir) || 'Invalid package.json name'
         },
         {
-          type: template && TEMPLATES.includes(template) ? null : 'select',
+          type:
+            argTemplate && TEMPLATES.includes(argTemplate) ? null : 'select',
           name: 'framework',
           message:
-            typeof template === 'string' && !TEMPLATES.includes(template)
+            typeof argTemplate === 'string' && !TEMPLATES.includes(argTemplate)
               ? reset(
-                  `"${template}" isn't a valid template. Please choose from below: `
+                  `"${argTemplate}" isn't a valid template. Please choose from below: `
                 )
               : reset('Select a template:'),
           initial: 0,
           choices: FRAMEWORKS.map((framework) => {
             const frameworkColor = framework.color
             return {
-              title: frameworkColor(framework.name),
+              title: frameworkColor(framework.display || framework.name),
               value: framework
             }
           })
@@ -259,7 +364,7 @@ async function init() {
             framework.variants.map((variant) => {
               const variantColor = variant.color
               return {
-                title: variantColor(variant.name),
+                title: variantColor(variant.display || variant.name),
                 value: variant.name
               }
             })
@@ -288,7 +393,12 @@ async function init() {
   }
 
   // determine template
-  template = variant || framework?.name || template
+  let template = variant || framework?.name || argTemplate
+  let isReactSwc = false
+  if (template.includes('-swc')) {
+    isReactSwc = true
+    template = template.replace('-swc', '')
+  }
 
   console.log(`\nScaffolding project in ${root}...`)
 
@@ -316,6 +426,10 @@ async function init() {
 
   const isDeno = template.startsWith('deno-')
   if (isDeno) {
+    if (isReactSwc) {
+      setupReactSwc(root, { isTs: template.endsWith('-ts'), isDeno: true })
+    }
+
     console.log(`\nDone. Now run:\n`)
     if (root !== cwd) {
       console.log(`  cd ${path.relative(cwd, root)}`)
@@ -331,6 +445,10 @@ async function init() {
 
     write('package.json', JSON.stringify(pkg, null, 2))
 
+    if (isReactSwc) {
+      setupReactSwc(root, { isTs: template.endsWith('-ts'), isDeno: false })
+    }
+
     const pkgInfo = pkgFromUserAgent(process.env.npm_config_user_agent)
     const pkgManager = pkgInfo ? pkgInfo.name : 'npm'
 
@@ -436,6 +554,41 @@ function pkgFromUserAgent(userAgent) {
   }
 }
 
+/**
+ * @param {string} root
+ * @param {{ isTs: boolean, isDeno: boolean }} options
+ */
+function setupReactSwc(root, { isTs, isDeno }) {
+  if (isDeno) {
+    editFile(path.resolve(root, 'deno.json'), (content) => {
+      return content.replace(/deno run -A/g, 'deno run -A --unstable')
+    })
+  } else {
+    editFile(path.resolve(root, 'package.json'), (content) => {
+      return content.replace(
+        /"@vitejs\/plugin-react": ".+?"/,
+        `"@vitejs/plugin-react-swc": "^3.0.0"`
+      )
+    })
+  }
+  editFile(
+    path.resolve(root, `vite.config.${isDeno ? 'm' : ''}${isTs ? 'ts' : 'js'}`),
+    (content) => {
+      return content.replace('@vitejs/plugin-react', '@vitejs/plugin-react-swc')
+    }
+  )
+}
+
+/**
+ *
+ * @param {string} file
+ * @param {(content: string) => string} callback
+ */
+function editFile(file, callback) {
+  const content = fs.readFileSync(file, 'utf-8')
+  fs.writeFileSync(file, callback(content), 'utf-8')
+}
+
 init().catch((e) => {
   console.error(e)
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-extra",
-  "version": "0.1.9",
+  "version": "1.0.1",
   "type": "module",
   "license": "MIT",
   "author": "Bjorn Lu",

package/template-deno-lit/_gitignore

@@ -0,0 +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?

package/template-deno-lit/vite.config.mjs

@@ -1,14 +1,13 @@
-import { defineConfig } from 'npm:vite@^3.2.3'
+import { defineConfig } from 'npm:vite@^4.0.0'
 
-import 'npm:lit@^2.4.1'
+import 'npm:lit@^2.5.0'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
     lib: {
       entry: 'src/my-element.js',
-      formats: ['es'],
-      fileName: 'app'
+      formats: ['es']
     },
     rollupOptions: {
       external: /^lit/

package/template-deno-lit-ts/README.md

@@ -0,0 +1,30 @@
+# Vite + Deno + Lit + TypeScript
+
+## Running
+
+You need to have Deno v1.28.0 or later intalled to run this repo.
+
+Start a dev server:
+
+```
+$ deno task dev
+```
+
+## Deploy
+
+Build production assets:
+
+```
+$ deno task build
+```
+
+## Notes
+
+- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
+
+## Papercuts
+
+Currently there's a "papercut" for Deno users:
+
+- peer dependencies need to be referenced in `vite.config.js` - in this example
+  it is `lit` package that needs to be referenced

package/template-deno-lit-ts/_gitignore

@@ -0,0 +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?

package/template-deno-lit-ts/deno.json

@@ -0,0 +1,6 @@
+{
+  "tasks": {
+    "dev": "deno run -A --node-modules-dir npm:vite",
+    "build": "deno run -A --node-modules-dir npm:vite build"
+  }
+}

package/template-deno-lit-ts/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Lit</title>
+    <link rel="stylesheet" href="./src/index.css" />
+    <script type="module" src="/src/my-element.ts"></script>
+  </head>
+  <body>
+    <my-element>
+      <h1>Vite + Lit</h1>
+    </my-element>
+  </body>
+</html>

package/template-deno-lit-ts/public/vite-deno.svg

@@ -0,0 +1,36 @@
+<svg width="248" height="275" viewBox="0 0 248 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_553_1862)">
+<ellipse cx="133.981" cy="219.676" rx="73.9807" ry="14.6763" fill="#74825F" fill-opacity="0.51"/>
+<path d="M136.505 51.7512C153.877 66.3061 166.457 128.128 173.046 171.857C188.321 192.524 218.273 184.138 219.471 183.239C220.669 182.341 233.548 171.857 229.954 190.727C226.36 209.597 197.307 215.287 173.046 210.495C173.046 214.688 158.669 233.258 139.8 235.355C124.704 237.032 113.941 226.869 110.447 221.577L99.3649 216.186C96.7691 217.584 81.6934 221.817 64.9205 221.577C43.9543 221.278 44.8528 197.915 51.1427 186.833C56.1746 177.968 71.41 176.949 78.3987 177.548L84.3891 163.471C82.3923 163.671 69.9524 162.453 67.3166 161.973C64.0219 161.374 55.6307 149.898 59.2296 134.118C63.1234 117.046 95.7707 113.751 99.3649 112.254C102.959 110.756 104.457 96.6787 104.157 83.5C88.5823 81.7029 72.5581 73.9155 76.6016 55.0459C81.9929 29.8864 114.341 33.1812 136.505 51.7512Z" fill="#B1F491" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M102.66 83.5C106.254 83.8994 114.041 84.159 116.437 82.0024" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M90.3794 206.601C92.7756 213.191 100.863 216.785 100.863 216.785" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M171.249 196.418C172.148 199.114 173.346 210.495 171.249 214.389" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<circle cx="112.544" cy="54.2488" r="2.99517" fill="black"/>
+<path d="M63.1234 128.128C67.9157 130.924 77.62 138.312 78.0992 145.5C78.6983 154.486 73.307 160.476 69.1137 161.973" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M54.1379 182.64C58.7305 183.838 66.4181 189.23 67.9157 197.616C69.4132 206.002 71.5099 217.684 62.8239 221.577" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M68.5147 137.114L74.505 131.722" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M73.0074 149.693L81.6934 151.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M61.0268 191.626L67.6162 188.031" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M65.819 208.099L73.6065 210.196" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M30.9264 186.393L26.0084 169.639C25.7495 168.757 26.7174 168.022 27.4972 168.509L105.553 217.204C107.381 218.344 107.446 220.984 105.676 222.213L98.9017 226.917C94.8436 229.735 89.5878 230.226 85.1343 228.087C64.6655 218.258 52.0858 209.624 34.4753 192.341C32.8025 190.699 31.5866 188.642 30.9264 186.393Z" fill="#4DC3FF" stroke="black" stroke-width="4"/>
+<path d="M41.8791 160.074L46.7262 148.312C47.4243 146.618 49.8432 146.677 50.459 148.402L55.3497 162.106C55.872 163.57 54.5987 165.044 53.0748 164.74L43.337 162.797C42.1019 162.551 41.3992 161.238 41.8791 160.074Z" fill="#FFA901" stroke="black" stroke-width="4"/>
+<path d="M71.8785 149.588L101.01 128.223C105.454 124.964 111.741 127.892 112.05 133.394C113.793 164.454 113.06 185.535 109.769 215.636C109.227 220.59 103.792 223.354 99.4667 220.878C71.8486 205.063 53.3581 192.516 27.512 172.516C22.8968 168.945 24.4798 161.641 30.1507 160.265L69.3892 150.746C70.2872 150.528 71.1333 150.134 71.8785 149.588Z" fill="#BD34FE" stroke="black" stroke-width="4"/>
+<path d="M49.0264 145.468C58.7514 138.974 75.386 127.953 81.8842 123.946C83.0547 123.224 84.4689 123.961 84.6314 125.326L86.5911 141.788C86.752 143.139 88.1864 143.939 89.4205 143.365L95.4192 140.575C96.8754 139.898 98.4956 141.126 98.2363 142.711L90.6765 188.924C90.3789 190.743 87.9869 191.225 87.008 189.663L80.4098 179.132C79.7539 178.085 78.3152 177.877 77.3899 178.696L75.0448 180.77C74.0312 181.667 72.4383 181.319 71.8907 180.081L67.5098 170.18C66.9622 168.943 65.3693 168.595 64.3557 169.492L62.2372 171.366C61.2396 172.248 59.6743 171.927 59.1044 170.724L48.3367 147.981C47.9126 147.085 48.202 146.018 49.0264 145.468Z" fill="#FFD32B" stroke="black" stroke-width="4"/>
+<circle cx="92.7756" cy="48.2585" r="2.99517" fill="black"/>
+<path d="M104.88 161.075C100.088 151.97 109.473 142.505 114.764 138.911L151.904 151.49C152.004 156.582 150.047 168.143 141.421 173.655C130.638 180.543 110.87 172.457 104.88 161.075Z" fill="#B1F491"/>
+<path d="M111.346 222.775C101.521 208.878 115.439 197.017 123.626 192.824C129.703 192.1 142.516 193.468 145.152 204.73C148.446 218.807 130.554 237.227 111.346 222.775Z" fill="#B1F491"/>
+<path d="M123.626 192.824C112.285 195.592 101.179 211.429 115.799 227.493" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M114.764 138.911C109.473 142.505 100.088 151.97 104.88 161.075C110.87 172.457 130.638 180.543 141.421 173.655C150.047 168.143 152.004 156.582 151.904 151.49" stroke="black" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M104.457 153.887C108.35 151.99 118.354 149.334 127.22 153.887C138.302 159.577 143.993 167.964 144.592 170.66" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M115.539 155.684L118.235 147.297" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M136.505 165.268L141.896 159.278" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M115.539 199.114C130.814 197.317 138.003 205.104 139.5 214.089C140.998 223.075 138.602 235.056 132.312 235.655" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M129.317 205.403L134.109 198.814" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+<path d="M135.906 217.384L144.592 213.79" stroke="#3E7B28" stroke-opacity="0.55" stroke-width="3.5942" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_553_1862">
+<rect width="248" height="274.957" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/template-deno-lit-ts/public/vite.svg

@@ -0,0 +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-lit-ts/src/assets/lit.svg

@@ -0,0 +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="25.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 320"><path fill="#00E8FF" d="m64 192l25.926-44.727l38.233-19.114l63.974 63.974l10.833 61.754L192 320l-64-64l-38.074-25.615z"></path><path fill="#283198" d="M128 256V128l64-64v128l-64 64ZM0 256l64 64l9.202-60.602L64 192l-37.542 23.71L0 256Z"></path><path fill="#324FFF" d="M64 192V64l64-64v128l-64 64Zm128 128V192l64-64v128l-64 64ZM0 256V128l64 64l-64 64Z"></path><path fill="#0FF" d="M64 320V192l64 64z"></path></svg>

package/template-deno-lit-ts/src/index.css

@@ -0,0 +1,40 @@
+:root {
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+}