@absolutejs/absolute 0.19.0-beta.1082 → 0.19.0-beta.1083

package/dist/vue/index.js

@@ -107,7 +107,7 @@ __export(exports_devRouteRegistrationCallsite, {
   getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite
 });
 import { AsyncLocalStorage } from "async_hooks";
-import { Elysia } from "elysia";
+import { Elysia } from "../node_modules/elysia/dist/bun/index.js";
 var ROUTE_CALLSITE_STORAGE_KEY, ROUTE_CALLSITE_PATCHED_KEY, ROUTE_METHOD_NAMES, PAGE_HANDLER_NAMES, pageHandlerWrappers, handlerSourceMentionsPageHelper = (handler) => {
   const source = handler.toString();
   return PAGE_HANDLER_NAMES.some((name) => source.includes(name));
@@ -1531,16 +1531,16 @@ var initDominoAdapter = (platformServer) => {
   }
 }, loadAngularDeps = async () => {
   if (!isProductionRuntime()) {
-    await import("@angular/compiler");
+    await import("../node_modules/@angular/compiler/fesm2022/compiler.mjs");
   }
   const { applyPatches: applyPatches2 } = await Promise.resolve().then(() => (init_angularPatch(), exports_angularPatch));
   await applyPatches2();
   const useBareSpecifiers = !isProductionRuntime();
   const [platformBrowser, platformServer, common, core] = await Promise.all([
-    useBareSpecifiers ? import("@angular/platform-browser") : import(resolveAngularRuntimePath("@angular/platform-browser")),
-    useBareSpecifiers ? import("@angular/platform-server") : import(resolveAngularRuntimePath("@angular/platform-server")),
-    useBareSpecifiers ? import("@angular/common") : import(resolveAngularRuntimePath("@angular/common")),
-    useBareSpecifiers ? import("@angular/core") : import(resolveAngularRuntimePath("@angular/core"))
+    useBareSpecifiers ? import("../node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs") : import(resolveAngularRuntimePath("@angular/platform-browser")),
+    useBareSpecifiers ? import("../node_modules/@angular/platform-server/fesm2022/platform-server.mjs") : import(resolveAngularRuntimePath("@angular/platform-server")),
+    useBareSpecifiers ? import("../node_modules/@angular/common/fesm2022/common.mjs") : import(resolveAngularRuntimePath("@angular/common")),
+    useBareSpecifiers ? import("../node_modules/@angular/core/fesm2022/core.mjs") : import(resolveAngularRuntimePath("@angular/core"))
   ]);
   if (!isDevelopmentRuntime()) {
     core.enableProdMode();
@@ -1779,8 +1779,8 @@ var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_i
   const [selector] = firstSelectorGroup;
   return typeof selector === "string" && selector.length > 0 ? selector : null;
 }, createAngularIslandApp = async () => {
-  const { EnvironmentInjector, provideZonelessChangeDetection } = await import("@angular/core");
-  const { createApplication } = await import("@angular/platform-browser");
+  const { EnvironmentInjector, provideZonelessChangeDetection } = await import("../node_modules/@angular/core/fesm2022/core.mjs");
+  const { createApplication } = await import("../node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs");
   const app = await createApplication({
     providers: [provideZonelessChangeDetection()]
   });
@@ -1852,8 +1852,8 @@ var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_i
   }
   return html.slice(start, end + endTag.length);
 }, mountAngularIsland = async (component, element, props, islandId) => {
-  await import("@angular/compiler");
-  const { createComponent, inputBinding } = await import("@angular/core");
+  await import("../node_modules/@angular/compiler/fesm2022/compiler.mjs");
+  const { createComponent, inputBinding } = await import("../node_modules/@angular/core/fesm2022/core.mjs");
   const selector = getAngularIslandSelector(islandId);
   const { app, environmentInjector } = await getAngularIslandApp();
   let rootElement = element.querySelector(selector);
@@ -1925,14 +1925,14 @@ var renderAngularIslandToHtmlInternal = async (component, props, islandId) => {
     match = LEADING_HOISTED_RESOURCE_RE.exec(result);
   }
   return result.trimStart();
-}, renderReactIslandToHtml = (component, props) => import("react").then(({ createElement }) => import("react-dom/server").then(({ renderToString }) => stripLeadingHoistedResources(renderToString(createElement(component, props))))), renderSvelteIslandToHtml = (component, props) => import("svelte/server").then(({ render }) => {
+}, renderReactIslandToHtml = (component, props) => import("../node_modules/react/index.js").then(({ createElement }) => import("../node_modules/react-dom/server.bun.js").then(({ renderToString }) => stripLeadingHoistedResources(renderToString(createElement(component, props))))), renderSvelteIslandToHtml = (component, props) => import("../node_modules/svelte/src/server/index.js").then(({ render }) => {
   const { body } = render(component, { props });
   return body;
-}), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h: createVueVNode }) => {
+}), renderVueIslandToHtml = (component, props) => import("../node_modules/vue/index.mjs").then(({ createSSRApp, h: createVueVNode }) => {
   const app = createSSRApp({
     render: () => createVueVNode(component, props)
   });
-  return import("vue/server-renderer").then(({ renderToString }) => renderToString(app));
+  return import("../node_modules/vue/server-renderer/index.mjs").then(({ renderToString }) => renderToString(app));
 });
 var init_islandSsr = __esm(() => {
   renderAngularIslandToHtml2 = renderAngularIslandToHtmlInternal;
@@ -3368,7 +3368,7 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
   }
   const resolutionSourcePath = await resolveOriginalSourcePath(sourcePath);
   const source = await Bun.file(sourcePath).text();
-  const { compile, preprocess } = await import("svelte/compiler");
+  const { compile, preprocess } = await import("../node_modules/svelte/compiler/index.js");
   const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source);
   const loweredSource = lowerSvelteIslandSyntax(loweredAwaitSource.code, "server");
   const preprocessed = await preprocess(loweredSource.code, createSvelteStylePreprocessor());
