fix: bumpup svelte

Author: ssssota

.changeset/tasty-eggs-jam.md

@@ -0,0 +1,5 @@
+---
+"svelte-jsx-snippet": minor
+---
+
+Bumpup svelte

packages/svelte-jsx-snippet/package.json

@@ -54,14 +54,14 @@
   },
   "homepage": "https://github.com/ssssota/svelte-jsx-snippet#readme",
   "devDependencies": {
-    "svelte": "5.0.0-next.132",
+    "svelte": "5.0.0-next.136",
     "svelte-jsx-snippet": "workspace:*",
     "typescript": "^5.4.5",
     "vite": "^5.0.3",
     "vite-plugin-doctest": "^1.0.0",
     "vitest": "^1.2.0"
   },
   "peerDependencies": {
-    "svelte": ">=5.0.0-next.132"
+    "svelte": ">=5.0.0-next.136"
   }
 }

packages/svelte-jsx-snippet/src/index-server.ts

@@ -3,6 +3,7 @@ import { FunctionComponent } from "./jsx-runtime/types";
 import { ComponentType, SvelteComponent } from "svelte";
 import { jsx as _jsx } from "./jsx-runtime/index-server";
 import { hydrationMarkerE, hydrationMarkerS } from "./constants";
+import { add_snippet_symbol } from "./utils";
 
 export const jsx$ = <P extends Record<string, unknown>, S extends keyof P>(
   Component: ComponentType<SvelteComponent<P>>,
@@ -16,14 +17,14 @@ export const jsx$ = <P extends Record<string, unknown>, S extends keyof P>(
         }
         return [
           key,
-          $.add_snippet_symbol(($$payload: { out: string }) => {
+          add_snippet_symbol(($$payload: { out: string }) => {
             $$payload.out += String(value);
           }),
         ] as const;
       }
       return [key, value] as const;
     });
-    return $.add_snippet_symbol(($$payload: { out: string }) => {
+    return add_snippet_symbol(($$payload: { out: string }) => {
       $$payload.out += hydrationMarkerS;
       (Component as any)($$payload, Object.fromEntries(propertyEntries));
       $$payload.out += hydrationMarkerE;

packages/svelte-jsx-snippet/src/index.ts

@@ -2,6 +2,7 @@ import * as $ from "svelte/internal/client";
 import type { FunctionComponent } from "./jsx-runtime/types";
 import type { ComponentType, SvelteComponent } from "svelte";
 import { jsx as _jsx, Fragment } from "./jsx-runtime";
+import { add_snippet_symbol } from "./utils";
 
 /**
  * Convert a Svelte component to a JSX function component
@@ -31,14 +32,14 @@ export const jsx$ = <P extends Record<string, unknown>, S extends keyof P>(
         const template = $.template(value, 1);
         return [
           key,
-          $.add_snippet_symbol(($$anchor: unknown) => {
+          add_snippet_symbol(($$anchor: unknown) => {
             $.append($$anchor, template());
           }),
         ] as const;
       }
       return [key, value] as const;
     });
-    return $.add_snippet_symbol(($$anchor: unknown) => {
+    return add_snippet_symbol(($$anchor: unknown) => {
       const fragment = $.comment();
       const root = $.first_child(fragment);
 

packages/svelte-jsx-snippet/src/jsx-runtime/index-server.ts

@@ -1,6 +1,10 @@
 import type { Snippet } from "svelte";
-import * as $ from "svelte/internal/server";
-import { buildChildList, isVoidElement, renderProps } from "../utils";
+import {
+  add_snippet_symbol,
+  buildChildList,
+  isVoidElement,
+  renderProps,
+} from "../utils";
 import type { FunctionComponent, JsxDevOpts } from "./types";
 import { FRAGMENT, hydrationMarkerE, hydrationMarkerS } from "../constants";
 
@@ -14,7 +18,7 @@ const jsxDEV = <T extends string | FunctionComponent<any>>(
   _opts?: JsxDevOpts,
   _ctx?: unknown,
 ): Snippet<[]> => {
-  return $.add_snippet_symbol(($$payload: { out: string }) => {
+  return add_snippet_symbol(($$payload: { out: string }) => {
     const { children, ...rest } = props;
     const childList = buildChildList(children);
     if (type === FRAGMENT || type === Fragment) {

packages/svelte-jsx-snippet/src/jsx-runtime/index.ts

@@ -1,7 +1,12 @@
 import type { Snippet } from "svelte";
 import type { SvelteHTMLElements } from "svelte/elements";
 import * as $ from "svelte/internal/client";
-import { buildChildList, isVoidElement, renderProps } from "../utils";
+import {
+  add_snippet_symbol,
+  buildChildList,
+  isVoidElement,
+  renderProps,
+} from "../utils";
 import type { FunctionComponent, JSXChildren, JsxDevOpts } from "./types";
 import { FRAGMENT, TEMPLATE_FRAGMENT, injectMarker } from "../constants";
 
@@ -33,7 +38,7 @@ const jsxDEV = <T extends string | FunctionComponent<any>>(
         : `<${type}${renderProps(rest)}>${childrenContent}</${type}>`
       : injectMarker;
   const template = $.template(content, fragment ? TEMPLATE_FRAGMENT : 0);
-  return $.add_snippet_symbol(($$anchor: unknown) => {
+  return add_snippet_symbol(($$anchor: unknown) => {
     const root = template();
 
     if (fragment || rootIsHtml) {

packages/svelte-jsx-snippet/src/utils.ts

@@ -1,5 +1,11 @@
 import { escape } from "svelte/internal/server";
 
+const snippet_symbol = Symbol.for("svelte.snippet");
+export function add_snippet_symbol(fn: (...args: any[]) => any) {
+  fn[snippet_symbol] = true;
+  return fn;
+}
+
 const voidElementSet = new Set([
   "area",
   "base",

pnpm-lock.yaml

@@ -20,7 +20,7 @@
     "@testing-library/svelte": "^5.1.0",
     "jsdom": "^24.0.0",
     "mizu.css": "^0.1.2",
-    "svelte": "^5.0.0-next.132",
+    "svelte": "^5.0.0-next.136",
     "svelte-check": "^3.6.0",
     "svelte-jsx-snippet": "workspace:*",
     "tslib": "^2.4.1",