@absolutejs/absolute 0.20.0-beta.5 → 0.20.0-beta.50

package/dist/react/index.js

@@ -19,12 +19,14 @@ var __toESM = (mod, isNodeMode, target) => {
   }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
+  if (mod && typeof mod === "object" || typeof mod === "function") {
+    for (let key of __getOwnPropNames(mod))
+      if (!__hasOwnProp.call(to, key))
+        __defProp(to, key, {
+          get: __accessProp.bind(mod, key),
+          enumerable: true
+        });
+  }
   if (canCache)
     cache.set(mod, to);
   return to;
@@ -63,10 +65,10 @@ var __require = import.meta.require;
 // src/core/devRouteRegistrationCallsite.ts
 var exports_devRouteRegistrationCallsite = {};
 __export(exports_devRouteRegistrationCallsite, {
-  patchElysiaRouteRegistrationCallsites: () => patchElysiaRouteRegistrationCallsites,
-  isPageHandler: () => isPageHandler,
+  getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite,
   getOriginalPageHandlerSource: () => getOriginalPageHandlerSource,
-  getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite
+  isPageHandler: () => isPageHandler,
+  patchElysiaRouteRegistrationCallsites: () => patchElysiaRouteRegistrationCallsites
 });
 import { AsyncLocalStorage } from "async_hooks";
 import { Elysia } from "elysia";
@@ -941,6 +943,7 @@ var colors, MONTHS, formatTimestamp = () => {
     port,
     host,
     networkUrl,
+    mobilePreviewUrl,
     protocol = "http"
   } = options;
   const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
