@absolutejs/absolute 0.20.0-beta.6 → 0.20.0-beta.60

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(() => {
@@ -1464,6 +1470,20 @@ var init_spaRouteManifest = __esm(() => {
   init_resolveConvention();
 });
 
+// src/core/browserTranslation.ts
+var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
+  if (html.includes(BASELINE_MARKER))
+    return html;
+  const script = browserTranslationBaselineTag();
+  const closingBodyIndex = html.lastIndexOf("</body>");
+  if (closingBodyIndex < 0)
+    return `${html}${script}`;
+  return `${html.slice(0, closingBodyIndex)}${script}${html.slice(closingBodyIndex)}`;
+};
+var init_browserTranslation = __esm(() => {
+  BROWSER_TRANSLATION_BASELINE_SCRIPT = "window.__ABSOLUTE_SSR_TEXT_BASELINES__=new WeakMap();" + "{const r=document.body,b=window.__ABSOLUTE_SSR_TEXT_BASELINES__;" + 'if(r)for(const e of [r,...r.querySelectorAll("*")]){' + "const t=new Map();for(const [i,n]of[...e.childNodes].entries())" + 'if(n.nodeType===3)t.set(i,n.nodeValue??"");if(t.size)b.set(e,t);}}';
+});
+
 // src/core/islandManifest.ts
 var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
   const entries = {};
@@ -1918,7 +1938,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
   }
   return html + snippet;
 }, injectSsrScripts = (html, requestId, indexPath, requestContext) => {
-  let result = html;
+  let result = injectBeforeClose(html, browserTranslationBaselineTag());
   const registeredScripts = getAndClearClientScripts(requestId);
   if (registeredScripts.length > 0) {
     result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
@@ -1954,6 +1974,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 };
 var init_ssrRender = __esm(() => {
   init_registerClientScript();
+  init_browserTranslation();
   routeContextCache = new Map;
   selectorCache = new Map;
 });
@@ -1961,10 +1982,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 +2047,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 +2499,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 +2919,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 +4350,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 +4369,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 +4504,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 +4539,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;
@@ -4661,6 +4719,7 @@ var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage(
 // src/react/pageHandler.ts
 init_spaRouteManifest();
 init_resolveConvention();
+init_browserTranslation();
 var withRequestUrl = (props, url) => Object.assign(Object.create(null), props, { url });
 var resolveRequestPathname = (request) => {
   if (!request)
@@ -4714,7 +4773,7 @@ var handleReactPageRequest = async (input) => {
       const refreshSetup = buildRefreshSetup();
       const stream = await renderToReadableStream(element, {
         bootstrapModules: [resolvedIndex],
-        bootstrapScriptContent: propsScript + refreshSetup || undefined,
+        bootstrapScriptContent: BROWSER_TRANSLATION_BASELINE_SCRIPT + propsScript + refreshSetup,
         onError(error) {
           console.error("[SSR] React streaming error:", error);
         }
@@ -4749,37 +4808,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;
 };
@@ -4870,22 +4929,6 @@ var createIslandStore = (storeId, initialState, createState) => {
   return store;
 };
 var getIslandStoreServerSnapshot = (store, selector) => selector(store.getInitialState());
-var applySnapshotToStoreInstances = (storeId, instances, snapshot) => {
-  for (const instance of instances) {
-    instance.applyExternalSnapshot(snapshot[storeId] ?? {});
-  }
-};
-var initializeIslandStores = (state) => {
-  const currentSnapshot = getIslandStoreSnapshot();
-  const nextSnapshot = {
-    ...state,
-    ...currentSnapshot
-  };
-  globalThis.__ABS_ISLAND_STATE__ = nextSnapshot;
-  for (const [storeId, store] of getIslandStores()) {
-    applySnapshotToStoreInstances(storeId, store, nextSnapshot);
-  }
-};
 var readIslandStore = (store, selector) => selector(store.getState());
 var subscribeIslandStore = (store, selector, listener) => {
   let currentSelection = selector(store.getState());
@@ -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=48257EB5A9F1523464756E2164756E21
 //# sourceMappingURL=index.js.map