@absolutejs/absolute 0.19.0-beta.301 → 0.19.0-beta.303

package/dist/svelte/components/Island.svelte

@@ -11,7 +11,6 @@
 
 <script lang="ts">
   import type { RuntimeIslandRenderProps } from '../../../types/island';
-  import { resolveIslandHtml } from '../resolveIslandHtml.browser';
 
   let {
     component,
@@ -22,13 +21,48 @@
 
   const slotId = createSlotId();
 
+  const escapeHtmlAttribute = (value: string) =>
+    value
+      .replaceAll('&', '&amp;')
+      .replaceAll('"', '&quot;')
+      .replaceAll('<', '&lt;')
+      .replaceAll('>', '&gt;');
+
+  const buildFallbackMarkup = (runtimeProps: RuntimeIslandRenderProps) => {
+    const attributes = [
+      ['data-component', runtimeProps.component],
+      ['data-framework', runtimeProps.framework],
+      ['data-hydrate', runtimeProps.hydrate ?? 'load'],
+      ['data-island', 'true'],
+      ['data-props', JSON.stringify(runtimeProps.props ?? {})]
+    ];
+
+    const serialized = attributes
+      .map(([name, value]) => `${name}="${escapeHtmlAttribute(value)}"`)
+      .join(' ');
+
+    return `<div ${serialized}></div>`;
+  };
+
   const html = $derived(
-    resolveIslandHtml(slotId, {
-      component,
-      framework,
-      hydrate,
-      props
-    })
+    (() => {
+      const runtimeProps = {
+        component,
+        framework,
+        hydrate,
+        props
+      };
+
+      if (typeof document === 'undefined') {
+        return buildFallbackMarkup(runtimeProps);
+      }
+
+      const slot = document.querySelector<HTMLElement>(
+        `[data-absolute-island-slot="${slotId}"]`
+      );
+
+      return slot?.innerHTML ?? buildFallbackMarkup(runtimeProps);
+    })()
   );
 </script>
 

package/dist/svelte/index.js

@@ -30776,7 +30776,7 @@ var getIslandState = (key, fallback) => ({
   }
 });
 // src/svelte/components/Island.svelte
-var Island_default = "../Island-gx1kc3d5.svelte";
+var Island_default = "../Island-c38gqq3d.svelte";
 // src/svelte/renderIsland.ts
 init_renderIslandMarkup();
 var renderIsland = (props) => renderIslandMarkup(requireCurrentIslandRegistry(), props);

package/package.json

@@ -310,5 +310,5 @@
 		"typecheck": "bun run src/cli/index.ts typecheck --config example/absolute.config.ts"
 	},
 	"types": "./dist/src/index.d.ts",
-	"version": "0.19.0-beta.301"
+	"version": "0.19.0-beta.303"
 }

package/dist/Island-gx1kc3d5.svelte

@@ -1,37 +0,0 @@
-<script context="module" lang="ts">
-  let islandSlotIndex = 0;
-
-  const createSlotId = () => {
-    const current = islandSlotIndex;
-    islandSlotIndex += 1;
-
-    return `absolute-svelte-island-${current.toString(36)}`;
-  };
-</script>
-
-<script lang="ts">
-  import type { RuntimeIslandRenderProps } from '../../../types/island';
-  import { resolveIslandHtml } from '../resolveIslandHtml.browser';
-
-  let {
-    component,
-    framework,
-    hydrate = 'load',
-    props
-  }: RuntimeIslandRenderProps = $props();
-
-  const slotId = createSlotId();
-
-  const html = $derived(
-    resolveIslandHtml(slotId, {
-      component,
-      framework,
-      hydrate,
-      props
-    })
-  );
-</script>
-
-<div data-absolute-island-slot={slotId} style="display: contents">
-  {@html html}
-</div>