npm - create-vite-extra - Versions diffs - 0.0.1 - Mend

create-vite-extra 0.0.1

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 (177) hide show

package/LICENSE +21 -0
package/README.md +79 -0
package/index.js +384 -0
package/package.json +34 -0
package/template-library/_gitignore +24 -0
package/template-library/index.d.ts +1 -0
package/template-library/index.html +13 -0
package/template-library/javascript.svg +1 -0
package/template-library/lib/main.js +9 -0
package/template-library/main.js +23 -0
package/template-library/package.json +22 -0
package/template-library/public/vite.svg +1 -0
package/template-library/style.css +97 -0
package/template-library/vite.config.js +11 -0
package/template-library-ts/_gitignore +24 -0
package/template-library-ts/index.d.ts +1 -0
package/template-library-ts/index.html +13 -0
package/template-library-ts/lib/main.ts +9 -0
package/template-library-ts/package.json +23 -0
package/template-library-ts/public/vite.svg +1 -0
package/template-library-ts/src/main.ts +23 -0
package/template-library-ts/src/style.css +97 -0
package/template-library-ts/src/typescript.svg +1 -0
package/template-library-ts/src/vite-env.d.ts +1 -0
package/template-library-ts/tsconfig.json +20 -0
package/template-library-ts/vite.config.ts +11 -0
package/template-ssr-preact/_gitignore +24 -0
package/template-ssr-preact/index.html +14 -0
package/template-ssr-preact/package.json +25 -0
package/template-ssr-preact/public/vite.svg +1 -0
package/template-ssr-preact/server.js +71 -0
package/template-ssr-preact/src/app.css +25 -0
package/template-ssr-preact/src/app.jsx +32 -0
package/template-ssr-preact/src/assets/preact.svg +1 -0
package/template-ssr-preact/src/entry-client.jsx +5 -0
package/template-ssr-preact/src/entry-server.jsx +7 -0
package/template-ssr-preact/src/index.css +70 -0
package/template-ssr-preact/vite.config.js +15 -0
package/template-ssr-preact-ts/_gitignore +24 -0
package/template-ssr-preact-ts/index.html +14 -0
package/template-ssr-preact-ts/package.json +27 -0
package/template-ssr-preact-ts/public/vite.svg +1 -0
package/template-ssr-preact-ts/server.js +71 -0
package/template-ssr-preact-ts/src/app.css +25 -0
package/template-ssr-preact-ts/src/app.tsx +32 -0
package/template-ssr-preact-ts/src/assets/preact.svg +1 -0
package/template-ssr-preact-ts/src/entry-client.tsx +5 -0
package/template-ssr-preact-ts/src/entry-server.tsx +7 -0
package/template-ssr-preact-ts/src/index.css +70 -0
package/template-ssr-preact-ts/src/preact.d.ts +1 -0
package/template-ssr-preact-ts/src/vite-env.d.ts +1 -0
package/template-ssr-preact-ts/tsconfig.json +23 -0
package/template-ssr-preact-ts/tsconfig.node.json +16 -0
package/template-ssr-preact-ts/vite.config.ts +15 -0
package/template-ssr-react/_gitignore +24 -0
package/template-ssr-react/index.html +14 -0
package/template-ssr-react/package.json +27 -0
package/template-ssr-react/public/vite.svg +1 -0
package/template-ssr-react/server.js +71 -0
package/template-ssr-react/src/App.css +41 -0
package/template-ssr-react/src/App.jsx +34 -0
package/template-ssr-react/src/assets/react.svg +1 -0
package/template-ssr-react/src/entry-client.jsx +11 -0
package/template-ssr-react/src/entry-server.jsx +12 -0
package/template-ssr-react/src/index.css +70 -0
package/template-ssr-react/vite.config.js +7 -0
package/template-ssr-react-ts/_gitignore +24 -0
package/template-ssr-react-ts/index.html +14 -0
package/template-ssr-react-ts/package.json +28 -0
package/template-ssr-react-ts/public/vite.svg +1 -0
package/template-ssr-react-ts/server.js +71 -0
package/template-ssr-react-ts/src/App.css +41 -0
package/template-ssr-react-ts/src/App.tsx +34 -0
package/template-ssr-react-ts/src/assets/react.svg +1 -0
package/template-ssr-react-ts/src/entry-client.tsx +11 -0
package/template-ssr-react-ts/src/entry-server.tsx +12 -0
package/template-ssr-react-ts/src/index.css +70 -0
package/template-ssr-react-ts/src/vite-env.d.ts +1 -0
package/template-ssr-react-ts/tsconfig.json +21 -0
package/template-ssr-react-ts/tsconfig.node.json +15 -0
package/template-ssr-react-ts/vite.config.ts +7 -0
package/template-ssr-svelte/.vscode/extensions.json +3 -0
package/template-ssr-svelte/README.md +48 -0
package/template-ssr-svelte/_gitignore +24 -0
package/template-ssr-svelte/index.html +14 -0
package/template-ssr-svelte/jsconfig.json +34 -0
package/template-ssr-svelte/package.json +24 -0
package/template-ssr-svelte/public/vite.svg +1 -0
package/template-ssr-svelte/server.js +71 -0
package/template-ssr-svelte/src/App.svelte +45 -0
package/template-ssr-svelte/src/app.css +81 -0
package/template-ssr-svelte/src/assets/svelte.svg +1 -0
package/template-ssr-svelte/src/entry-client.js +7 -0
package/template-ssr-svelte/src/entry-server.js +6 -0
package/template-ssr-svelte/src/lib/Counter.svelte +10 -0
package/template-ssr-svelte/src/vite-env.d.ts +2 -0
package/template-ssr-svelte/vite.config.js +13 -0
package/template-ssr-svelte-ts/.vscode/extensions.json +3 -0
package/template-ssr-svelte-ts/README.md +48 -0
package/template-ssr-svelte-ts/_gitignore +24 -0
package/template-ssr-svelte-ts/index.html +14 -0
package/template-ssr-svelte-ts/package.json +29 -0
package/template-ssr-svelte-ts/public/vite.svg +1 -0
package/template-ssr-svelte-ts/server.js +71 -0
package/template-ssr-svelte-ts/src/App.svelte +45 -0
package/template-ssr-svelte-ts/src/app.css +81 -0
package/template-ssr-svelte-ts/src/assets/svelte.svg +1 -0
package/template-ssr-svelte-ts/src/entry-client.ts +7 -0
package/template-ssr-svelte-ts/src/entry-server.ts +6 -0
package/template-ssr-svelte-ts/src/lib/Counter.svelte +10 -0
package/template-ssr-svelte-ts/src/vite-env.d.ts +2 -0
package/template-ssr-svelte-ts/svelte.config.js +7 -0
package/template-ssr-svelte-ts/tsconfig.json +21 -0
package/template-ssr-svelte-ts/tsconfig.node.json +8 -0
package/template-ssr-svelte-ts/vite.config.ts +13 -0
package/template-ssr-transform/README.md +3 -0
package/template-ssr-transform/_gitignore +24 -0
package/template-ssr-transform/package.json +12 -0
package/template-ssr-transform/src/foo.js +3 -0
package/template-ssr-transform/src/main.js +5 -0
package/template-ssr-transform/test.js +13 -0
package/template-ssr-vanilla/_gitignore +24 -0
package/template-ssr-vanilla/index.html +14 -0
package/template-ssr-vanilla/package.json +22 -0
package/template-ssr-vanilla/public/vite.svg +1 -0
package/template-ssr-vanilla/server.js +71 -0
package/template-ssr-vanilla/src/counter.js +9 -0
package/template-ssr-vanilla/src/entry-client.js +5 -0
package/template-ssr-vanilla/src/entry-server.js +22 -0
package/template-ssr-vanilla/src/javascript.svg +1 -0
package/template-ssr-vanilla/src/style.css +97 -0
package/template-ssr-vanilla-ts/_gitignore +24 -0
package/template-ssr-vanilla-ts/index.html +14 -0
package/template-ssr-vanilla-ts/package.json +25 -0
package/template-ssr-vanilla-ts/public/vite.svg +1 -0
package/template-ssr-vanilla-ts/server.js +71 -0
package/template-ssr-vanilla-ts/src/counter.ts +9 -0
package/template-ssr-vanilla-ts/src/entry-client.ts +5 -0
package/template-ssr-vanilla-ts/src/entry-server.ts +22 -0
package/template-ssr-vanilla-ts/src/style.css +97 -0
package/template-ssr-vanilla-ts/src/typescript.svg +1 -0
package/template-ssr-vanilla-ts/src/vite-env.d.ts +1 -0
package/template-ssr-vanilla-ts/tsconfig.json +22 -0
package/template-ssr-vanilla-ts/tsconfig.node.json +8 -0
package/template-ssr-vue/.vscode/extensions.json +3 -0
package/template-ssr-vue/README.md +7 -0
package/template-ssr-vue/_gitignore +24 -0
package/template-ssr-vue/index.html +14 -0
package/template-ssr-vue/package.json +24 -0
package/template-ssr-vue/public/vite.svg +1 -0
package/template-ssr-vue/server.js +71 -0
package/template-ssr-vue/src/App.vue +31 -0
package/template-ssr-vue/src/assets/vue.svg +1 -0
package/template-ssr-vue/src/components/HelloWorld.vue +40 -0
package/template-ssr-vue/src/entry-client.js +6 -0
package/template-ssr-vue/src/entry-server.js +15 -0
package/template-ssr-vue/src/main.js +10 -0
package/template-ssr-vue/src/style.css +90 -0
package/template-ssr-vue/vite.config.js +7 -0
package/template-ssr-vue-ts/.vscode/extensions.json +3 -0
package/template-ssr-vue-ts/README.md +16 -0
package/template-ssr-vue-ts/_gitignore +24 -0
package/template-ssr-vue-ts/index.html +14 -0
package/template-ssr-vue-ts/package.json +26 -0
package/template-ssr-vue-ts/public/vite.svg +1 -0
package/template-ssr-vue-ts/server.js +71 -0
package/template-ssr-vue-ts/src/App.vue +31 -0
package/template-ssr-vue-ts/src/assets/vue.svg +1 -0
package/template-ssr-vue-ts/src/components/HelloWorld.vue +38 -0
package/template-ssr-vue-ts/src/entry-client.ts +6 -0
package/template-ssr-vue-ts/src/entry-server.ts +15 -0
package/template-ssr-vue-ts/src/main.ts +10 -0
package/template-ssr-vue-ts/src/style.css +81 -0
package/template-ssr-vue-ts/src/vite-env.d.ts +7 -0
package/template-ssr-vue-ts/tsconfig.json +18 -0
package/template-ssr-vue-ts/tsconfig.node.json +9 -0
package/template-ssr-vue-ts/vite.config.ts +7 -0

