npm - @absolutejs/absolute - Versions diffs - 0.19.0-beta.351 → 0.19.0-beta.353 - Mend

@absolutejs/absolute 0.19.0-beta.351 → 0.19.0-beta.353

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/angular/index.js +388 -2
package/dist/angular/index.js.map +9 -5
package/dist/build.js +2 -2
package/dist/build.js.map +1 -1
package/dist/index.js +2 -2
package/dist/index.js.map +1 -1
package/dist/src/angular/index.d.ts +3 -0
package/dist/src/vue/index.d.ts +2 -0
package/dist/vue/index.js +120 -58
package/dist/vue/index.js.map +7 -5
package/package.json +7 -7

package/dist/src/angular/index.d.ts CHANGED Viewed

@@ -4,3 +4,6 @@ export { getCachedRouteData } from './ssrRender';
 export { Island } from './Island';
 export { IslandStore } from './islandStore';
 export { renderIsland } from './renderIsland';
+export { DeferSlotComponent } from './components/defer-slot.component';
+export { ImageComponent } from './components/image.component';
+export { StreamSlotComponent } from './components/stream-slot.component';

package/dist/src/vue/index.d.ts CHANGED Viewed

@@ -2,3 +2,5 @@ export declare const handleVuePageRequest: <Component extends import("vue").Comp
 export { Island } from './Island';
 export { createTypedIsland } from './createIsland';
 export { useIslandStore } from './useIslandStore';
+export { default as Image } from './components/Image.vue';
+export { StreamSlot, SuspenseSlot } from './components';

package/dist/vue/index.js CHANGED Viewed

@@ -361,12 +361,12 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   });
   return { body, styles };
 }, renderVueError = async (conventionPath, errorProps) => {
-  const { createSSRApp, h } = await import("vue");
+  const { createSSRApp, h: h3 } = await import("vue");
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   const app = createSSRApp({
-    render: () => h(ErrorComponent, errorProps)
+    render: () => h3(ErrorComponent, errorProps)
   });
   const rawBody = await renderToString(app);
   const { styles, body } = unescapeVueStyles(rawBody);
@@ -429,12 +429,12 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     status: 404
   });
 }, renderVueNotFound = async (conventionPath) => {
-  const { createSSRApp, h } = await import("vue");
+  const { createSSRApp, h: h3 } = await import("vue");
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   const app = createSSRApp({
-    render: () => h(NotFoundComponent)
+    render: () => h3(NotFoundComponent)
   });
   const rawBody = await renderToString(app);
   const { styles, body } = unescapeVueStyles(rawBody);
@@ -553,10 +553,10 @@ var ssrDirty = false, isRecord = (value) => typeof value === "object" && value !
       };
     };
     const resolvedPage = await resolvePageComponent();
-    const { createSSRApp, h } = await import("vue");
+    const { createSSRApp, h: h3 } = await import("vue");
     const { renderToWebStream } = await import("vue/server-renderer");
     const app = createSSRApp({
-      render: () => h(resolvedPage.component, maybeProps ?? null)
+      render: () => h3(resolvedPage.component, maybeProps ?? null)
     });
     const bodyStream = renderToWebStream(app);
     const head = `<!DOCTYPE html><html>${headTag}<body><div id="root">`;
