browser-runtime-svelte 0.0.1 → 0.0.2

package/index.d.ts

@@ -1,2 +1 @@
-import type {RuntimePlugin} from 'browser-module-runtime';
-export declare function svelte(options?:Record<string,unknown>):RuntimePlugin;
+export * from './src/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-runtime-svelte",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -22,7 +22,7 @@
     "node": ">=20"
   },
   "peerDependencies": {
-    "browser-module-runtime": "0.0.1",
+    "browser-module-runtime": "0.0.2",
     "svelte": "^5.0.0"
   },
   "description": "Svelte compiler and renderer adapter for browser-module-runtime.",

package/src/index.d.ts

@@ -1 +1,9 @@
-export * from '../index.js';
+import type {RuntimePlugin} from 'browser-module-runtime';
+export interface SvelteAdapterOptions {
+ compiler?: {compile(source:string,options?:Record<string,unknown>):unknown;compileModule?(source:string,options?:Record<string,unknown>):unknown};
+ renderer?: {mount(component:unknown,options:{target:Element;props:Record<string,unknown>}):unknown;unmount(instance:unknown):unknown};
+ version?:string;provider?:string;compileOptions?:Record<string,unknown>;
+}
+export declare function svelte(options?:SvelteAdapterOptions):RuntimePlugin;
+/** Convert HTML-safe <$script> tags in inline Svelte source; preserves positions. */
+export declare function normalizeInlineSvelte(source:string):string;

package/src/index.js

@@ -1,3 +1,6 @@
+import {normalizeInlineSvelte} from './inline-source.js';
+export {normalizeInlineSvelte} from './inline-source.js';
+
 /** Uses the official Svelte 5 compiler API and mount/unmount runtime. */
 export function svelte({compiler,renderer,version='5',provider='esm.sh',compileOptions={}}={}) {
   let c=compiler;
@@ -7,6 +10,7 @@ export function svelte({compiler,renderer,version='5',provider='esm.sh',compileO
     ? {svelte:{provider,version:String(version)}} : {};
   return {
     name:'svelte',version:String(version),packageEntries,
+    html:{normalizeInlineSource:normalizeInlineSvelte},
     configure({runtime}){ownerRuntime=runtime;},
     compilers:[{
       types:['svelte','svelte-module'],extensions:['.svelte'],

package/src/inline-source.js

@@ -0,0 +1,76 @@
+/** Normalize HTML-safe Svelte <$script> delimiters without altering normal Svelte source.
+ * Replacement is same-width (the '$' becomes a space), preserving source positions.
+ * Only call for inline HTML declarations, never for external files or runtime.define().
+ */
+function skipString(source, position) {
+  const quote = source[position];
+  let i = position + 1;
+  for (; i < source.length; i++) {
+    if (source[i] === '\\') { i++; continue; }
+    if (source[i] === quote) return i + 1;
+  }
+  return i;
+}
+function skipJsToken(source, i) {
+  if (source[i] === '"' || source[i] === "'" || source[i] === '`') return skipString(source, i);
+  if (source.startsWith('//', i)) { const end = source.indexOf('\n', i + 2); return end < 0 ? source.length : end; }
+  if (source.startsWith('/*', i)) { const end = source.indexOf('*/', i + 2); return end < 0 ? source.length : end + 2; }
+  return i;
+}
+function tagEnd(source, start) {
+  let i = start;
+  while (i < source.length) {
+    const skipped = skipJsToken(source, i);
+    if (skipped !== i) { i = skipped; continue; }
+    if (source[i] === '>') return i + 1;
+    i++;
+  }
+  throw new SyntaxError('Unclosed <$script> opening tag in inline Svelte source');
+}
+export function normalizeInlineSvelte(source) {
+  if (typeof source !== 'string') throw new TypeError('Inline Svelte source must be a string');
+  let result = '';
+  let cursor = 0;
+  let i = 0;
+  while (i < source.length) {
+    if (source.startsWith('<!--', i)) { const end = source.indexOf('-->', i + 4); i = end < 0 ? source.length : end + 3; continue; }
+    // An HTML tag's attribute string must not be mistaken for a script delimiter.
+    if (source.startsWith('<style', i) && /[\s>]/.test(source[i + 6] || '>')) {
+      const end = source.indexOf('</style>', tagEnd(source, i));
+      i = end < 0 ? source.length : end + '</style>'.length; continue;
+    }
+    if (source.startsWith('<$script', i) && /[\s>]/.test(source[i + 8] || '>')) {
+      const openingEnd = tagEnd(source, i + 8);
+      let closing = openingEnd;
+      while (closing < source.length) {
+        const skipped = skipJsToken(source, closing);
+        if (skipped !== closing) { closing = skipped; continue; }
+        if (source.startsWith('</$script', closing) && /[\s>]/.test(source[closing + 9] || '>')) break;
+        closing++;
+      }
+      if (closing >= source.length) throw new SyntaxError('Missing </$script> closing tag in inline Svelte source');
+      const closingEnd = tagEnd(source, closing + 9);
+      result += source.slice(cursor, i) + '<script ' + source.slice(i + 8, closing) + '</script ' + source.slice(closing + 9, closingEnd);
+      i = closingEnd;
+      cursor = i;
+      continue;
+    }
+    if (source[i] === '<') {
+      const maybeTag = /^<\/?[A-Za-z][\w:-]*/.exec(source.slice(i));
+      if (maybeTag) { i = tagEnd(source, i + maybeTag[0].length); continue; }
+    }
+    if (source[i] === '{') {
+      let depth = 1; let j = i + 1;
+      while (j < source.length && depth > 0) {
+        const skipped = skipJsToken(source, j);
+        if (skipped !== j) { j = skipped; continue; }
+        if (source[j] === '{') depth++;
+        if (source[j] === '}') depth--;
+        j++;
+      }
+      i = j; continue;
+    }
+    i++;
+  }
+  return result + source.slice(cursor);
+}