package/template-ssr-transform/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# SSR Transform
+A simple template to test Vite's SSR transformation used for importing modules in the server. Run `npm run test` to see the transformed output of `src/main.js`.

package/template-ssr-transform/_gitignore ADDED Viewed

@@ -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-ssr-transform/package.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "name": "vite-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "test": "node test"
+  },
+  "devDependencies": {
+    "vite": "^3.0.1"
+  }
+}

package/template-ssr-transform/src/foo.js ADDED Viewed

@@ -0,0 +1,3 @@
+export function foo() {
+  return 'foo'
+}

package/template-ssr-transform/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { foo } from './foo'
+export function foobar() {
+  return foo() + 'bar'
+}

package/template-ssr-transform/test.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { createServer } from 'vite'
+const entry = '/src/main.js'
+const server = await createServer()
+server.pluginContainer.buildStart({})
+const content = await server.transformRequest(entry)
+const transformed = await server.ssrTransform(content.code, content.map, entry)
+console.log(transformed.code)
+await server.close()

package/template-ssr-vanilla/_gitignore ADDED Viewed

@@ -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-ssr-vanilla/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!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 App</title>
+    <!--app-head-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/entry-client.js"></script>
+  </body>
+</html>

package/template-ssr-vanilla/package.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "name": "vite-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node server",
+    "build": "npm run build:client && npm run build:server",
+    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:server": "vite build --ssr src/entry-server.js --outDir dist/server",
+    "preview": "cross-env NODE_ENV=production node server"
+  },
+  "dependencies": {
+    "compression": "^1.7.4",
+    "express": "^4.18.1",
+    "sirv": "^2.0.2"
+  },
+  "devDependencies": {
+    "cross-env": "^7.0.3",
+    "vite": "^3.0.1"
+  }
+}

