@absolutejs/absolute 0.19.0-beta.706 → 0.19.0-beta.708

package/dist/angular/components/index.js

@@ -0,0 +1,4 @@
+export { DeferSlotComponent } from './defer-slot.component.js';
+export { DeferErrorTemplateDirective, DeferFallbackTemplateDirective, DeferResolvedTemplateDirective } from './defer-slot-templates.directive.js';
+export { ImageComponent } from './image.component.js';
+export { StreamSlotComponent } from './stream-slot.component.js';

package/dist/angular/components/stream-slot.component.js

@@ -0,0 +1,103 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgZone, inject, signal } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { isStreamingSlotCollectionActive, registerStreamingSlot, warnMissingStreamingSlotCollector } from './core/streamingSlotRegistrar.js';
+import * as i0 from "@angular/core";
+const isObjectRecord = (value) => Boolean(value) && typeof value === 'object';
+const isHtmlPayload = (payload) => isObjectRecord(payload) && typeof payload.html === 'string';
+const resolvePayloadHtml = (payload) => {
+    if (isHtmlPayload(payload)) {
+        return payload.html;
+    }
+    return typeof payload === 'string' ? payload : '';
+};
+export class StreamSlotComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.sanitizer = inject(DomSanitizer);
+        this.zone = inject(NgZone);
+        this.slotConsumer = (payload) => {
+            this.zone.run(() => {
+                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(resolvePayloadHtml(payload)));
+                this.cdr.markForCheck();
+            });
+            return true;
+        };
+        this.fallbackHtml = '';
+        this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        if (isStreamingSlotCollectionActive()) {
+            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+            registerStreamingSlot({
+                errorHtml: this.errorHtml,
+                fallbackHtml: this.fallbackHtml,
+                id: this.id,
+                resolve: this.resolve,
+                timeoutMs: this.timeoutMs
+            });
+            return;
+        }
+        warnMissingStreamingSlotCollector('StreamSlot');
+        if (typeof window === 'undefined') {
+            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+            return;
+        }
+        const consumers = (window.__ABS_SLOT_CONSUMERS__ =
+            window.__ABS_SLOT_CONSUMERS__ ?? {});
+        consumers[this.id] = this.slotConsumer;
+        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+        const pendingPayload = window.__ABS_SLOT_PENDING__?.[this.id];
+        if (pendingPayload !== undefined) {
+            this.slotConsumer(pendingPayload);
+            delete window.__ABS_SLOT_PENDING__?.[this.id];
+        }
+    }
+    ngOnDestroy() {
+        if (typeof window === 'undefined')
+            return;
+        if (window.__ABS_SLOT_CONSUMERS__) {
+            delete window.__ABS_SLOT_CONSUMERS__[this.id];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: StreamSlotComponent, isStandalone: true, selector: "abs-stream-slot", inputs: { className: "className", errorHtml: "errorHtml", fallbackHtml: "fallbackHtml", id: "id", resolve: "resolve", timeoutMs: "timeoutMs" }, ngImport: i0, template: `
+		<div
+			[attr.id]="id"
+			[attr.class]="className"
+			data-absolute-raw-slot="true"
+			data-absolute-slot="true"
+			[innerHTML]="currentHtml()"
+		></div>
+	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'abs-stream-slot',
+                    standalone: true,
+                    template: `
+		<div
+			[attr.id]="id"
+			[attr.class]="className"
+			data-absolute-raw-slot="true"
+			data-absolute-slot="true"
+			[innerHTML]="currentHtml()"
+		></div>
+	`
+                }]
+        }], propDecorators: { className: [{
+                type: Input
+            }], errorHtml: [{
+                type: Input
+            }], fallbackHtml: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ required: true }]
+            }], resolve: [{
+                type: Input,
+                args: [{ required: true }]
+            }], timeoutMs: [{
+                type: Input
+            }] } });

package/dist/angular/index.js

@@ -3,7 +3,6 @@ var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 function __accessProp(key) {
   return this[key];
@@ -30,23 +29,6 @@ var __toESM = (mod, isNodeMode, target) => {
     cache.set(mod, to);
   return to;
 };
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
@@ -79,7 +61,7 @@ var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = import.meta.require;
 
 // src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
 var init_constants = __esm(() => {
   MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
   MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
@@ -251,6 +233,65 @@ var ensureHead = (doc) => {
   }
   const head = doc.createElement("head");
   doc.documentElement.insertBefore(head, doc.documentElement.firstChild);
+}, SSR_LAYOUT_RECT, layoutPatchApplied = false, patchElementLayout = (doc) => {
+  if (layoutPatchApplied || !doc) {
+    return;
+  }
+  let element;
+  try {
+    element = doc.createElement("div");
+  } catch {
+    return;
+  }
+  const proto = Object.getPrototypeOf(element);
+  if (!proto)
+    return;
+  const define = (name, value) => {
+    if (typeof proto[name] !== "function") {
+      Object.defineProperty(proto, name, {
+        configurable: true,
+        value,
+        writable: true
+      });
+    }
+  };
+  define("getBoundingClientRect", function() {
+    return { ...SSR_LAYOUT_RECT };
+  });
+  define("getClientRects", function() {
+    return [];
+  });
+  define("scrollTo", function() {});
+  define("scrollBy", function() {});
+  define("scrollIntoView", function() {});
+  define("focus", function() {});
+  define("blur", function() {});
+  const numericProps = [
+    "clientWidth",
+    "clientHeight",
+    "clientLeft",
+    "clientTop",
+    "offsetWidth",
+    "offsetHeight",
+    "offsetLeft",
+    "offsetTop",
+    "scrollWidth",
+    "scrollHeight",
+    "scrollLeft",
+    "scrollTop"
+  ];
+  for (const prop of numericProps) {
+    const desc = Object.getOwnPropertyDescriptor(proto, prop);
+    if (desc)
+      continue;
+    Object.defineProperty(proto, prop, {
+      configurable: true,
+      get() {
+        return 0;
+      }
+    });
+  }
+  layoutPatchApplied = true;
 }, applyPatches = async () => {
   const { \u{275}DominoAdapter } = await import(resolveAngularPackage("@angular/platform-server"));
   if (!\u{275}DominoAdapter?.prototype) {
@@ -269,18 +310,33 @@ var ensureHead = (doc) => {
   proto.createHtmlDocument = function() {
     const doc = origCreateHtmlDocument.call(this);
     ensureHead(doc);
+    patchElementLayout(doc);
     return doc;
   };
   const origGetDefaultDocument = proto.getDefaultDocument;
   proto.getDefaultDocument = function() {
     const doc = origGetDefaultDocument.call(this);
     ensureHead(doc);
+    patchElementLayout(doc);
     return doc;
   };
   return true;
 };
 var init_angularPatch = __esm(() => {
   init_resolveAngularPackage();
+  SSR_LAYOUT_RECT = Object.freeze({
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+    toJSON() {
+      return this;
+    }
+  });
 });
 
 // src/angular/angularDeps.ts
@@ -302,9 +358,7 @@ var initDominoAdapter = (platformServer) => {
     import(resolveAngularPackage("@angular/common")),
     import(resolveAngularPackage("@angular/core"))
   ]);
-  if (true) {
-    core.enableProdMode();
-  }
+  if (false) {}
   initDominoAdapter(platformServer);
   return {
     APP_BASE_HREF: common.APP_BASE_HREF,
@@ -630,9 +684,9 @@ var renderAngularIslandToHtmlInternal = async (component, props, islandId) => {
 }, renderAngularIslandToHtml2, renderReactIslandToHtml = (component, props) => import("react").then(({ createElement }) => import("react-dom/server").then(({ renderToStaticMarkup }) => renderToStaticMarkup(createElement(component, props)))), renderSvelteIslandToHtml = (component, props) => import("svelte/server").then(({ render }) => {
   const { body } = render(component, { props });
   return body;
-}), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h }) => {
+}), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h: createVueVNode }) => {
   const app = createSSRApp({
-    render: () => h(component, props)
+    render: () => createVueVNode(component, props)
   });
   return import("vue/server-renderer").then(({ renderToString }) => renderToString(app));
 });
@@ -998,7 +1052,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   const config = normalizePostcssModule(loaded);
   const value = typeof config === "function" ? await config({
     cwd: process.cwd(),
-    env: "test"
+    env: "development"
   }) : config;
   return normalizePostcssModule(value) ?? {};
 }, normalizePostcssPlugins = (plugins) => {
@@ -1726,14 +1780,15 @@ var init_devRouteRegistrationCallsite = __esm(() => {
 
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
+  const absoluteWindow = window;
   const SLOT_PATCH_EVENT = "absolutejs:slot-patch";
-  if (window.__ABS_SLOT_RUNTIME__ === true)
+  if (absoluteWindow.__ABS_SLOT_RUNTIME__ === true)
     return;
-  window.__ABS_SLOT_RUNTIME__ = true;
-  window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
-  window.__ABS_SLOT_PENDING__ = window.__ABS_SLOT_PENDING__ ?? {};
-  const consumers = window.__ABS_SLOT_CONSUMERS__;
-  const pending = window.__ABS_SLOT_PENDING__;
+  absoluteWindow.__ABS_SLOT_RUNTIME__ = true;
+  absoluteWindow.__ABS_SLOT_CONSUMERS__ = absoluteWindow.__ABS_SLOT_CONSUMERS__ ?? {};
+  absoluteWindow.__ABS_SLOT_PENDING__ = absoluteWindow.__ABS_SLOT_PENDING__ ?? {};
+  const consumers = absoluteWindow.__ABS_SLOT_CONSUMERS__;
+  const pending = absoluteWindow.__ABS_SLOT_PENDING__;
   const isObjectRecord4 = (value) => Boolean(value) && typeof value === "object";
   const isPatchedPendingEntry = (value) => {
     if (!isObjectRecord4(value))
@@ -1741,7 +1796,7 @@ var streamSwapRuntime = () => {
     return value.domPatched === true && "payload" in value;
   };
   const unwrapPendingPayload = (value) => isPatchedPendingEntry(value) ? value.payload : value;
-  const canApplyImmediately = () => window.__ABS_SLOT_HYDRATION_PENDING__ !== true;
+  const canApplyImmediately = () => absoluteWindow.__ABS_SLOT_HYDRATION_PENDING__ !== true;
   const isAngularDeferPayload = (payload) => {
     if (!isObjectRecord4(payload))
       return false;
@@ -1811,8 +1866,8 @@ var streamSwapRuntime = () => {
       apply(id, pending[id] ?? "");
     }
   };
-  window.__ABS_SLOT_FLUSH__ = flush;
-  window.__ABS_SLOT_ENQUEUE__ = (id, payload) => {
+  absoluteWindow.__ABS_SLOT_FLUSH__ = flush;
+  absoluteWindow.__ABS_SLOT_ENQUEUE__ = (id, payload) => {
     apply(id, payload);
   };
   if (typeof MutationObserver === "function") {
@@ -13338,7 +13393,7 @@ var resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults
 var setConventions = (map) => {
   Reflect.set(globalThis, CONVENTIONS_KEY, map);
 };
-var isDev = () => false;
+var isDev = () => true;
 var buildErrorProps = (error) => {
   const message = error instanceof Error ? error.message : String(error);
   const stack = isDev() && error instanceof Error ? error.stack : undefined;
@@ -14211,5 +14266,5 @@ export {
   Island
 };
 
-//# debugId=6EE23E3D652E596B64756E2164756E21
+//# debugId=C81A016DA6FA8D6B64756E2164756E21
 //# sourceMappingURL=index.js.map