@@ -3481,7 +3481,7 @@ var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot3, compiledModuleCache3, tran
   const cachedModulePath = compiledModuleCache3.get(sourcePath);
   if (cachedModulePath)
     return cachedModulePath;
-  const compiler = await import("@vue/compiler-sfc");
+  const compiler = await import("../node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js");
   const source = await Bun.file(sourcePath).text();
   const { descriptor } = compiler.parse(source, { filename: sourcePath });
   const componentId = Bun.hash(sourcePath).toString(BASE_36_RADIX).slice(0, ISLAND_COMPONENT_ID_LENGTH);
@@ -3802,7 +3802,7 @@ var runWithStreamingSlotRegistry = async (task) => {
 };
 
 // src/vue/components/Image.ts
-import { computed, defineComponent, h, ref } from "vue";
+import { computed, defineComponent, h, ref } from "../node_modules/vue/index.mjs";
 
 // src/utils/imageClient.ts
 init_constants();
@@ -3970,10 +3970,10 @@ import {
   onBeforeUnmount,
   ref as ref2,
   useSSRContext
-} from "vue";
+} from "../node_modules/vue/index.mjs";
 var renderVueNodesToHtml = async (nodes) => {
-  const { createSSRApp, h: createVNode } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
+  const { createSSRApp, h: createVNode } = await import("../node_modules/vue/index.mjs");
+  const { renderToString } = await import("../node_modules/vue/server-renderer/index.mjs");
   const app = createSSRApp({
     render: () => createVNode("div", undefined, nodes ?? undefined)
   });
@@ -4179,7 +4179,7 @@ var SuspenseSlot = defineComponent2({
   }
 });
 // src/vue/components/StreamSlot.ts