package/template-ssr-vanilla/public/vite.svg ADDED Viewed

@@ -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-ssr-vanilla/server.js ADDED Viewed

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises'
+import express from 'express'
+// Constants
+const isProduction = process.env.NODE_ENV === 'production'
+const port = process.env.PORT || 5173
+const base = process.env.BASE || '/'
+// Cached production assets
+const templateHtml = isProduction
+  ? await fs.readFile('./dist/client/index.html', 'utf-8')
+  : ''
+const ssrManifest = isProduction
+  ? await fs.readFile('./dist/client/ssr-manifest.json', 'utf-8')
+  : undefined
+// Create http server
+const app = express()
+// Add Vite or respective production middlewares
+let vite
+if (!isProduction) {
+  const { createServer } = await import('vite')
+  vite = await createServer({
+    server: { middlewareMode: true },
+    appType: 'custom',
+    base
+  })
+  app.use(vite.middlewares)
+} else {
+  const compression = (await import('compression')).default
+  const sirv = (await import('sirv')).default
+  app.use(compression())
+  app.use(base, sirv('./dist/client', { extensions: [] }))
+}
+// Serve HTML
+app.use('*', async (req, res) => {
+  try {
+    const url = req.originalUrl.replace(base, '')
+    let template
+    let render
+    if (!isProduction) {
+      // Always read fresh template in development
+      template = await fs.readFile('./index.html', 'utf-8')
+      template = await vite.transformIndexHtml(url, template)
+      render = (await vite.ssrLoadModule('/src/entry-server.js')).render
+    } else {
+      template = templateHtml
+      render = (await import('./dist/server/entry-server.js')).render
+    }
+    const rendered = await render(url, ssrManifest)
+    const html = template
+      .replace(`<!--app-head-->`, rendered.head ?? '')
+      .replace(`<!--app-html-->`, rendered.html ?? '')
+    res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
+  } catch (e) {
+    vite?.ssrFixStacktrace(e)
+    console.log(e.stack)
+    res.status(500).end(e.stack)
+  }
+})
+// Start http server
+app.listen(port, () => {
+  console.log(`Server started at http://localhost:${port}`)
+})