@@ -954,6 +957,9 @@ var colors, MONTHS, formatTimestamp = () => {
   if (networkUrl) {
     console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
   }
+  if (mobilePreviewUrl) {
+    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Mobile:${colors.reset}  ${mobilePreviewUrl}`);
+  }
   console.log("");
 };
 var init_startupBanner = __esm(() => {
@@ -1961,10 +1967,10 @@ var init_ssrRender = __esm(() => {
 // src/angular/islands.ts
 var exports_islands = {};
 __export(exports_islands, {
-  renderAngularIslandToHtml: () => renderAngularIslandToHtml,
-  mountAngularIsland: () => mountAngularIsland,
+  getAngularIslandSelector: () => getAngularIslandSelector,
   isAngularComponent: () => isAngularComponent,
-  getAngularIslandSelector: () => getAngularIslandSelector
+  mountAngularIsland: () => mountAngularIsland,
+  renderAngularIslandToHtml: () => renderAngularIslandToHtml
 });
 var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_islandId) => angularIslandSelector, isAngularComponent = (value) => typeof value === "function", getSelectorFromRenderedIsland = (rootElement) => {
   const firstChild = rootElement.firstElementChild;
@@ -2026,8 +2032,10 @@ var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_i
   const propsToken = new InjectionToken(`${wrapperKey}:props`);
 
   class AngularIslandWrapperComponent {
-    component = component;
-    props = inject(propsToken);
+    constructor() {
+      this.component = component;
+      this.props = inject(propsToken);
+    }
   }
   return {
     deps,
@@ -2476,13 +2484,13 @@ var init_nativeRewrite = __esm(() => {
 // src/build/rewriteImportsPlugin.ts
 var exports_rewriteImportsPlugin = {};
 __export(exports_rewriteImportsPlugin, {
-  rewriteVendorDirectories: () => rewriteVendorDirectories,
-  rewriteImportsInContent: () => rewriteImportsInContent,
-  rewriteBuildOutputsWith: () => rewriteBuildOutputsWith,
-  rewriteBuildOutputs: () => rewriteBuildOutputs,
-  jsRewriteImports: () => jsRewriteImports,
+  buildWithImportRewrite: () => buildWithImportRewrite,
   fixMissingReExportNamespacesInContent: () => fixMissingReExportNamespacesInContent,
-  buildWithImportRewrite: () => buildWithImportRewrite
+  jsRewriteImports: () => jsRewriteImports,
+  rewriteBuildOutputs: () => rewriteBuildOutputs,
+  rewriteBuildOutputsWith: () => rewriteBuildOutputsWith,
+  rewriteImportsInContent: () => rewriteImportsInContent,
+  rewriteVendorDirectories: () => rewriteVendorDirectories
 });
 import { readdir } from "fs/promises";
 import { join as join2 } from "path";
@@ -2896,22 +2904,22 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 // src/build/stylePreprocessor.ts
 var exports_stylePreprocessor = {};
 __export(exports_stylePreprocessor, {
-  stylePreprocessorPlugin: () => stylePreprocessorPlugin,
-  recordStyleOutput: () => recordStyleOutput,
-  isStylePath: () => isStylePath,
-  isStyleModulePath: () => isStyleModulePath,
-  isPreprocessableStylePath: () => isPreprocessableStylePath,
-  getStyleBaseName: () => getStyleBaseName,
-  getCssOutputExtension: () => getCssOutputExtension,
-  forgetStyleEntry: () => forgetStyleEntry,
-  findStyleEntriesImporting: () => findStyleEntriesImporting,
-  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
-  createStyleTransformConfig: () => createStyleTransformConfig,
-  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
-  compileStyleSource: () => compileStyleSource,
-  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
+  addStyleImporter: () => addStyleImporter,
   compileStyleFileIfNeeded: () => compileStyleFileIfNeeded,
-  addStyleImporter: () => addStyleImporter
+  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
+  compileStyleSource: () => compileStyleSource,
+  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
+  createStyleTransformConfig: () => createStyleTransformConfig,
+  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
+  findStyleEntriesImporting: () => findStyleEntriesImporting,
+  forgetStyleEntry: () => forgetStyleEntry,
+  getCssOutputExtension: () => getCssOutputExtension,
+  getStyleBaseName: () => getStyleBaseName,
+  isPreprocessableStylePath: () => isPreprocessableStylePath,
+  isStyleModulePath: () => isStyleModulePath,
+  isStylePath: () => isStylePath,
+  recordStyleOutput: () => recordStyleOutput,
+  stylePreprocessorPlugin: () => stylePreprocessorPlugin
 });
 import { createHash as createHash2 } from "crypto";
 import { existsSync as existsSync3, readFileSync as readFileSync3 } from "fs";
@@ -4327,6 +4335,7 @@ var getCurrentAbsoluteMobileProducerContext = () => {
 // src/mobile/pageProtocol.ts
 var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json";
 var ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION = 1;
+var ABSOLUTE_NATIVE_ROUTE_DATA_MEDIA_TYPE = "application/vnd.absolute.native-route+json";
 var BAD_REQUEST_STATUS = 400;
 var OK_STATUS = 200;
 var SERVER_ERROR_STATUS = 500;
@@ -4345,6 +4354,11 @@ var acceptsAbsoluteMobilePage = (request) => {
     return false;
   return (request.headers.get("accept") ?? "").split(",").some((value) => parseMediaType(value) === ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE);
 };
+var acceptsAbsoluteNativeRouteData = (request) => {
+  if (!request)
+    return false;
+  return (request.headers.get("accept") ?? "").split(",").some((value) => parseMediaType(value) === ABSOLUTE_NATIVE_ROUTE_DATA_MEDIA_TYPE);
+};
 var readRequiredHeader = (request, name) => {
   const value = request.headers.get(name)?.trim();
   return value ? value : undefined;
@@ -4475,6 +4489,32 @@ var finalizeArchivedMobilePage = (context, input) => {
     return createAbsoluteMobilePageErrorResponse(page.pageId);
   }
 };
+var finalizeAbsoluteNativeRouteDevelopmentPage = (input) => {
+  if (false) {}
+  if (input.request?.method !== "GET") {
+    return createAbsoluteMobileInvalidRequestResponse("Native-route data requests must use GET.");
+  }
+  if (input.request.headers.get(MOBILE_PAGE_REQUEST_HEADERS.protocol) !== String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)) {
+    return createAbsoluteMobileInvalidRequestResponse(`Native-route data requires protocol ${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}.`);
+  }
+  const [representation] = input.compatibility.representations;
+  if (!representation) {
+    return createAbsoluteMobilePageErrorResponse(input.compatibility.pageId);
+  }
+  try {
+    return envelopeResponse({
+      contract: representation.contract,
+      framework: input.compatibility.framework,
+      kind: "page",
+      pageId: input.compatibility.pageId,
+      props: normalizeJsonValue(representation.mapProps(input.props)),
+      status: input.status ?? OK_STATUS
+    }, input.status ?? OK_STATUS);
+  } catch (error) {
+    console.error(`[Mobile] Failed to produce development native route ${input.compatibility.pageId}:`, error);
+    return createAbsoluteMobilePageErrorResponse(input.compatibility.pageId);
+  }
+};
 var createAbsoluteMobileInvalidRequestResponse = (message) => envelopeResponse({ kind: "invalid-request", message }, BAD_REQUEST_STATUS);
 var createAbsoluteMobilePageErrorResponse = (pageId) => envelopeResponse({
   code: "representation-failed",
@@ -4484,6 +4524,9 @@ var createAbsoluteMobilePageErrorResponse = (pageId) => envelopeResponse({
 }, SERVER_ERROR_STATUS);
 var createAbsoluteMobileUpgradeResponse = (result) => envelopeResponse(result, UPGRADE_REQUIRED_STATUS);
 var finalizeAbsoluteMobilePage = (input) => {
+  if (acceptsAbsoluteNativeRouteData(input.request)) {
+    return finalizeAbsoluteNativeRouteDevelopmentPage(input);
+  }
   const parsed = parseAbsoluteMobilePageRequest(input.request);
   if (parsed.kind === "not-mobile")
     return;
@@ -4749,37 +4792,37 @@ var handleReactPageRequest = async (input) => {
 // src/react/Island.tsx
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var Island = async (props) => {
   if (typeof window !== "undefined") {
-    return /* @__PURE__ */ jsxDEV("div", {
+    return /* @__PURE__ */ jsx("div", {
       ...getIslandMarkerAttributes(props),
       suppressHydrationWarning: true
-    }, undefined, false, undefined, this);
+    });
   }
   const result = await renderIslandResult(requireCurrentIslandRegistry(), props);
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     ...result.attributes,
     dangerouslySetInnerHTML: { __html: result.html }
-  }, undefined, false, undefined, this);
+  });
 };
 // src/react/createIsland.tsx
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var createTypedIsland = (registry) => {
   const Island2 = async (props) => {
     if (typeof window !== "undefined") {
-      return /* @__PURE__ */ jsxDEV2("div", {
+      return /* @__PURE__ */ jsx2("div", {
         ...getIslandMarkerAttributes(props),
         suppressHydrationWarning: true
-      }, undefined, false, undefined, this);
+      });
     }
     const result = await renderIslandResult(registry, props);
-    return /* @__PURE__ */ jsxDEV2("div", {
+    return /* @__PURE__ */ jsx2("div", {
       ...result.attributes,
       dangerouslySetInnerHTML: { __html: result.html }
-    }, undefined, false, undefined, this);
+    });
   };
   return Island2;
 };
@@ -4904,11 +4947,11 @@ var useIslandStore = (store, selector) => useSyncExternalStore((listener) => sub
   listener();
 }), () => readIslandStore(store, selector), () => getIslandStoreServerSnapshot(store, selector));
 export {
-  useIslandStore,
-  handleReactPageRequest,
+  Island,
   createTypedIsland,
-  Island
+  handleReactPageRequest,
+  useIslandStore
 };
 
-//# debugId=7CE6A5979AFA5A9664756E2164756E21
+//# debugId=E00833F113ECF61A64756E2164756E21
 //# sourceMappingURL=index.js.map