-import { defineComponent as defineComponent3, h as h3, useSSRContext as useSSRContext2 } from "vue";
+import { defineComponent as defineComponent3, h as h3, useSSRContext as useSSRContext2 } from "../node_modules/vue/index.mjs";
 var StreamSlot = defineComponent3({
   name: "AbsoluteStreamSlot",
   props: {
@@ -4724,8 +4724,8 @@ var buildErrorProps = (error) => {
   return { message: String(error), name: "Error" };
 };
 var renderReactError = async (conventionPath, errorProps) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
+  const { createElement } = await import("../node_modules/react/index.js");
+  const { renderToReadableStream } = await import("../node_modules/react-dom/server.bun.js");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (typeof ErrorComponent !== "function")
@@ -4738,7 +4738,7 @@ var renderReactError = async (conventionPath, errorProps) => {
   });
 };
 var renderSvelteError = async (conventionPath, errorProps) => {
-  const { render } = await import("svelte/server");
+  const { render } = await import("../node_modules/svelte/src/server/index.js");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
@@ -4761,8 +4761,8 @@ var unescapeVueStyles = (ssrBody) => {
   return { body, styles };
 };
 var renderVueError = async (conventionPath, errorProps) => {
-  const { createSSRApp, h: h4 } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
+  const { createSSRApp, h: h4 } = await import("../node_modules/vue/index.mjs");
+  const { renderToString } = await import("../node_modules/vue/server-renderer/index.mjs");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
@@ -4854,8 +4854,8 @@ var renderConventionError = async (framework, pageName, error) => {
   return null;
 };
 var renderReactNotFound = async (conventionPath) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
+  const { createElement } = await import("../node_modules/react/index.js");
+  const { renderToReadableStream } = await import("../node_modules/react-dom/server.bun.js");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (typeof NotFoundComponent !== "function")
@@ -4868,7 +4868,7 @@ var renderReactNotFound = async (conventionPath) => {
   });
 };
 var renderSvelteNotFound = async (conventionPath) => {
-  const { render } = await import("svelte/server");
+  const { render } = await import("../node_modules/svelte/src/server/index.js");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
@@ -4881,8 +4881,8 @@ var renderSvelteNotFound = async (conventionPath) => {
   });
 };
 var renderVueNotFound = async (conventionPath) => {
-  const { createSSRApp, h: h4 } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
+  const { createSSRApp, h: h4 } = await import("../node_modules/vue/index.mjs");
+  const { renderToString } = await import("../node_modules/vue/server-renderer/index.mjs");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
@@ -5064,8 +5064,8 @@ var handleVuePageRequest = async (input) => {
         };
       };
       const resolvedPage = await resolvePageComponent();
-      const { createSSRApp, h: h4 } = await import("vue");
-      const { renderToWebStream } = await import("vue/server-renderer");
+      const { createSSRApp, h: h4 } = await import("../node_modules/vue/index.mjs");
+      const { renderToWebStream } = await import("../node_modules/vue/server-renderer/index.mjs");
       const app = createSSRApp({
         render: () => h4(resolvedPage.component, maybeProps ?? null)
       });