@@ -1681,7 +1681,7 @@ function sha1(str) {
   words32[len >> 5] |= 128 << 24 - len % 32;
   words32[(len + 64 >> 9 << 4) + 15] = len;
   for (let i = 0;i < words32.length; i += 16) {
-    const h0 = a, h1 = b, h2 = c, h3 = d, h4 = e;
+    const h0 = a, h1 = b, h22 = c, h3 = d, h4 = e;
     for (let j = 0;j < 80; j++) {
       if (j < 16) {
         w[j] = words32[i + j];
@@ -1700,7 +1700,7 @@ function sha1(str) {
     }
     a = add32(a, h0);
     b = add32(b, h1);
-    c = add32(c, h2);
+    c = add32(c, h22);
     d = add32(d, h3);
     e = add32(e, h4);
   }
@@ -30398,14 +30398,14 @@ var init_islands2 = __esm(() => {
 import { createElement } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
 import { render as renderSvelte } from "svelte/server";
-import { createSSRApp, h } from "vue";
+import { createSSRApp, h as h3 } from "vue";
 import { renderToString as renderVueToString } from "vue/server-renderer";
 var renderReactIslandToHtml = (component, props) => renderToStaticMarkup(createElement(component, props)), renderSvelteIslandToHtml = (component, props) => {
   const { body } = renderSvelte(component, { props });
   return body;
 }, renderVueIslandToHtml = (component, props) => {
   const app = createSSRApp({
-    render: () => h(component, props)
+    render: () => h3(component, props)
   });
   return renderVueToString(app);
 };
@@ -30782,6 +30782,105 @@ var init_renderIslandMarkup = __esm(() => {
   resolvedServerBuildComponentCache = new Map;
 });
+// src/vue/components/Image.vue
+var Image_default = "../Image-0pe96k20.vue";
+// src/vue/components/SuspenseSlot.ts
+import { defineComponent as defineComponent2, h as h2 } from "vue";
+// src/vue/components/StreamSlot.ts
+import { defineComponent, h } from "vue";
+// src/core/streamingSlotRegistry.ts
+var asyncLocalStorage;
+var isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string";
+var ensureAsyncLocalStorage = async () => {
+  if (typeof asyncLocalStorage !== "undefined")
+    return asyncLocalStorage;
+  if (!isServerRuntime()) {
+    asyncLocalStorage = null;
+    return asyncLocalStorage;
+  }
+  const mod = await import("async_hooks");
+  asyncLocalStorage = new mod.AsyncLocalStorage;
+  return asyncLocalStorage;
+};
+var registerStreamingSlot = (slot) => {
+  if (!asyncLocalStorage)
+    return;
+  const store = asyncLocalStorage.getStore();
+  if (!store)
+    return;
+  store.set(slot.id, slot);
+};
+var runWithStreamingSlotRegistry = async (task) => {
+  const storage = await ensureAsyncLocalStorage();
+  if (!storage) {
+    return {
+      result: await task(),
+      slots: []
+    };
+  }
+  return storage.run(new Map, async () => {
+    const result = await task();
+    const store = storage.getStore();
+    return {
+      result,
+      slots: store ? [...store.values()] : []
+    };
+  });
+};
+// src/vue/components/StreamSlot.ts
+var StreamSlot = defineComponent({
+  name: "AbsoluteStreamSlot",
+  props: {
+    className: { default: undefined, type: String },
+    errorHtml: { default: undefined, type: String },
+    fallbackHtml: { default: "", type: String },
+    id: { required: true, type: String },
+    resolve: {
+      required: true,
+      type: Function
+    },
+    timeoutMs: { default: undefined, type: Number }
+  },
+  setup(props) {
+    if (typeof window === "undefined") {
+      registerStreamingSlot({
+        errorHtml: props.errorHtml,
+        fallbackHtml: props.fallbackHtml,
+        id: props.id,
+        resolve: props.resolve,
+        timeoutMs: props.timeoutMs
+      });
+    }
+    return () => h("div", {
+      class: props.className,
+      "data-absolute-slot": "true",
+      id: `slot-${props.id}`,
+      innerHTML: props.fallbackHtml
+    });
+  }
+});
+// src/vue/components/SuspenseSlot.ts
+var SuspenseSlot = defineComponent2({
+  name: "AbsoluteSuspenseSlot",
+  props: {
+    className: { default: undefined, type: String },
+    errorHtml: { default: undefined, type: String },
+    fallbackHtml: { default: "", type: String },
+    id: { required: true, type: String },
+    resolve: {
+      required: true,
+      type: Function
+    },
+    timeoutMs: { default: undefined, type: Number }
+  },
+  setup(props) {
+    return () => h2(StreamSlot, props);
+  }
+});
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
   if (window.__ABS_SLOT_RUNTIME__ === true)
@@ -31271,46 +31370,6 @@ var appendStreamingSlotPatchesToStream = (stream, slots = [], {
   });
 };
-// src/core/streamingSlotRegistry.ts
-var asyncLocalStorage;
-var isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string";
-var ensureAsyncLocalStorage = async () => {
-  if (typeof asyncLocalStorage !== "undefined")
-    return asyncLocalStorage;
-  if (!isServerRuntime()) {
-    asyncLocalStorage = null;
-    return asyncLocalStorage;
-  }
-  const mod = await import("async_hooks");
-  asyncLocalStorage = new mod.AsyncLocalStorage;
-  return asyncLocalStorage;
-};
-var registerStreamingSlot = (slot) => {
-  if (!asyncLocalStorage)
-    return;
-  const store = asyncLocalStorage.getStore();
-  if (!store)
-    return;
-  store.set(slot.id, slot);
-};
-var runWithStreamingSlotRegistry = async (task) => {
-  const storage = await ensureAsyncLocalStorage();
-  if (!storage) {
-    return {
-      result: await task(),
-      slots: []
-    };
-  }
-  return storage.run(new Map, async () => {
-    const result = await task();
-    const store = storage.getStore();
-    return {
-      result,
-      slots: store ? [...store.values()] : []
-    };
-  });
-};
 // src/core/responseEnhancers.ts
 var toResponse = async (responseLike) => await responseLike;
 var cloneHeaders = (response) => {
@@ -31357,7 +31416,7 @@ var wrapPageHandlerWithStreamingSlots = (handler) => (...args) => withRegistered
 init_pageHandler();
 // src/vue/Island.ts
-import { defineComponent, h as h2, onServerPrefetch } from "vue";
+import { defineComponent as defineComponent3, h as h4, onServerPrefetch } from "vue";
 // src/client/preserveIslandMarkup.ts
 init_islandMarkupAttributes();
@@ -31445,7 +31504,7 @@ var preserveIslandMarkup = (props) => {
 // src/vue/Island.ts
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-var defineRuntimeIslandComponent = (setup) => defineComponent({
+var defineRuntimeIslandComponent = (setup) => defineComponent3({
   name: "AbsoluteIsland",
   props: {
     component: {
@@ -31477,7 +31536,7 @@ var Island = defineRuntimeIslandComponent((props) => {
   });
   return () => {
     const preserved = isBrowser ? preserveIslandMarkup(props) : null;
-    return h2("div", {
+    return h4("div", {
       ...preserved?.attributes ?? markerAttributes,
       "data-allow-mismatch": "",
       innerHTML: isBrowser ? preserved?.innerHTML : html
@@ -31487,8 +31546,8 @@ var Island = defineRuntimeIslandComponent((props) => {
 // src/vue/createIsland.ts
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-import { defineComponent as defineComponent2, h as h3, onServerPrefetch as onServerPrefetch2 } from "vue";
-var defineRuntimeIslandComponent2 = (setup) => defineComponent2({
+import { defineComponent as defineComponent4, h as h5, onServerPrefetch as onServerPrefetch2 } from "vue";
+var defineRuntimeIslandComponent2 = (setup) => defineComponent4({
   name: "AbsoluteIsland",
   props: {
     component: {
@@ -31518,7 +31577,7 @@ var createTypedIsland = (registry) => defineRuntimeIslandComponent2((props) => {
     const result = await renderIslandResult(registry, props);
     ({ attributes: markerAttributes, html } = result);
   });
-  return () => h3("div", {
+  return () => h5("div", {
     ...markerAttributes,
     "data-allow-mismatch": "",
     innerHTML: isBrowser ? undefined : html
@@ -31669,8 +31728,11 @@ export {
   useIslandStore,
   handleVuePageRequest2 as handleVuePageRequest,
   createTypedIsland,
-  Island
+  SuspenseSlot,
+  StreamSlot,
+  Island,
+  Image_default as Image
 };
-//# debugId=2F7033054CE3878164756E2164756E21
+//# debugId=5FAE5FAF19D8DFBB64756E2164756E21
 //# sourceMappingURL=index.js.map