@solidjs/start 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/server/handler.js

@@ -1,6 +1,5 @@
 import middleware from "solid-start:middleware";
 import { defineHandler, getCookie, H3, redirect, setCookie } from "h3";
-import { join } from "pathe";
 import { sharedConfig } from "solid-js";
 import { getRequestEvent, renderToStream, renderToString } from "solid-js/web";
 import { createRoutes } from "../router.jsx";
@@ -16,9 +15,8 @@ export function createBaseHandler(createPageEvent, fn, options = {}) {
         handler: decorateHandler(async (e) => {
             const event = getRequestEvent();
             const url = new URL(event.request.url);
-            const pathname = url.pathname;
-            const serverFunctionTest = join(import.meta.env.BASE_URL, SERVER_FN_BASE);
-            if (pathname.startsWith(serverFunctionTest)) {
+            const pathname = stripBaseUrl(url.pathname);
+            if (pathname.startsWith(SERVER_FN_BASE)) {
                 const serverFnResponse = await handleServerFunction(e);
                 if (serverFnResponse instanceof Response)
                     return produceResponseWithEventHeaders(serverFnResponse);
@@ -29,9 +27,7 @@ export function createBaseHandler(createPageEvent, fn, options = {}) {
             const match = matchAPIRoute(pathname, event.request.method);
             if (match) {
                 const mod = await match.handler.import();
-                const fn = event.request.method === "HEAD"
-                    ? mod["HEAD"] || mod["GET"]
-                    : mod[event.request.method];
+                const fn = event.request.method === "HEAD" ? mod["HEAD"] || mod["GET"] : mod[event.request.method];
                 event.params = match.params || {};
                 // @ts-expect-error
                 sharedConfig.context = { event };
@@ -56,12 +52,13 @@ export function createBaseHandler(createPageEvent, fn, options = {}) {
                 const html = renderToString(() => {
                     sharedConfig.context.event = context;
                     return fn(context);
-                });
+                }, resolvedOptions);
                 context.complete = true;
                 if (context.response && context.response.headers.get("Location")) {
                     const status = getExpectedRedirectStatus(context.response);
                     return redirect(context.response.headers.get("Location"), status);
                 }
+                event.response.headers.set("content-type", "text/html");
                 return html;
             }
             if (resolvedOptions.onCompleteAll) {
@@ -118,7 +115,7 @@ export async function createPageEvent(ctx) {
     const manifest = getSsrManifest(import.meta.env.SSR && import.meta.env.DEV ? "ssr" : "client");
     // Handle Vite build.cssCodeSplit
     // When build.cssCodeSplit is false, a single CSS file is generated with the key style.css
-    const mergedCSS = import.meta.env.PROD ? await manifest.getAssets('style.css') : [];
+    const mergedCSS = import.meta.env.PROD ? await manifest.getAssets("style.css") : [];
     const assets = [
         ...mergedCSS,
         ...(await manifest.getAssets(import.meta.env.START_CLIENT_ENTRY)),
@@ -151,10 +148,7 @@ function initFromFlash(ctx) {
         const param = JSON.parse(flash);
         if (!param || !param.result)
             return;
-        const input = [
-            ...param.input.slice(0, -1),
-            new Map(param.input[param.input.length - 1]),
-        ];
+        const input = [...param.input.slice(0, -1), new Map(param.input[param.input.length - 1])];
         const result = param.error ? new Error(param.result) : param.result;
         return {
             input,
@@ -192,14 +186,35 @@ function produceResponseWithEventHeaders(res) {
     let ret = res;
     // Response.redirect returns an immutable value, so we clone on any redirect just in case
     if (300 <= res.status && res.status < 400) {
+        const cookies = res.headers.getSetCookie?.() ?? [];
+        const headers = new Headers();
+        res.headers.forEach((value, key) => {
+            if (key.toLowerCase() !== "set-cookie") {
+                headers.set(key, value);
+            }
+        });
+        for (const cookie of cookies) {
+            headers.append("Set-Cookie", cookie);
+        }
         ret = new Response(res.body, {
             status: res.status,
             statusText: res.statusText,
-            headers: Object.fromEntries(res.headers.entries())
+            headers,
         });
     }
+    const eventCookies = event.response.headers.getSetCookie?.() ?? [];
+    for (const cookie of eventCookies) {
+        ret.headers.append("Set-Cookie", cookie);
+    }
     for (const [name, value] of event.response.headers) {
-        ret.headers.set(name, value);
+        if (name.toLowerCase() !== "set-cookie") {
+            ret.headers.set(name, value);
+        }
     }
     return ret;
 }
+function stripBaseUrl(path) {
+    if (import.meta.env.BASE_URL === "/" || import.meta.env.BASE_URL === "")
+        return path;
+    return path.slice(import.meta.env.BASE_URL.length);
+}

package/dist/server/index.d.ts

@@ -2,6 +2,7 @@ export { default as lazy } from "../shared/lazy.ts";
 export { getServerFunctionMeta } from "../shared/serverFunction.ts";
 export { StartServer } from "./StartServer.tsx";
 export { createHandler } from "./handler.ts";
+export type { APIEvent, APIHandler, Asset, ContextMatches, DocumentComponentProps, FetchEvent, HandlerOptions, PageEvent, ResponseStub, ServerFunctionMeta, } from "./types.ts";
 /**
  * Checks if user has set a redirect status in the response.
  * If not, falls back to the 302 (temporary redirect)

package/dist/server/manifest/dev-client-manifest.js

@@ -17,7 +17,7 @@ export function getClientDevManifest() {
             const assets = (await import(__rewriteRelativeImportExtension(/* @vite-ignore */ assetsPath, true))).default;
             return await Promise.all(assets.map(async (v) => ({
                 ...v,
-                children: await v.children()
+                children: await v.children(),
             })));
         },
     };

package/dist/server/manifest/dev-ssr-manifest.js

@@ -15,7 +15,7 @@ export function getSsrDevManifest(environment) {
             const assets = (await import(__rewriteRelativeImportExtension(/* @vite-ignore */ assetsPath, true))).default;
             return await Promise.all(assets.map(async (v) => ({
                 ...v,
-                children: await v.children()
+                children: await v.children(),
             })));
         },
     };

package/dist/server/manifest/prod-ssr-manifest.js

@@ -20,8 +20,8 @@ export function getSsrProdManifest() {
         async json() {
             const json = {};
             const entryKeys = Object.keys(viteManifest)
-                .filter((id) => viteManifest[id]?.isEntry || viteManifest[id]?.isDynamicEntry)
-                .map((id) => id);
+                .filter(id => viteManifest[id]?.isEntry || viteManifest[id]?.isDynamicEntry)
+                .map(id => id);
             for (const entryKey of entryKeys) {
                 json[entryKey] = {
                     output: join("/", viteManifest[entryKey].file),
@@ -34,18 +34,16 @@ export function getSsrProdManifest() {
 }
 function createHtmlTagsForAssets(assets) {
     return assets
-        .filter((asset) => asset.endsWith(".css") ||
+        .filter(asset => asset.endsWith(".css") ||
         asset.endsWith(".js") ||
         asset.endsWith(".ts") ||
         asset.endsWith(".mjs"))
-        .map((asset) => ({
+        .map(asset => ({
         tag: "link",
         attrs: {
-            href: '/' + asset,
+            href: "/" + asset,
             key: asset,
-            ...(asset.endsWith(".css")
-                ? { rel: "stylesheet" }
-                : { rel: "modulepreload" }),
+            ...(asset.endsWith(".css") ? { rel: "stylesheet" } : { rel: "modulepreload" }),
         },
     }));
 }
@@ -64,10 +62,7 @@ function findAssetsInViteManifest(manifest, id, assetMap = new Map(), stack = []
         return [];
     }
     if (!entryImports) {
-        entryImports = [
-            entryId,
-            ...(manifest[entryId]?.imports ?? [])
-        ];
+        entryImports = [entryId, ...(manifest[entryId]?.imports ?? [])];
     }
     // Only include entry imports, if we are specifically crawling the entry
     // Chunks (e.g. routes) that import something from entry, should not render entry css redundantly

package/dist/server/routes.js

@@ -1,10 +1,10 @@
 // @ts-expect-error
 import fileRoutes from "solid-start:routes";
 import { createRouter } from "radix3";
-export const pageRoutes = defineRoutes(fileRoutes.filter((o) => o.page));
+export const pageRoutes = defineRoutes(fileRoutes.filter(o => o.page));
 function defineRoutes(fileRoutes) {
     function processRoute(routes, route, id, full) {
-        const parentRoute = Object.values(routes).find((o) => {
+        const parentRoute = Object.values(routes).find(o => {
             return id.startsWith(o.id + "/");
         });
         if (!parentRoute) {
@@ -33,7 +33,7 @@ const router = createRouter({
             .replace(/\/+/g, "/")
             .replace(/\*([^/]*)/g, (_, m) => `**:${m}`)
             .split("/")
-            .map((s) => s.startsWith(":") || s.startsWith("*") ? s : encodeURIComponent(s))
+            .map(s => (s.startsWith(":") || s.startsWith("*") ? s : encodeURIComponent(s)))
             .join("/");
         if (/:[^/]*\?/g.test(path)) {
             throw new Error(`Optional parameters are not supported in API routes: ${path}`);

package/dist/server/server-fns-runtime.js

@@ -21,12 +21,12 @@ export function createServerReference(fn, id) {
                 throw new Error("Cannot call server function outside of a request");
             const evt = { ...ogEvt };
             evt.locals.serverFunctionMeta = {
-                id
+                id,
             };
             evt.serverOnly = true;
             return provideRequestEvent(evt, () => {
                 return fn.apply(thisArg, args);
             });
-        }
+        },
     });
 }

package/dist/server/server-functions-handler.js

@@ -1,7 +1,7 @@
 import { getServerFnById } from "solidstart:server-fn-manifest";
 import { parseSetCookie } from "cookie-es";
 import { parseCookies } from "h3";
-import { crossSerializeStream, fromJSON, getCrossReferenceHeader, } from "seroval";
+import { crossSerializeStream, fromJSON, getCrossReferenceHeader } from "seroval";
 import { CustomEventPlugin, DOMExceptionPlugin, EventPlugin, FormDataPlugin, HeadersPlugin, ReadableStreamPlugin, RequestPlugin, ResponsePlugin, URLPlugin, URLSearchParamsPlugin, } from "seroval-plugins/web";
 import { sharedConfig } from "solid-js";
 import { renderToString } from "solid-js/web";
@@ -125,7 +125,7 @@ export async function handleServerFunction(h3Event) {
             /* @ts-expect-error */
             sharedConfig.context = { event };
             event.locals.serverFunctionMeta = {
-                id: functionId
+                id: functionId,
             };
             return serverFunction(...parsed);
         });
@@ -165,8 +165,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 = x.customBody();
@@ -211,10 +210,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, {
@@ -236,7 +232,7 @@ 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);
@@ -264,8 +260,7 @@ async function handleSingleFlight(sourceEvent, result) {
         if (result.headers.has("X-Revalidate"))
             revalidate = result.headers.get("X-Revalidate").split(",");
         if (result.headers.has("Location"))
-            url = new URL(result.headers.get("Location"), new URL(sourceEvent.request.url).origin +
-                import.meta.env.BASE_URL).toString();
+            url = new URL(result.headers.get("Location"), new URL(sourceEvent.request.url).origin + import.meta.env.BASE_URL).toString();
     }
     const event = { ...sourceEvent };
     event.request = new Request(url, {

package/dist/server/server-runtime.js

@@ -1,5 +1,5 @@
 import { deserialize, toJSONAsync } from "seroval";
-import { CustomEventPlugin, DOMExceptionPlugin, EventPlugin, FormDataPlugin, HeadersPlugin, ReadableStreamPlugin, RequestPlugin, ResponsePlugin, URLPlugin, URLSearchParamsPlugin } from "seroval-plugins/web";
+import { CustomEventPlugin, DOMExceptionPlugin, EventPlugin, FormDataPlugin, HeadersPlugin, ReadableStreamPlugin, RequestPlugin, ResponsePlugin, URLPlugin, URLSearchParamsPlugin, } from "seroval-plugins/web";
 class SerovalChunkReader {
     reader;
     buffer;
@@ -30,7 +30,7 @@ class SerovalChunkReader {
             if (this.done) {
                 return {
                     done: true,
-                    value: undefined
+                    value: undefined,
                 };
             }
             // Otherwise, read a new chunk
@@ -60,7 +60,7 @@ class SerovalChunkReader {
         // Deserialize the chunk
         return {
             done: false,
-            value: deserialize(partial)
+            value: deserialize(partial),
         };
     }
     async drain() {
@@ -96,8 +96,8 @@ function createRequest(base, id, instance, options) {
         headers: {
             ...options.headers,
             "X-Server-Id": id,
-            "X-Server-Instance": instance
-        }
+            "X-Server-Instance": instance,
+        },
     });
 }
 const plugins = [
@@ -110,7 +110,7 @@ const plugins = [
     RequestPlugin,
     ResponsePlugin,
     URLSearchParamsPlugin,
-    URLPlugin
+    URLPlugin,
 ];
 async function fetchServerFunction(base, id, options, args) {
     const instance = `server-fn:${INSTANCE++}`;
@@ -122,12 +122,12 @@ async function fetchServerFunction(base, id, options, args) {
                 ? createRequest(base, id, instance, {
                     ...options,
                     body: args[0],
-                    headers: { ...options.headers, "Content-Type": "application/x-www-form-urlencoded" }
+                    headers: { ...options.headers, "Content-Type": "application/x-www-form-urlencoded" },
                 })
                 : createRequest(base, id, instance, {
                     ...options,
                     body: JSON.stringify(await Promise.resolve(toJSONAsync(args, { plugins }))),
-                    headers: { ...options.headers, "Content-Type": "application/json" }
+                    headers: { ...options.headers, "Content-Type": "application/json" },
                 }));
     if (response.headers.has("Location") ||
         response.headers.has("X-Revalidate") ||

package/dist/server/spa/StartServer.jsx

@@ -2,6 +2,7 @@ import { NoHydration, getRequestEvent, ssr } from "solid-js/web";
 import { getSsrManifest } from "../manifest/ssr-manifest.js";
 import { TopErrorBoundary } from "../../shared/ErrorBoundary.jsx";
 import { useAssets } from "../assets/index.js";
+import PatchVirtualDevStyles from "../assets/PatchVirtualDevStyles.jsx";
 const docType = ssr("<!DOCTYPE html>");
 /**
  *
@@ -16,6 +17,7 @@ export function StartServer(props) {
       {docType}
       <TopErrorBoundary>
         <props.document scripts={<>
+              <PatchVirtualDevStyles nonce={nonce}/>
               <script type="module" src={getSsrManifest("client").path(import.meta.env.START_CLIENT_ENTRY)}/>
             </>}/>
       </TopErrorBoundary>

package/dist/shared/dev-overlay/CodeView.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from 'solid-js';
+import { type JSX } from "solid-js";
 export interface CodeViewProps {
     fileName: string;
     content: string;

package/dist/shared/dev-overlay/CodeView.jsx

@@ -1,56 +1,45 @@
 // @refresh skip
-import { getSingletonHighlighter } from 'shiki';
-import { loadWasm } from 'shiki/engine/oniguruma';
-import { createEffect, createResource } from 'solid-js';
-import url from 'shiki/onig.wasm?url';
-import langJS from 'shiki/langs/javascript.mjs';
-import langJSX from 'shiki/langs/jsx.mjs';
-import langTSX from 'shiki/langs/tsx.mjs';
-import langTS from 'shiki/langs/typescript.mjs';
-import darkPlus from 'shiki/themes/dark-plus.mjs';
+import { getSingletonHighlighter } from "shiki";
+import { loadWasm } from "shiki/engine/oniguruma";
+import { createEffect, createResource } from "solid-js";
+import url from "shiki/onig.wasm?url";
+import langJS from "shiki/langs/javascript.mjs";
+import langJSX from "shiki/langs/jsx.mjs";
+import langTSX from "shiki/langs/tsx.mjs";
+import langTS from "shiki/langs/typescript.mjs";
+import darkPlus from "shiki/themes/dark-plus.mjs";
 let HIGHLIGHTER;
 async function loadHighlighter() {
     if (!HIGHLIGHTER) {
         await loadWasm(await fetch(url));
         HIGHLIGHTER = await getSingletonHighlighter({
-            themes: [
-                darkPlus,
-            ],
-            langs: [
-                langJS,
-                langJSX,
-                langTS,
-                langTSX,
-            ],
+            themes: [darkPlus],
+            langs: [langJS, langJSX, langTS, langTSX],
         });
     }
     return HIGHLIGHTER;
 }
 const RANGE = 8;
 export function CodeView(props) {
-    const lines = () => props.content.split('\n').map((item, index) => ({
+    const lines = () => props.content.split("\n").map((item, index) => ({
         index: index + 1,
         line: item,
     }));
     const minLine = () => Math.max(props.line - (1 + RANGE), 0);
     const maxLine = () => Math.min(props.line + RANGE, lines().length - 1);
     let ref;
-    const [data] = createResource(() => (lines()
+    const [data] = createResource(() => lines()
         .slice(minLine(), maxLine())
         .map(item => item.line)
-        .join('\n')), async (value) => {
+        .join("\n"), async (value) => {
         const highlighter = await loadHighlighter();
-        const fileExtension = props.fileName
-            .split(/[#?]/)[0]
-            .split('.')
-            .pop()
-            ?.trim();
+        const fileExtension = props.fileName.split(/[#?]/)[0].split(".").pop()?.trim();
         let lang = fileExtension;
-        if (fileExtension === 'mjs' || fileExtension === 'cjs') {
-            lang = 'js';
+        if (fileExtension === "mjs" || fileExtension === "cjs") {
+            lang = "js";
         }
         return highlighter.codeToHtml(value, {
-            theme: 'dark-plus',
+            theme: "dark-plus",
             lang,
         });
     });
@@ -61,13 +50,13 @@ export function CodeView(props) {
             const lines = ref.querySelectorAll('span[class="line"]');
             for (let i = 0, len = lines.length; i < len; i++) {
                 const el = lines[i];
-                if ((props.line - minLine() - 1) === i) {
-                    el.classList.add('dev-overlay-error-line');
+                if (props.line - minLine() - 1 === i) {
+                    el.classList.add("dev-overlay-error-line");
                 }
             }
         }
     });
-    return <div ref={ref} class="dev-overlay-code-view" style={{
-            '--dev-overlay-code-view-start': minLine() + 1,
-        }}/>;
+    return (<div ref={ref} class="dev-overlay-code-view" style={{
+            "--dev-overlay-code-view-start": minLine() + 1,
+        }}/>);
 }

package/dist/shared/dev-overlay/DevOverlayDialog.jsx

@@ -9,7 +9,7 @@ import info from "../../../package.json" with { type: "json" };
 import { CodeView } from "./CodeView.jsx";
 import { createStackFrame } from "./createStackFrame.js";
 import download from "./download.js";
-import { ArrowLeftIcon, ArrowRightIcon, CameraIcon, DiscordIcon, GithubIcon, RefreshIcon, SolidStartIcon, ViewCompiledIcon, ViewOriginalIcon } from "./icons.jsx";
+import { ArrowLeftIcon, ArrowRightIcon, CameraIcon, DiscordIcon, GithubIcon, RefreshIcon, SolidStartIcon, ViewCompiledIcon, ViewOriginalIcon, } from "./icons.jsx";
 import "./styles.css";
 export function classNames(...classes) {
     return classes.filter(Boolean).join(" ");
@@ -83,7 +83,7 @@ function StackFramesContent(props) {
                     content: "",
                     line: current.getLineNumber(),
                     column: current.getColumnNumber(),
-                    name: current.getFunctionName()
+                    name: current.getFunctionName(),
                 })}
                   </span>
                 </div>}>
@@ -145,8 +145,8 @@ export default function DevOverlayDialog(props) {
             htmlToImage
                 .toPng(current, {
                 style: {
-                    transform: "scale(0.75)"
-                }
+                    transform: "scale(0.75)",
+                },
             })
                 .then(url => {
                 download(url, "start-screenshot.png");

package/dist/shared/dev-overlay/get-source-map.d.ts

@@ -1,2 +1,2 @@
-import { SourceMapConsumer } from 'source-map-js';
+import { SourceMapConsumer } from "source-map-js";
 export default function getSourceMap(url: string, content: string): Promise<SourceMapConsumer | null>;

package/dist/shared/dev-overlay/get-source-map.js

@@ -1,8 +1,8 @@
-import { SourceMapConsumer } from 'source-map-js';
+import { SourceMapConsumer } from "source-map-js";
 const INLINE_SOURCEMAP_REGEX = /^data:application\/json[^,]+base64,/;
 const SOURCEMAP_REGEX = /(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/;
 export default async function getSourceMap(url, content) {
-    const lines = content.split('\n');
+    const lines = content.split("\n");
     let sourceMapUrl;
     for (let i = lines.length - 1; i >= 0 && !sourceMapUrl; i--) {
         const result = lines[i].match(SOURCEMAP_REGEX);
@@ -13,11 +13,11 @@ export default async function getSourceMap(url, content) {
     if (!sourceMapUrl) {
         return null;
     }
-    if (!(INLINE_SOURCEMAP_REGEX.test(sourceMapUrl) || sourceMapUrl.startsWith('/'))) {
+    if (!(INLINE_SOURCEMAP_REGEX.test(sourceMapUrl) || sourceMapUrl.startsWith("/"))) {
         // Resolve path if it's a relative access
-        const parsedURL = url.split('/');
+        const parsedURL = url.split("/");
         parsedURL[parsedURL.length - 1] = sourceMapUrl;
-        sourceMapUrl = parsedURL.join('/');
+        sourceMapUrl = parsedURL.join("/");
     }
     const response = await fetch(sourceMapUrl);
     const rawSourceMap = await response.json();

package/dist/shared/dev-overlay/icons.d.ts

@@ -1,28 +1,28 @@
-import type { JSX } from 'solid-js';
-export declare function ArrowRightIcon(props: JSX.IntrinsicElements['svg'] & {
+import type { JSX } from "solid-js";
+export declare function ArrowRightIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function ArrowLeftIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function ArrowLeftIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function RefreshIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function RefreshIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function ViewCompiledIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function ViewCompiledIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function ViewOriginalIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function ViewOriginalIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function CameraIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function CameraIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function DiscordIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function DiscordIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function GithubIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function GithubIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;
-export declare function SolidStartIcon(props: JSX.IntrinsicElements['svg'] & {
+export declare function SolidStartIcon(props: JSX.IntrinsicElements["svg"] & {
     title: string;
 }): JSX.Element;