@@ -5163,7 +5163,7 @@ var applyVueRouterRedirect = (router, requestedUrl, setRedirect, status = DEFAUL
 var defineRoutes = (routes) => routes;
 var defineVueSetupApp = (hook) => hook;
 // src/vue/Island.ts
-import { defineComponent as defineComponent4, h as h4, onServerPrefetch } from "vue";
+import { defineComponent as defineComponent4, h as h4, onServerPrefetch } from "../node_modules/vue/index.mjs";
 
 // src/client/preserveIslandMarkup.ts
 init_islandMarkupAttributes();
@@ -5343,7 +5343,7 @@ var Island = defineRuntimeIslandComponent((props) => {
 // src/vue/createIsland.ts
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-import { defineComponent as defineComponent5, h as h5, onServerPrefetch as onServerPrefetch2 } from "vue";
+import { defineComponent as defineComponent5, h as h5, onServerPrefetch as onServerPrefetch2 } from "../node_modules/vue/index.mjs";
 var defineRuntimeIslandComponent2 = (setup) => defineComponent5({
   name: "AbsoluteIsland",
   props: {
@@ -5381,7 +5381,7 @@ var createTypedIsland = (registry) => defineRuntimeIslandComponent2((props) => {
   });
 });
 // src/vue/useIslandStore.ts
-import { customRef, onBeforeUnmount as onBeforeUnmount2 } from "vue";
+import { customRef, onBeforeUnmount as onBeforeUnmount2 } from "../node_modules/vue/index.mjs";
 
 // node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
@@ -5524,7 +5524,7 @@ import {
   onScopeDispose,
   ref as ref3,
   shallowRef
-} from "vue";
+} from "../node_modules/vue/index.mjs";
 var useResource = (fetcher, options = {}) => {
   const start = options.start ?? "immediate";
   const data = shallowRef(null);

package/dist/vue/server/pages/VueExample.fyhmna2p.css

@@ -0,0 +1,32 @@
+/* .absolutejs/generated/vue/compiled/vue-example-compiled.css */
+button[data-v-count-button] {
+  cursor: pointer;
+  background-color: #1a1a1a;
+  border: 1px solid #0000;
+  border-radius: .5rem;
+  margin: 2rem 0;
+  padding: .6rem 1.2rem;
+  transition: border-color .25s;
+  font-family: inherit;
+  font-size: 1.1rem;
+  font-weight: 500;
+  box-shadow: 0 2px 4px #0000001a;
+}
+
+button[data-v-count-button]:hover {
+  border-color: #5fbeeb;
+}
+
+button[data-v-count-button]:focus {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+button[data-v-count-button]:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  button[data-v-count-button] {
+    background-color: #fff;
+  }
+}

package/dist/vue/server/pages/VueExample.fyhmna2p.js

@@ -0,0 +1,75 @@
+// @bun
+// .absolutejs/generated/vue/server/pages/VueExample.js
+import { defineComponent as _defineComponent2, ref as ref2 } from "../../../node_modules/vue/index.mjs";
+
+// .absolutejs/generated/vue/server/components/CountButton.js
+import { defineComponent as _defineComponent } from "../../../node_modules/vue/index.mjs";
+
+// .absolutejs/generated/vue/server/composables/useCount.js
+import { ref } from "../../../node_modules/vue/index.mjs";
+var useCount = (initialCount) => {
+  const count = ref(initialCount);
+  const increment = () => {
+    count.value++;
+  };
+  return {
+    count,
+    increment
+  };
+};
+
+// .absolutejs/generated/vue/server/components/CountButton.js
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "../../../node_modules/vue/server-renderer/index.mjs";
+var script = _defineComponent({
+  __name: "CountButton",
+  props: {
+    initialCount: { type: Number, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const { count, increment } = useCount(props.initialCount);
+    const __returned__ = { props, count, increment };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${_ssrRenderAttrs(_attrs)} data-v-count-button>count is ${_ssrInterpolate($setup.count)}</button>`);
+}
+script.ssrRender = ssrRender;
+script.__scopeId = "data-v-count-button";
+var CountButton_default = script;
+
+// .absolutejs/generated/vue/server/pages/VueExample.js
+import { ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, ssrRenderComponent as _ssrRenderComponent, ssrRenderStyle as _ssrRenderStyle } from "../../../node_modules/vue/server-renderer/index.mjs";
+var script2 = _defineComponent2({
+  __name: "VueExample",
+  props: {
+    initialCount: { type: Number, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const count = ref2(props.initialCount);
+    const isOpen = ref2(false);
+    const __returned__ = { props, count, isOpen, CountButton: CountButton_default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function ssrRender2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<!--[--><header><a href="/">AbsoluteJS</a><details${_ssrIncludeBooleanAttr($setup.isOpen) ? " open" : ""}><summary>Pages</summary><nav><a href="/html">HTML</a><a href="/react">React</a><a href="/htmx">HTMX</a><a href="/svelte">Svelte</a><a href="/vue">Vue</a><a href="/angular">Angular</a></nav></details></header><main><nav><a href="https://absolutejs.com" target="_blank"><img class="logo" src="/assets/png/absolutejs-temp.png" alt="AbsoluteJS Logo"></a><a href="https://vuejs.org" target="_blank"><img class="logo vue" src="/assets/svg/vue-logo.svg" alt="Vue Logo"></a></nav><h1>AbsoluteJS + Vue</h1>`);
+  _push(_ssrRenderComponent($setup["CountButton"], { initialCount: $setup.count }, null, _parent));
+  _push(`<p> Edit <code>example/vue/pages/VueExample.vue</code> and save to test HMR. </p><p style="${_ssrRenderStyle({ "margin-top": "2rem" })}"> Explore the other pages to see how AbsoluteJS seamlessly unifies multiple frameworks on a single server. </p><p style="${_ssrRenderStyle({ color: "#777", "font-size": "1rem", "margin-top": "2rem" })}"> Click on the AbsoluteJS and Vue logos to learn more. </p></main><!--]-->`);
+}
+script2.ssrRender = ssrRender2;
+var VueExample_default = script2;
+var __ABSOLUTE_PAGE_ISLANDS__ = [];
+var __ABSOLUTE_PAGE_HAS_ISLANDS__ = false;
+export {
+  ssrRender2 as ssrRender,
+  VueExample_default as default,
+  __ABSOLUTE_PAGE_ISLANDS__,
+  __ABSOLUTE_PAGE_HAS_ISLANDS__
+};

package/dist/vue/server.js

@@ -107,7 +107,7 @@ __export(exports_devRouteRegistrationCallsite, {
   getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite
 });
 import { AsyncLocalStorage } from "async_hooks";
-import { Elysia } from "elysia";
+import { Elysia } from "../node_modules/elysia/dist/bun/index.js";
 var ROUTE_CALLSITE_STORAGE_KEY, ROUTE_CALLSITE_PATCHED_KEY, ROUTE_METHOD_NAMES, PAGE_HANDLER_NAMES, pageHandlerWrappers, handlerSourceMentionsPageHelper = (handler) => {
   const source = handler.toString();
   return PAGE_HANDLER_NAMES.some((name) => source.includes(name));
@@ -1868,8 +1868,8 @@ var buildErrorProps = (error) => {
   return { message: String(error), name: "Error" };
 };
 var renderReactError = async (conventionPath, errorProps) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
+  const { createElement } = await import("../node_modules/react/index.js");
+  const { renderToReadableStream } = await import("../node_modules/react-dom/server.bun.js");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (typeof ErrorComponent !== "function")
@@ -1882,7 +1882,7 @@ var renderReactError = async (conventionPath, errorProps) => {
   });
 };
 var renderSvelteError = async (conventionPath, errorProps) => {
-  const { render } = await import("svelte/server");
+  const { render } = await import("../node_modules/svelte/src/server/index.js");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
@@ -1905,8 +1905,8 @@ var unescapeVueStyles = (ssrBody) => {
   return { body, styles };
 };
 var renderVueError = async (conventionPath, errorProps) => {
-  const { createSSRApp, h } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
+  const { createSSRApp, h } = await import("../node_modules/vue/index.mjs");
+  const { renderToString } = await import("../node_modules/vue/server-renderer/index.mjs");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
@@ -1998,8 +1998,8 @@ var renderConventionError = async (framework, pageName, error) => {
   return null;
 };
 var renderReactNotFound = async (conventionPath) => {
-  const { createElement } = await import("react");
-  const { renderToReadableStream } = await import("react-dom/server");
+  const { createElement } = await import("../node_modules/react/index.js");
+  const { renderToReadableStream } = await import("../node_modules/react-dom/server.bun.js");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (typeof NotFoundComponent !== "function")
@@ -2012,7 +2012,7 @@ var renderReactNotFound = async (conventionPath) => {
   });
 };
 var renderSvelteNotFound = async (conventionPath) => {
-  const { render } = await import("svelte/server");
+  const { render } = await import("../node_modules/svelte/src/server/index.js");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
@@ -2025,8 +2025,8 @@ var renderSvelteNotFound = async (conventionPath) => {
   });
 };
 var renderVueNotFound = async (conventionPath) => {
-  const { createSSRApp, h } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
+  const { createSSRApp, h } = await import("../node_modules/vue/index.mjs");
+  const { renderToString } = await import("../node_modules/vue/server-renderer/index.mjs");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
@@ -2208,8 +2208,8 @@ var handleVuePageRequest = async (input) => {
         };
       };
       const resolvedPage = await resolvePageComponent();
-      const { createSSRApp, h } = await import("vue");
-      const { renderToWebStream } = await import("vue/server-renderer");
+      const { createSSRApp, h } = await import("../node_modules/vue/index.mjs");
+      const { renderToWebStream } = await import("../node_modules/vue/server-renderer/index.mjs");
       const app = createSSRApp({
         render: () => h(resolvedPage.component, maybeProps ?? null)
       });