@solidjs/start 2.0.0-rc.3 → 2.0.0-rc.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @solidjs/start
 
+## 2.0.0-rc.4
+
+### Patch Changes
+
+- b6dfaac: Updated dependencies, including `cookie-es` to 3, `shiki` to 4, `srvx` to 0.12.4, `oxc-parser` to 0.141 and `seroval` to 1.5.6. `parseSetCookie` now returns `undefined` for cookies with a forbidden name or an empty name and value, and those cookies are no longer forwarded to nested server function requests.
+- 02cd41e: Stop the dev toolbar from reporting benign `ResizeObserver loop` notifications as application errors. Browsers dispatch these as window `error` events carrying no error object, so the toolbar was capturing the raw `ErrorEvent` and force-opening the error panel over the app on every resize.
+- d3c2af2: Don't send server error stack traces to the client in production builds. When a server function throws, the error is serialized and rethrown on the client, and seroval included `Error.prototype.stack` by default, leaking server file paths and internal function names. Stacks are still serialized in development.
+
 ## 2.0.0-rc.3
 
 ### Patch Changes

package/dist/config/env.js

@@ -58,13 +58,13 @@ export function envPlugin(options) {
                 }
                 const vars = currentOptions.server?.load
                     ? currentOptions.server.load(env)
-                    : loadEnv(env, '.', serverPrefix);
+                    : loadEnv(env, ".", serverPrefix);
                 return convertObjectToModule(vars);
             }
             if (filename === CLIENT_ENV) {
                 const vars = currentOptions.client?.load
                     ? currentOptions.client.load(env)
-                    : loadEnv(env, '.', clientPrefix);
+                    : loadEnv(env, ".", clientPrefix);
                 return convertObjectToModule(vars);
             }
             if (filename === SERVER_RUNTIME_LOADER) {

package/dist/config/manifest.js

@@ -40,7 +40,7 @@ export function manifest(start) {
                     if (!entry)
                         throw new Error("No client entry found");
                     let rawManifest;
-                    const viteMajor = parseInt(viteVersion.split('.')[0], 10);
+                    const viteMajor = parseInt(viteVersion.split(".")[0], 10);
                     const manifestKey = Object.keys(globalThis.START_CLIENT_BUNDLE).find(k => k.endsWith("manifest.json"));
                     if (manifestKey && viteMajor < 8) {
                         const manifestAsset = globalThis.START_CLIENT_BUNDLE[manifestKey];
@@ -53,7 +53,8 @@ export function manifest(start) {
                             if (devServer?.environments?.client?.config?.build?.outDir) {
                                 outDir = devServer.environments.client.config.build.outDir;
                             }
-                            else if (this.environment?.config?.build?.outDir && this.environment?.config?.consumer === "client") {
+                            else if (this.environment?.config?.build?.outDir &&
+                                this.environment?.config?.consumer === "client") {
                                 outDir = this.environment.config.build.outDir;
                             }
                             else if (globalThis.START_CLIENT_OUT_DIR) {

package/dist/directives/remove-unused-variables.js

@@ -8,7 +8,7 @@ function isInvalidForRemoval(path) {
     // This one is for destructured variables
     let target = path;
     if (isPathValid(path, t.isVariableDeclarator)) {
-        target = path.get('id');
+        target = path.get("id");
     }
     return isPathValid(target, t.isObjectPattern) || isPathValid(target, t.isArrayPattern);
 }
@@ -42,7 +42,7 @@ export function removeUnusedVariables(program) {
                                     }
                                     dirty = true;
                                 }
-                                else if (!(isInvalidForRemoval(binding.path))) {
+                                else if (!isInvalidForRemoval(binding.path)) {
                                     binding.path.remove();
                                     dirty = true;
                                 }

package/dist/directives/xxhash32.js

@@ -34,7 +34,7 @@ function toUtf8(text) {
  * @param seed - optional seed (32-bit unsigned);
  */
 export default function xxHash32(buffer, seed = 0) {
-    buffer = typeof buffer === 'string' ? toUtf8(buffer) : buffer;
+    buffer = typeof buffer === "string" ? toUtf8(buffer) : buffer;
     const b = buffer;
     /*
       Step 1. Initialize internal accumulators
@@ -144,9 +144,7 @@ export default function xxHash32(buffer, seed = 0) {
         const laneP = laneN0 * PRIME32_3 + ((laneN1 * PRIME32_3) << 16);
         acc = (acc + laneP) & 0xffffffff;
         acc = (acc << 17) | (acc >>> 15);
-        acc =
-            ((acc & 0xffff) * PRIME32_4 + (((acc >>> 16) * PRIME32_4) << 16)) &
-                0xffffffff;
+        acc = ((acc & 0xffff) * PRIME32_4 + (((acc >>> 16) * PRIME32_4) << 16)) & 0xffffffff;
     }
     /*
           ```
@@ -162,9 +160,7 @@ export default function xxHash32(buffer, seed = 0) {
         const lane = b[offset];
         acc += lane * PRIME32_5;
         acc = (acc << 11) | (acc >>> 21);
-        acc =
-            ((acc & 0xffff) * PRIME32_1 + (((acc >>> 16) * PRIME32_1) << 16)) &
-                0xffffffff;
+        acc = ((acc & 0xffff) * PRIME32_1 + (((acc >>> 16) * PRIME32_1) << 16)) & 0xffffffff;
     }
     /*
           Step 6. Final mix (avalanche)
@@ -180,13 +176,9 @@ export default function xxHash32(buffer, seed = 0) {
           ```
       */
     acc ^= acc >>> 15;
-    acc =
-        (((acc & 0xffff) * PRIME32_2) & 0xffffffff) +
-            (((acc >>> 16) * PRIME32_2) << 16);
+    acc = (((acc & 0xffff) * PRIME32_2) & 0xffffffff) + (((acc >>> 16) * PRIME32_2) << 16);
     acc ^= acc >>> 13;
-    acc =
-        (((acc & 0xffff) * PRIME32_3) & 0xffffffff) +
-            (((acc >>> 16) * PRIME32_3) << 16);
+    acc = (((acc & 0xffff) * PRIME32_3) & 0xffffffff) + (((acc >>> 16) * PRIME32_3) << 16);
     acc ^= acc >>> 16;
     // turn any negatives back into a positive number;
     return acc < 0 ? acc + 4294967296 : acc;

package/dist/fns/handler.js

@@ -132,8 +132,7 @@ export async function handleServerFunction(h3Event) {
             if (x.headers)
                 mergeResponseHeaders(h3Event, x.headers);
             // forward non-redirect statuses
-            if (x.status &&
-                (!instance || x.status < 300 || x.status >= 400))
+            if (x.status && (!instance || x.status < 300 || x.status >= 400))
                 h3Event.res.status = x.status;
             if (x.customBody) {
                 x = await x.customBody();
@@ -204,10 +203,7 @@ function handleNoJS(result, request, parsed, thrown) {
             result: isError ? result.message : result,
             thrown: thrown,
             error: isError,
-            input: [
-                ...parsed.slice(0, -1),
-                [...parsed[parsed.length - 1].entries()],
-            ],
+            input: [...parsed.slice(0, -1), [...parsed[parsed.length - 1].entries()]],
         }))}; Secure; HttpOnly;`);
     }
     return new Response(null, {
@@ -229,10 +225,15 @@ export function createSingleFlightHeaders(sourceEvent) {
     // 	useH3Internals = true;
     // 	sourceEvent.nativeEvent.node.req.headers.cookie = "";
     // }
-    SetCookies.forEach((cookie) => {
+    SetCookies.forEach(cookie => {
         if (!cookie)
             return;
-        const { maxAge, expires, name, value } = parseSetCookie(cookie);
+        // `parseSetCookie` returns undefined for forbidden cookie names and for
+        // cookies with an empty name and value.
+        const parsed = parseSetCookie(cookie);
+        if (!parsed)
+            return;
+        const { maxAge, expires, name, value } = parsed;
         if (maxAge != null && maxAge <= 0) {
             delete cookies[name];
             return;

package/dist/fns/serialization.js

@@ -16,6 +16,25 @@ const DEFAULT_PLUGINS = [
 ];
 const MAX_SERIALIZATION_DEPTH_LIMIT = 64;
 const DISABLED_FEATURES = Feature.RegExp;
+/**
+ * An error thrown by a server function is serialized and rethrown on the
+ * client, and seroval includes `Error.prototype.stack` by default. In
+ * production that leaks server file paths, internal function names and the
+ * shape of the deployment to anyone who can trigger a throw, so strip it.
+ * Development keeps the stack: that's where it's actually useful, and the
+ * paths it exposes are the developer's own.
+ *
+ * Only applied when writing; parsing leaves `DISABLED_FEATURES` alone so an
+ * incoming payload that does carry a stack still deserializes.
+ */
+const SERIALIZE_DISABLED_FEATURES = import.meta.env.PROD
+    ? DISABLED_FEATURES | Feature.ErrorPrototypeStack
+    : DISABLED_FEATURES;
+/**
+ * `crossSerializeStream` historically ran with every feature enabled, so only
+ * add the stack removal here rather than the full serialize set.
+ */
+const JS_SERIALIZE_DISABLED_FEATURES = import.meta.env.PROD ? Feature.ErrorPrototypeStack : 0;
 /**
  * Alexis:
  *
@@ -47,6 +66,7 @@ export function serializeToJSStream(id, value) {
         start(controller) {
             crossSerializeStream(value, {
                 scopeId: id,
+                disabledFeatures: JS_SERIALIZE_DISABLED_FEATURES,
                 plugins: DEFAULT_PLUGINS,
                 onSerialize(data, initial) {
                     controller.enqueue(createChunk(initial ? `(${getCrossReferenceHeader(id)},${data})` : data));
@@ -65,7 +85,7 @@ export function serializeToJSONStream(value) {
     return new ReadableStream({
         start(controller) {
             toCrossJSONStream(value, {
-                disabledFeatures: DISABLED_FEATURES,
+                disabledFeatures: SERIALIZE_DISABLED_FEATURES,
                 depthLimit: MAX_SERIALIZATION_DEPTH_LIMIT,
                 plugins: DEFAULT_PLUGINS,
                 onParse(node) {

package/dist/server/assets/render.jsx

@@ -9,6 +9,6 @@ const assetMap = {
     noscript: (props) => (<noscript {...props.attrs}>{props.children}</noscript>),
 };
 export function renderAsset(asset, nonce) {
-    let { tag, attrs: { key, ...attrs } = { key: undefined }, children, } = asset;
+    let { tag, attrs: { key, ...attrs } = { key: undefined }, children } = asset;
     return assetMap[tag]({ attrs: { ...attrs, nonce }, key, children });
 }

package/dist/shared/clientOnly.js

@@ -19,7 +19,9 @@ export default function clientOnly(fn, options = {}) {
             return Comp(rest);
         const [mounted, setMounted] = createSignal(!sharedConfig.context);
         onMount(() => setMounted(true));
-        return createMemo(() => ((Comp = comp()), (m = mounted()), untrack(() => (Comp && m ? Comp(rest) : props.fallback))));
+        return createMemo(() => ((Comp = comp()),
+            (m = mounted()),
+            untrack(() => (Comp && m ? Comp(rest) : props.fallback))));
     };
 }
 function load(fn, setComp) {

package/dist/shared/dev-toolbar/error-viewer/CodeView.jsx

@@ -51,7 +51,7 @@ export function CodeView(props) {
             for (let i = 0, len = lines.length; i < len; i++) {
                 const el = lines[i];
                 if (props.line - minLine() - 1 === i) {
-                    el.dataset.startErrorViewerErrorLine = '';
+                    el.dataset.startErrorViewerErrorLine = "";
                 }
             }
         }

package/dist/shared/dev-toolbar/functions/BlobViewer.css

@@ -1,4 +1,4 @@
 [data-start-blob-viewer] svg {
   width: 1rem;
   height: 1rem;
-}
+}

package/dist/shared/dev-toolbar/functions/BlobViewer.d.ts

@@ -1,5 +1,5 @@
-import { type JSX } from 'solid-js';
-import './BlobViewer.css';
+import { type JSX } from "solid-js";
+import "./BlobViewer.css";
 export interface BlobViewerProps {
     source: Blob | File | Promise<Blob | File>;
 }

package/dist/shared/dev-toolbar/functions/BlobViewer.jsx

@@ -1,7 +1,7 @@
-import { createMemo, createResource, onCleanup, Show, Suspense } from 'solid-js';
+import { createMemo, createResource, onCleanup, Show, Suspense } from "solid-js";
 import { Badge } from "../../ui/Badge.jsx";
 import Button from "../../ui/Button.jsx";
-import './BlobViewer.css';
+import "./BlobViewer.css";
 function DocumentIcon(props) {
     return (<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
       <title>{props.title}</title>
@@ -23,19 +23,15 @@ function BlobViewerInner(props) {
         document.body.removeChild(link);
     }
     return (<Button data-start-blob-viewer onClick={() => openFileInNewTab()}>
-      {props.source instanceof File
-            ? (<Badge type="info">
-            <DocumentIcon title={props.source.name}/>
-            {props.source.name}
-          </Badge>)
-            : <Badge type="info">{props.source.type}</Badge>}
+      {props.source instanceof File ? (<Badge type="info">
+          <DocumentIcon title={props.source.name}/>
+          {props.source.name}
+        </Badge>) : (<Badge type="info">{props.source.type}</Badge>)}
     </Button>);
 }
 export function BlobViewer(props) {
     const [data] = createResource(() => props.source);
     return (<Suspense>
-      <Show when={data()}>
-        {(current) => <BlobViewerInner source={current()}/>}
-      </Show>
+      <Show when={data()}>{current => <BlobViewerInner source={current()}/>}</Show>
     </Suspense>);
 }

package/dist/shared/dev-toolbar/functions/FormDataViewer.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'solid-js';
+import { type JSX } from "solid-js";
 export interface FormDataViewerProps {
     source: FormData | Promise<FormData>;
 }

package/dist/shared/dev-toolbar/functions/FormDataViewer.jsx

@@ -1,17 +1,15 @@
-import { createResource, For, Show, Suspense } from 'solid-js';
-import { Section } from '../../ui/Section.jsx';
-import { BlobViewer } from './BlobViewer.jsx';
-import { PropertySeparator, SerovalValue } from './SerovalValue.jsx';
+import { createResource, For, Show, Suspense } from "solid-js";
+import { Section } from "../../ui/Section.jsx";
+import { BlobViewer } from "./BlobViewer.jsx";
+import { PropertySeparator, SerovalValue } from "./SerovalValue.jsx";
 function FormDataViewerInner(props) {
-    return (<Section title="FormData" options={{ size: 'sm' }}>
+    return (<Section title="FormData" options={{ size: "sm" }}>
       <div data-start-form-data-viewer data-start-properties>
         <For each={Array.from(props.source.entries())}>
           {([key, value]) => (<div data-start-property>
               <SerovalValue value={`"${key}"`}/>
               <PropertySeparator />
-              {typeof value === 'string'
-                ? <SerovalValue value={`"${JSON.stringify(value)}"`}/>
-                : <BlobViewer source={value}/>}
+              {typeof value === "string" ? (<SerovalValue value={`"${JSON.stringify(value)}"`}/>) : (<BlobViewer source={value}/>)}
             </div>)}
         </For>
       </div>
@@ -20,8 +18,6 @@ function FormDataViewerInner(props) {
 export function FormDataViewer(props) {
     const [data] = createResource(() => props.source);
     return (<Suspense>
-      <Show when={data()}>
-        {(current) => <FormDataViewerInner source={current()}/>}
-      </Show>
+      <Show when={data()}>{current => <FormDataViewerInner source={current()}/>}</Show>
     </Suspense>);
 }

package/dist/shared/dev-toolbar/functions/HeadersViewer.d.ts

@@ -1,4 +1,4 @@
-import './HeadersViewer.css';
+import "./HeadersViewer.css";
 interface HeadersViewerProps {
     headers: Headers;
 }

package/dist/shared/dev-toolbar/functions/HeadersViewer.jsx

@@ -1,12 +1,12 @@
 import { For } from "solid-js";
 import { PropertySeparator, SerovalValue } from "./SerovalValue.jsx";
-import './HeadersViewer.css';
+import "./HeadersViewer.css";
 import { Text } from "../../ui/Text.jsx";
 export function HeadersViewer(props) {
     return (<div data-start-headers-viewer data-start-properties>
       <For each={Array.from(props.headers.entries())}>
         {([key, value]) => (<div data-start-property>
-            <Text options={{ size: 'xs', weight: 'semibold', wrap: 'nowrap' }}>{key}</Text>
+            <Text options={{ size: "xs", weight: "semibold", wrap: "nowrap" }}>{key}</Text>
             <PropertySeparator />
             <SerovalValue value={value}/>
           </div>)}

package/dist/shared/dev-toolbar/functions/HexViewer.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "solid-js";
-import './HexViewer.css';
+import "./HexViewer.css";
 interface HexViewerInnerProps {
     bytes: Uint8Array;
 }

package/dist/shared/dev-toolbar/functions/HexViewer.jsx

@@ -1,8 +1,8 @@
 import { createMemo, createResource, For, Show, Suspense } from "solid-js";
 import { Text } from "../../ui/Text.jsx";
-import './HexViewer.css';
+import "./HexViewer.css";
 function toHex(num, digits = 2) {
-    return num.toString(16).padStart(digits, '0').toUpperCase();
+    return num.toString(16).padStart(digits, "0").toUpperCase();
 }
 function HexChunk(props) {
     const content = createMemo(() => {
@@ -12,7 +12,7 @@ function HexChunk(props) {
         const byte4 = props.bytes[3] || 0;
         return `${toHex(byte1)} ${toHex(byte2)} ${toHex(byte3)} ${toHex(byte4)}`;
     });
-    return (<Text data-start-hex-chunk options={{ size: 'xs', weight: 'bold', wrap: 'nowrap' }}>
+    return (<Text data-start-hex-chunk options={{ size: "xs", weight: "bold", wrap: "nowrap" }}>
       {content()}
     </Text>);
 }
@@ -42,9 +42,7 @@ function HexText(props) {
         return result;
     });
     return (<div data-start-hex-text>
-      <Text options={{ size: 'xs', weight: 'bold', wrap: 'nowrap' }}>
-        {text()}
-      </Text>
+      <Text options={{ size: "xs", weight: "bold", wrap: "nowrap" }}>{text()}</Text>
     </div>);
 }
 export function HexViewerInner(props) {
@@ -57,22 +55,16 @@ export function HexViewerInner(props) {
     });
     return (<div data-start-hex-viewer>
       <div data-start-hex-viewer-bytes>
-        <For each={rows()}>
-          {(current) => <HexRow bytes={current}/>}
-        </For>
+        <For each={rows()}>{current => <HexRow bytes={current}/>}</For>
       </div>
       <div data-start-hex-viewer-text>
-        <For each={rows()}>
-          {(current) => <HexText bytes={current}/>}
-        </For>
+        <For each={rows()}>{current => <HexText bytes={current}/>}</For>
       </div>
     </div>);
 }
 export function HexViewer(props) {
     const [data] = createResource(() => props.bytes);
     return (<Suspense>
-      <Show when={data()}>
-        {(current) => <HexViewerInner bytes={current()}/>}
-      </Show>
+      <Show when={data()}>{current => <HexViewerInner bytes={current()}/>}</Show>
     </Suspense>);
 }

package/dist/shared/dev-toolbar/functions/SerovalValue.css

@@ -1,5 +1,3 @@
-
-
 [data-start-seroval-value] {
   display: flex;
   gap: 0.25rem;

package/dist/shared/dev-toolbar/functions/SerovalValue.d.ts

@@ -1,4 +1,4 @@
-import './SerovalValue.css';
+import "./SerovalValue.css";
 interface SerovalValueProps {
     value: string | number | boolean | undefined | null;
 }

package/dist/shared/dev-toolbar/functions/SerovalValue.jsx

@@ -1,10 +1,10 @@
 import { Text } from "../../ui/Text.jsx";
-import './SerovalValue.css';
+import "./SerovalValue.css";
 export function SerovalValue(props) {
-    return (<Text data-start-seroval-value options={{ size: 'xs', weight: 'semibold', wrap: 'nowrap' }}>
+    return (<Text data-start-seroval-value options={{ size: "xs", weight: "semibold", wrap: "nowrap" }}>
       {`${props.value}`}
     </Text>);
 }
 export function PropertySeparator() {
-    return <Text options={{ size: 'xs', weight: 'semibold', wrap: 'nowrap' }}>:</Text>;
+    return <Text options={{ size: "xs", weight: "semibold", wrap: "nowrap" }}>:</Text>;
 }

package/dist/shared/dev-toolbar/functions/SerovalViewer.css

@@ -68,4 +68,3 @@
   width: 1rem;
   height: 1rem;
 }
-

package/dist/shared/dev-toolbar/functions/URLSearchParamsViewer.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'solid-js';
+import { type JSX } from "solid-js";
 export interface URLSearchParamsViewerProps {
     source: URLSearchParams | Promise<URLSearchParams>;
 }

package/dist/shared/dev-toolbar/functions/URLSearchParamsViewer.jsx

@@ -1,8 +1,8 @@
-import { createResource, For, Show, Suspense } from 'solid-js';
-import { Section } from '../../ui/Section.jsx';
-import { PropertySeparator, SerovalValue } from './SerovalValue.jsx';
+import { createResource, For, Show, Suspense } from "solid-js";
+import { Section } from "../../ui/Section.jsx";
+import { PropertySeparator, SerovalValue } from "./SerovalValue.jsx";
 function URLSearchParamsViewerInner(props) {
-    return (<Section title="URLSearchParams" options={{ size: 'sm' }}>
+    return (<Section title="URLSearchParams" options={{ size: "sm" }}>
       <div data-start-properties>
         <For each={Array.from(props.source.entries())}>
           {([key, value]) => (<div data-start-property>
@@ -17,8 +17,6 @@ function URLSearchParamsViewerInner(props) {
 export function URLSearchParamsViewer(props) {
     const [data] = createResource(() => props.source);
     return (<Suspense>
-      <Show when={data()}>
-        {(current) => <URLSearchParamsViewerInner source={current()}/>}
-      </Show>
+      <Show when={data()}>{current => <URLSearchParamsViewerInner source={current()}/>}</Show>
     </Suspense>);
 }

package/dist/shared/dev-toolbar/functions/styles.css

@@ -101,7 +101,6 @@
 }
 
 [data-start-function-instance-viewer-content] {
-
   height: 100%;
 }
 

package/dist/shared/dev-toolbar/index.jsx

@@ -104,6 +104,11 @@ export function DevToolbar(props) {
     }
     createEffect(() => {
         const onErrorEvent = (error) => {
+            // Browsers dispatch benign ResizeObserver loop notifications as window
+            // "error" events carrying no error object. They aren't app errors.
+            if (!error.error && error.message?.startsWith("ResizeObserver loop")) {
+                return;
+            }
             pushError(error.error ?? error);
         };
         window.addEventListener("error", onErrorEvent);

package/dist/shared/ui/Badge.css

@@ -27,7 +27,6 @@
   --foreground: oklch(47.6% 0.114 61.907);
 }
 
-
 [data-start-badge="info"] {
   --background: oklch(97% 0.014 254.604);
   --foreground: oklch(48.8% 0.243 264.376);

package/dist/shared/ui/Badge.d.ts

@@ -1,7 +1,7 @@
-import type { JSX } from 'solid-js';
-import './Badge.css';
+import type { JSX } from "solid-js";
+import "./Badge.css";
 export interface BadgeProps {
-    type: 'info' | 'success' | 'failure' | 'warning';
+    type: "info" | "success" | "failure" | "warning";
     children: JSX.Element;
 }
 export declare function Badge(props: BadgeProps): JSX.Element;

package/dist/shared/ui/Badge.jsx

@@ -1,7 +1,7 @@
-import './Badge.css';
-import { Text } from './Text.jsx';
+import "./Badge.css";
+import { Text } from "./Text.jsx";
 export function Badge(props) {
-    return (<Text options={{ size: 'xs', wrap: 'nowrap', weight: 'semibold' }} data-start-badge={props.type}>
+    return (<Text options={{ size: "xs", wrap: "nowrap", weight: "semibold" }} data-start-badge={props.type}>
       {props.children}
     </Text>);
 }

package/dist/shared/ui/Button.jsx

@@ -1,4 +1,4 @@
 import { Button as BaseButton } from "terracotta";
 import "./Button.css";
-const Button = (props) => (<BaseButton type="button" data-start-button {...props}/>);
+const Button = props => (<BaseButton type="button" data-start-button {...props}/>);
 export default Button;

package/dist/shared/ui/Cascade.jsx

@@ -1,4 +1,4 @@
-import { Select as BaseSelect, SelectOption as BaseSelectOption, } from "terracotta";
+import { Select as BaseSelect, SelectOption as BaseSelectOption } from "terracotta";
 import "./Cascade.css";
-export const Cascade = (props) => (<BaseSelect data-start-cascade {...props}/>);
-export const CascadeOption = (props) => (<BaseSelectOption data-start-cascade-option {...props}/>);
+export const Cascade = props => <BaseSelect data-start-cascade {...props}/>;
+export const CascadeOption = props => (<BaseSelectOption data-start-cascade-option {...props}/>);

package/dist/shared/ui/Dialog.css

@@ -5,8 +5,7 @@
   overflow-y: auto;
 }
 
-
-[data-start-dialog]>div {
+[data-start-dialog] > div {
   position: relative;
   display: flex;
   align-items: center;

package/dist/shared/ui/Dialog.jsx

@@ -1,5 +1,5 @@
 import { Dialog as BaseDialog, DialogOverlay as BaseDialogOverlay, DialogPanel as BaseDialogPanel, } from "terracotta";
 import "./Dialog.css";
-export const Dialog = (props) => (<BaseDialog data-start-dialog {...props}/>);
-export const DialogOverlay = (props) => (<BaseDialogOverlay data-start-dialog-overlay {...props}/>);
-export const DialogPanel = (props) => (<BaseDialogPanel data-start-dialog-panel {...props}/>);
+export const Dialog = props => <BaseDialog data-start-dialog {...props}/>;
+export const DialogOverlay = props => (<BaseDialogOverlay data-start-dialog-overlay {...props}/>);
+export const DialogPanel = props => (<BaseDialogPanel data-start-dialog-panel {...props}/>);

package/dist/shared/ui/IconButton.jsx

@@ -1,4 +1,4 @@
 import { Button as BaseButton } from "terracotta";
 import "./IconButton.css";
-const IconButton = (props) => (<BaseButton type="button" data-start-icon-button {...props}/>);
+const IconButton = props => (<BaseButton type="button" data-start-icon-button {...props}/>);
 export default IconButton;

package/dist/shared/ui/Placeholder.css

@@ -9,4 +9,4 @@
 
 [data-start-placeholder] > span {
   text-align: center;
-}
+}

package/dist/shared/ui/Placeholder.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from 'solid-js';
-import './Placeholder.css';
+import type { JSX } from "solid-js";
+import "./Placeholder.css";
 export interface PlaceholderProps {
     children?: JSX.Element;
 }

package/dist/shared/ui/Placeholder.jsx

@@ -1,6 +1,4 @@
-import './Placeholder.css';
+import "./Placeholder.css";
 export default function Placeholder(props) {
-    return (<div data-start-placeholder>
-      {props.children}
-    </div>);
+    return <div data-start-placeholder>{props.children}</div>;
 }

package/dist/shared/ui/Section.css

@@ -7,7 +7,6 @@
   text-transform: uppercase;
 }
 
-
 [data-start-section-content] {
   margin-left: 0.5rem;
   padding-left: 0.5rem;

package/dist/shared/ui/Section.d.ts

@@ -1,9 +1,9 @@
 import type { JSX } from "solid-js";
 import { type TextProps } from "./Text.tsx";
-import './Section.css';
+import "./Section.css";
 export interface SectionProps {
     title: string;
-    options?: TextProps<'span'>['options'];
+    options?: TextProps<"span">["options"];
     children: JSX.Element;
 }
 export declare function Section(props: SectionProps): JSX.Element;

package/dist/shared/ui/Section.jsx

@@ -1,12 +1,10 @@
 import { Text } from "./Text.jsx";
-import './Section.css';
+import "./Section.css";
 export function Section(props) {
     return (<div data-start-section>
-      <Text data-start-section-title options={{ weight: 'bold', font: 'sans', ...props.options }}>
+      <Text data-start-section-title options={{ weight: "bold", font: "sans", ...props.options }}>
         {props.title}
       </Text>
-      <div data-start-section-content>
-        {props.children}
-      </div>
+      <div data-start-section-content>{props.children}</div>
     </div>);
 }

package/dist/shared/ui/Select.jsx

@@ -1,4 +1,4 @@
-import { Select as BaseSelect, SelectOption as BaseSelectOption, } from "terracotta";
+import { Select as BaseSelect, SelectOption as BaseSelectOption } from "terracotta";
 import "./Select.css";
-export const Select = (props) => (<BaseSelect data-start-select {...props}/>);
-export const SelectOption = (props) => (<BaseSelectOption data-start-select-option {...props}/>);
+export const Select = props => <BaseSelect data-start-select {...props}/>;
+export const SelectOption = props => (<BaseSelectOption data-start-select-option {...props}/>);

package/dist/shared/ui/Table.d.ts

@@ -1,11 +1,11 @@
-import type { ComponentProps, JSX } from 'solid-js';
-import './Table.css';
-type TableProps = ComponentProps<'div'>;
+import type { ComponentProps, JSX } from "solid-js";
+import "./Table.css";
+type TableProps = ComponentProps<"div">;
 export declare function Table(props: TableProps): JSX.Element;
-type TableHeaderProps = ComponentProps<'div'>;
+type TableHeaderProps = ComponentProps<"div">;
 export declare function TableHeader(props: TableHeaderProps): JSX.Element;
-type TableRowProps = ComponentProps<'div'>;
+type TableRowProps = ComponentProps<"div">;
 export declare function TableRow(props: TableRowProps): JSX.Element;
-type TableCellProps = ComponentProps<'div'>;
+type TableCellProps = ComponentProps<"div">;
 export declare function TableCell(props: TableCellProps): JSX.Element;
 export {};

package/dist/shared/ui/Table.jsx

@@ -1,13 +1,13 @@
-import './Table.css';
+import "./Table.css";
 export function Table(props) {
-    return (<div data-start-table {...props}/>);
+    return <div data-start-table {...props}/>;
 }
 export function TableHeader(props) {
-    return (<div data-start-table-header {...props}/>);
+    return <div data-start-table-header {...props}/>;
 }
 export function TableRow(props) {
-    return (<div data-start-table-row {...props}/>);
+    return <div data-start-table-row {...props}/>;
 }
 export function TableCell(props) {
-    return (<div data-start-table-cell {...props}/>);
+    return <div data-start-table-cell {...props}/>;
 }

package/dist/shared/ui/Tabs.jsx

@@ -1,6 +1,6 @@
 import { Tab as BaseTab, TabGroup as BaseTabGroup, TabList as BaseTabList, TabPanel as BaseTabPanel, } from "terracotta";
 import "./Tabs.css";
-export const Tab = (props) => (<BaseTab data-start-tab {...props}/>);
-export const TabGroup = (props) => (<BaseTabGroup data-start-tab-group {...props}/>);
-export const TabPanel = (props) => (<BaseTabPanel data-start-tab-panel {...props}/>);
-export const TabList = (props) => (<BaseTabList data-start-tab-list {...props}/>);
+export const Tab = props => <BaseTab data-start-tab {...props}/>;
+export const TabGroup = props => (<BaseTabGroup data-start-tab-group {...props}/>);
+export const TabPanel = props => (<BaseTabPanel data-start-tab-panel {...props}/>);
+export const TabList = props => <BaseTabList data-start-tab-list {...props}/>;

package/dist/shared/ui/Text.css

@@ -24,13 +24,17 @@
 }
 
 [data-start-text-font="sans"] {
-  font-family: system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family:
+    system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+    "Noto Color Emoji";
 }
 [data-start-text-font="serif"] {
-  font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 [data-start-text-font="mono"] {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace;
 }
 
 [data-start-text-weight="thin"] {

package/dist/shared/ui/Text.d.ts

@@ -1,12 +1,12 @@
-import { type ComponentProps, type JSX } from 'solid-js';
-import './Text.css';
-export type TextProps<T extends keyof JSX.IntrinsicElements = 'span'> = ComponentProps<T> & {
+import { type ComponentProps, type JSX } from "solid-js";
+import "./Text.css";
+export type TextProps<T extends keyof JSX.IntrinsicElements = "span"> = ComponentProps<T> & {
     options?: {
         as?: T;
-        size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
-        font?: 'sans' | 'serif' | 'mono';
-        weight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
-        wrap?: 'wrap' | 'nowrap';
+        size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
+        font?: "sans" | "serif" | "mono";
+        weight?: "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold";
+        wrap?: "wrap" | "nowrap";
     };
 };
-export declare function Text<T extends keyof JSX.IntrinsicElements = 'span'>(props: TextProps<T>): JSX.Element;
+export declare function Text<T extends keyof JSX.IntrinsicElements = "span">(props: TextProps<T>): JSX.Element;

package/dist/shared/ui/Text.jsx

@@ -1,17 +1,17 @@
-import { createMemo, splitProps } from 'solid-js';
-import { Dynamic } from 'solid-js/web';
-import './Text.css';
+import { createMemo, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import "./Text.css";
 export function Text(props) {
-    const [current, rest] = splitProps(props, ['options']);
+    const [current, rest] = splitProps(props, ["options"]);
     const customization = createMemo(() => {
         const options = Object.assign({}, {
-            size: 'base',
-            font: 'mono',
-            weight: 'normal',
-            wrap: 'wrap',
+            size: "base",
+            font: "mono",
+            weight: "normal",
+            wrap: "wrap",
         }, current.options);
         const entries = Object.entries(options);
         return Object.fromEntries(entries.map(([key, value]) => [`data-start-text-${key}`, value]));
     });
-    return (<Dynamic component={(current.options?.as || 'span')} {...rest} {...customization()}/>);
+    return (<Dynamic component={(current.options?.as || "span")} {...rest} {...customization()}/>);
 }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@solidjs/start",
-  "version": "2.0.0-rc.3",
-  "type": "module",
-  "files": [
-    "dist",
-    "env.d.ts",
-    "CHANGELOG.md"
-  ],
+  "version": "2.0.0-rc.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/solidjs/solid-start.git",
     "directory": "packages/start"
   },
+  "files": [
+    "dist",
+    "env.d.ts",
+    "CHANGELOG.md"
+  ],
+  "type": "module",
   "exports": {
     ".": "./dist/index.jsx",
     "./config": "./dist/config/index.js",
@@ -30,44 +30,44 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/traverse": "^7.29.0",
-    "@babel/types": "^7.29.0",
+    "@babel/core": "^7.29.7",
+    "@babel/traverse": "^7.29.7",
+    "@babel/types": "^7.29.7",
     "@solidjs/meta": "^0.29.4",
     "@types/babel__traverse": "^7.28.0",
     "@types/micromatch": "^4.0.10",
-    "cookie-es": "^2.0.0",
-    "defu": "^6.1.4",
+    "cookie-es": "^3.1.1",
+    "defu": "^6.1.7",
     "error-stack-parser": "^2.1.4",
     "fast-glob": "^3.3.3",
     "h3": "^2.0.1-rc.26",
     "html-to-image": "^1.11.13",
     "micromatch": "^4.0.8",
-    "oxc-parser": "^0.139.0",
-    "path-to-regexp": "^8.3.0",
+    "oxc-parser": "^0.141.0",
+    "path-to-regexp": "^8.4.2",
     "pathe": "^2.0.3",
     "radix3": "^1.1.2",
-    "seroval": "^1.5.4",
-    "seroval-plugins": "^1.5.1",
-    "shiki": "^1.29.2",
-    "solid-js": "^1.9.11",
+    "seroval": "^1.5.6",
+    "seroval-plugins": "^1.5.6",
+    "shiki": "^4.3.1",
+    "solid-js": "^1.9.14",
     "source-map-js": "^1.2.1",
-    "srvx": "^0.12.0",
+    "srvx": "^0.12.4",
     "terracotta": "^1.1.1",
-    "vite-plugin-solid": "^2.11.11"
-  },
-  "engines": {
-    "node": ">=24"
+    "vite-plugin-solid": "^2.11.13"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
-    "@types/node": "^25.5.0",
-    "vite": "^8.0.0",
-    "vitest": "^4.1.0"
+    "@types/node": "^26.1.1",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "vite": "^8 || ^9"
   },
+  "engines": {
+    "node": ">=24"
+  },
   "scripts": {
     "build": "pnpm validate-imports && tsc && node scripts/build.js",
     "dev": "tsc --watch",