package/template-ssr-vanilla/src/counter.js ADDED Viewed

@@ -0,0 +1,9 @@
+export function setupCounter(element) {
+  let counter = 0
+  const setCounter = (count) => {
+    counter = count
+    element.innerHTML = `count is ${counter}`
+  }
+  element.addEventListener('click', () => setCounter(++counter))
+  setCounter(0)
+}

package/template-ssr-vanilla/src/entry-client.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './style.css'
+import './javascript.svg'
+import { setupCounter } from './counter'
+setupCounter(document.querySelector('#counter'))

package/template-ssr-vanilla/src/entry-server.js ADDED Viewed

@@ -0,0 +1,22 @@
+import javascriptLogo from './javascript.svg'
+export function render() {
+  const html = `
+    <div>
+      <a href="https://vitejs.dev" target="_blank">
+        <img src="/vite.svg" class="logo" alt="Vite logo" />
+      </a>
+      <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
+        <img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
+      </a>
+      <h1>Hello Vite!</h1>
+      <div class="card">
+        <button id="counter" type="button"></button>
+      </div>
+      <p class="read-the-docs">
+        Click on the Vite logo to learn more
+      </p>
+    </div>
+  `
+  return { html }
+}

package/template-ssr-vanilla/src/javascript.svg ADDED Viewed

@@ -0,0 +1 @@

package/template-ssr-vanilla/src/style.css ADDED Viewed

@@ -0,0 +1,97 @@
+: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;
+}
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vanilla:hover {
+  filter: drop-shadow(0 0 2em #f7df1eaa);
+}
+.card {
+  padding: 2em;
+}
+.read-the-docs {
+  color: #888;
+}
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/template-ssr-vanilla-ts/_gitignore ADDED Viewed

@@ -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-ssr-vanilla-ts/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!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 + TS</title>
+    <!--app-head-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/entry-client.ts"></script>
+  </body>
+</html>

package/template-ssr-vanilla-ts/package.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "vite-typescript-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node server",
+    "build": "npm run build:client && npm run build:server",
+    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:server": "vite build --ssr src/entry-server.ts --outDir dist/server",
+    "preview": "cross-env NODE_ENV=production node server"
+  },
+  "dependencies": {
+    "compression": "^1.7.4",
+    "express": "^4.18.1",
+    "sirv": "^2.0.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.13",
+    "@types/node": "^18.0.6",
+    "cross-env": "^7.0.3",
+    "typescript": "^4.6.4",
+    "vite": "^3.0.1"
+  }
+}

