Merge branch 'main' into fix-middleware-wrapper

.changeset/tall-turkeys-kneel.md

@@ -0,0 +1,5 @@
+---
+"@solidjs/start": patch
+---
+
+update vite-plugin-solid of start

.github/workflows/typecheck.yml

@@ -21,6 +21,7 @@ on:
 jobs:
   typecheck:
     name: "👀 Typecheck"
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.pull_request.changed_files != 0)
 
     runs-on: ubuntu-latest
 

app.config.ts → docs/app.config.ts

@@ -3,7 +3,6 @@ import tailwindcss from "tailwindcss";
 import { config } from "vinxi/plugins/config";
 
 export default defineConfig({
-  appRoot: "./docs",
   // experimental: { islands: true },
   server: {
     preset: "cloudflare_module",

docs/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "solid-start-docs",
+  "type": "module",
+  "scripts": {
+    "dev": "vinxi dev",
+    "build": "vinxi build",
+    "start": "node ./.output/server/index.mjs"
+  },
+  "devDependencies": {
+    "@cloudflare/kv-asset-handler": "^0.2.0",
+    "@kobalte/core": "^0.13.1",
+    "@kobalte/utils": "^0.9.0",
+    "@solidjs/meta": "^0.29.0",
+    "@solidjs/router": "^0.15.0",
+    "@solidjs/start": "workspace:*",
+    "@tailwindcss/typography": "^0.5.9",
+    "@vinxi/plugin-mdx": "^3.7.1",
+    "autoprefixer": "^10.4.19",
+    "citty": "^0.1.5",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "coveralls": "^3.1.1",
+    "debug": "^4.3.4",
+    "graphql": "^16.7.1",
+    "postcss": "^8.4.38",
+    "rimraf": "^3.0.2",
+    "solid-js": "^1.9.2",
+    "solid-mdx": "^0.0.7",
+    "solid-start-mdx": "workspace:*",
+    "solid-transition-group": "^0.2.3",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "tinyglobby": "^0.2.2",
+    "tippy.js": "^6.3.7",
+    "turbo": "^1.10.7",
+    "typescript": "5.3.3",
+    "valibot": "~0.29.0",
+    "vinxi": "^0.4.3",
+    "vite": "^5.1.1"
+  },
+  "dependencies": {
+    "cross-env": "^7.0.3",
+    "wrangler": "3.22.1"
+  }
+}

docs/components/code-snippet.tsx → docs/src/components/code-snippet.tsx

@@ -17,7 +17,7 @@ const getSolidStartVersion = async () => {
 export function CodeSnippet() {
   const [npmVersion] = createResource(() => getSolidStartVersion());
   return (
-    <aside class="pt-20 px-8 sm:px-4 md:px-0 md:max-w-96 max-w-screen mx-auto w-5/6">
+    <aside class="pt-20 px-4 sm:px-4 md:px-0 md:max-w-[30rem] max-w-screen mx-auto w-5/6">
       <Tabs defaultValue="pnpm">
         <Tabs.List class="flex justify-center space-x-4 pb-10">
           <Tabs.Trigger
@@ -44,11 +44,18 @@ export function CodeSnippet() {
           >
             yarn
           </Tabs.Trigger>
+          <Tabs.Trigger
+            value="deno"
+            class="scale-75 grayscale opacity-70 focus:grayscale-0 focus:opacity-100 hover:grayscale-0 hover:opacity-100 transition-all ease-in-out duration-500 data-[selected]:scale-100 data-[selected]:grayscale-0 data-[selected]:opacity-100"
+          >
+            deno
+          </Tabs.Trigger>
         </Tabs.List>
-        <TabContent manager="pnpm" />
-        <TabContent manager="bun" />
-        <TabContent manager="npm" />
-        <TabContent manager="yarn" />
+        <TabContent manager="pnpm" command="create solid" />
+        <TabContent manager="bun" command="create solid" />
+        <TabContent manager="npm" command="create solid" />
+        <TabContent manager="yarn" command="create solid" />
+        <TabContent manager="deno" command="run -A npm:create-solid" />
       </Tabs>
       <Suspense>
         <small class="font-mono text-right pt-2 inline-block w-full dark:text-sky-400/60 text-sky-950">
@@ -59,7 +66,7 @@ export function CodeSnippet() {
   );
 }
 
-function TabContent(props: { manager: string }) {
+function TabContent(props: { manager: string, command: string }) {
   return (
     <Tabs.Content
       value={props.manager}
@@ -74,12 +81,12 @@ function TabContent(props: { manager: string }) {
         id="bottom-line"
         class="absolute -bottom-px left-11 right-20 h-px bg-gradient-to-r from-blue-400/0 via-blue-800 dark:via-blue-400 to-blue-400/0 animate-bounce"
       ></div>
-      <pre class="text-2xl md:text-3xl font-mono py-2 px-5 flex justify-center dark:shadow-[0px_0px_35px_rgb(125,211,252,0.15)] rounded-md ring-1 ring-sky-950 select-all">
+      <pre class="text-l md:text-2xl font-mono py-2 px-5 flex justify-center dark:shadow-[0px_0px_35px_rgb(125,211,252,0.15)] rounded-md ring-1 ring-sky-950 select-all">
         <div
           aria-hidden="true"
           class="hidden dark:block absolute inset-0 bg-gradient-to-tr from-blue-300 rounded-md via-blue-300/70 to-blue-300 opacity-5 pointer-events-none"
         />
-        <span class="dark:text-cyan-200 text-cyan-600">{props.manager}</span> create solid
+        <span class="dark:text-cyan-200 text-cyan-600">{props.manager}</span> {' '+props.command}
       </pre>
     </Tabs.Content>
   );