package/template-ssr-vanilla-ts/public/vite.svg ADDED Viewed

@@ -0,0 +1 @@

package/template-ssr-vanilla-ts/server.js ADDED Viewed

@@ -0,0 +1,71 @@
+import fs from 'node:fs/promises'
+import express from 'express'
+// Constants
+const isProduction = process.env.NODE_ENV === 'production'
+const port = process.env.PORT || 5173
+const base = process.env.BASE || '/'
+// Cached production assets
+const templateHtml = isProduction
+  ? await fs.readFile('./dist/client/index.html', 'utf-8')
+  : ''
+const ssrManifest = isProduction
+  ? await fs.readFile('./dist/client/ssr-manifest.json', 'utf-8')
+  : undefined
+// Create http server
+const app = express()
+// Add Vite or respective production middlewares
+let vite
+if (!isProduction) {
+  const { createServer } = await import('vite')
+  vite = await createServer({
+    server: { middlewareMode: true },
+    appType: 'custom',
+    base
+  })
+  app.use(vite.middlewares)
+} else {
+  const compression = (await import('compression')).default
+  const sirv = (await import('sirv')).default
+  app.use(compression())
+  app.use(base, sirv('./dist/client', { extensions: [] }))
+}
+// Serve HTML
+app.use('*', async (req, res) => {
+  try {
+    const url = req.originalUrl.replace(base, '')
+    let template
+    let render
+    if (!isProduction) {
+      // Always read fresh template in development
+      template = await fs.readFile('./index.html', 'utf-8')
+      template = await vite.transformIndexHtml(url, template)
+      render = (await vite.ssrLoadModule('/src/entry-server.ts')).render
+    } else {
+      template = templateHtml
+      render = (await import('./dist/server/entry-server.js')).render
+    }
+    const rendered = await render(url, ssrManifest)
+    const html = template
+      .replace(`<!--app-head-->`, rendered.head ?? '')
+      .replace(`<!--app-html-->`, rendered.html ?? '')
+    res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
+  } catch (e) {
+    vite?.ssrFixStacktrace(e)
+    console.log(e.stack)
+    res.status(500).end(e.stack)
+  }
+})
+// Start http server
+app.listen(port, () => {
+  console.log(`Server started at http://localhost:${port}`)
+})

package/template-ssr-vanilla-ts/src/counter.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export function setupCounter(element: HTMLButtonElement) {
+  let counter = 0
+  const setCounter = (count: number) => {
+    counter = count
+    element.innerHTML = `count is ${counter}`
+  }
+  element.addEventListener('click', () => setCounter(++counter))
+  setCounter(0)
+}

package/template-ssr-vanilla-ts/src/entry-client.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import './style.css'
+import './typescript.svg'
+import { setupCounter } from './counter'
+setupCounter(document.querySelector('#counter') as HTMLButtonElement)

package/template-ssr-vanilla-ts/src/entry-server.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import typescriptLogo from './typescript.svg'
+export function render() {
+  const html = `
+    <div>
+      <a href="https://vitejs.dev" target="_blank">
+        <img src="/vite.svg" class="logo" alt="Vite logo" />
+      </a>
+      <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
+        <img src="${typescriptLogo}" class="logo vanilla" alt="JavaScript logo" />
+      </a>
+      <h1>Hello Vite!</h1>
+      <div class="card">
+        <button id="counter" type="button"></button>
+      </div>
+      <p class="read-the-docs">
+        Click on the Vite logo to learn more
+      </p>
+    </div>
+  `
+  return { html }
+}

package/template-ssr-vanilla-ts/src/style.css ADDED Viewed

@@ -0,0 +1,97 @@
+: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;
+}
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vanilla:hover {
+  filter: drop-shadow(0 0 2em #3178c6aa);
+}
+.card {
+  padding: 2em;
+}
+.read-the-docs {
+  color: #888;
+}
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/template-ssr-vanilla-ts/src/typescript.svg ADDED Viewed

@@ -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="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>

package/template-ssr-vanilla-ts/src/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/template-ssr-vanilla-ts/tsconfig.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
+    "strict": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "exclude": ["src/entry-server.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/template-ssr-vanilla-ts/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node"
+  },
+  "include": ["src/entry-server.ts", "src/vite-env.d.ts"]
+}