@rindo/core 4.18.2 → 4.18.3-dev.1734304270.ca7046f

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Rindo Hydrate Runner v4.18.2 | MIT Licensed | https://rindojs.web.app
+ Rindo Hydrate Runner v4.18.3-dev.1734304270.ca7046f | MIT Licensed | https://rindojs.web.app
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -12329,67 +12329,75 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var CanvasRenderingContext = class {
+  constructor(context, contextAttributes) {
+    this.context = context;
+    this.contextAttributes = contextAttributes;
+  }
+  fillRect() {
+    return;
+  }
+  clearRect() {
+  }
+  getImageData(_, __, w, h) {
+    return {
+      data: new Array(w * h * 4)
+    };
+  }
+  toDataURL() {
+    return "data:,";
+  }
+  putImageData() {
+  }
+  createImageData() {
+    return {};
+  }
+  setTransform() {
+  }
+  drawImage() {
+  }
+  save() {
+  }
+  fillText() {
+  }
+  restore() {
+  }
+  beginPath() {
+  }
+  moveTo() {
+  }
+  lineTo() {
+  }
+  closePath() {
+  }
+  stroke() {
+  }
+  translate() {
+  }
+  scale() {
+  }
+  rotate() {
+  }
+  arc() {
+  }
+  fill() {
+  }
+  measureText() {
+    return { width: 0 };
+  }
+  transform() {
+  }
+  rect() {
+  }
+  clip() {
+  }
+};
 var MockCanvasElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "canvas");
   }
-  getContext() {
-    return {
-      fillRect() {
-        return;
-      },
-      clearRect() {
-      },
-      getImageData: function(_, __, w, h) {
-        return {
-          data: new Array(w * h * 4)
-        };
-      },
-      putImageData() {
-      },
-      createImageData: function() {
-        return [];
-      },
-      setTransform() {
-      },
-      drawImage() {
-      },
-      save() {
-      },
-      fillText() {
-      },
-      restore() {
-      },
-      beginPath() {
-      },
-      moveTo() {
-      },
-      lineTo() {
-      },
-      closePath() {
-      },
-      stroke() {
-      },
-      translate() {
-      },
-      scale() {
-      },
-      rotate() {
-      },
-      arc() {
-      },
-      fill() {
-      },
-      measureText() {
-        return { width: 0 };
-      },
-      transform() {
-      },
-      rect() {
-      },
-      clip() {
-      }
-    };
+  getContext(context, contextAttributes) {
+    return new CanvasRenderingContext(context, contextAttributes);
   }
 };
 function fullUrl(elm, attrName) {
@@ -12816,14 +12824,16 @@ var WINDOW_PROPS = [
 ];
 var GLOBAL_CONSTRUCTORS = [
   ["CustomEvent", MockCustomEvent],
+  ["DocumentFragment", MockDocumentFragment],
+  ["DOMParser", MockDOMParser],
   ["Event", MockEvent],
-  ["Headers", MockHeaders],
   ["FocusEvent", MockFocusEvent],
+  ["Headers", MockHeaders],
   ["KeyboardEvent", MockKeyboardEvent],
   ["MouseEvent", MockMouseEvent],
   ["Request", MockRequest],
   ["Response", MockResponse],
-  ["DOMParser", MockDOMParser],
+  ["ShadowRoot", MockDocumentFragment],
   ["HTMLAnchorElement", MockAnchorElement],
   ["HTMLBaseElement", MockBaseElement],
   ["HTMLButtonElement", MockButtonElement],

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal",
-  "version": "4.18.2",
+  "version": "4.18.3-dev.1734304270.ca7046f",
   "description": "Rindo internals only to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/rindo-private.d.ts

@@ -964,11 +964,11 @@ export interface HostElement extends HTMLElement {
      */
     ['s-sc']?: string;
     /**
-     * Root Scope Id
-     * The scope id of the root component when using scoped css encapsulation
+     * Scope Ids
+     * All the possible scope ids of this component when using scoped css encapsulation
      * or using shadow dom but the browser doesn't support it
      */
-    ['s-rsc']?: string;
+    ['s-scs']?: string[];
     /**
      * Hot Module Replacement, dev mode only
      *
@@ -1276,7 +1276,7 @@ export interface ComponentRuntimeMeta {
     /**
      * This number is used to hold a series of bitflags for various features we
      * support on components. The flags which this value is intended to store are
-     * documented in the {@link CMP_FLAGS} enum.
+     * documented in the `CMP_FLAGS` enum.
      */
     $flags$: number;
     /**
@@ -1320,7 +1320,7 @@ export interface ComponentRuntimeMembers {
  * The fields are:
  *
  * 1. A number used to hold bitflags for component members. The bit flags which
- * this is intended to store are documented in the {@link MEMBER_FLAGS} enum.
+ * this is intended to store are documented in the `MEMBER_FLAGS` enum.
  * 2. The attribute name to observe.
  */
 export type ComponentRuntimeMember = [number, string?];
@@ -1329,7 +1329,7 @@ export type ComponentRuntimeMember = [number, string?];
  * runtime. The field are:
  *
  * 1. A number used to hold bitflags for listeners. The bit flags which this is
- * intended to store are documented in the {@link LISTENER_FLAGS} enum.
+ * intended to store are documented in the `LISTENER_FLAGS` enum.
  * 2. The event name.
  * 3. The method name.
  */
@@ -1610,6 +1610,12 @@ export interface ScreenshotOptions {
      * more sensitive. Defaults to the testing config `pixelmatchThreshold` value;
      */
     pixelmatchThreshold?: number;
+    /**
+     * Capture the screenshot beyond the viewport.
+     *
+     * @defaultValue `false` if there is no `clip`. `true` otherwise.
+     */
+    captureBeyondViewport?: boolean;
 }
 export interface ScreenshotBoundingBox {
     /**
@@ -2134,7 +2140,7 @@ export interface CompilerWorkerContext {
     transformCssToEsm(input: TransformCssToEsmInput): Promise<TransformCssToEsmOutput>;
 }
 /**
- * The methods that are supported on a {@link d.CompilerWorkerContext}
+ * The methods that are supported on a {@link CompilerWorkerContext}
  */
 export type WorkerContextMethod = keyof CompilerWorkerContext;
 /**

package/internal/rindo-public-compiler.d.ts

@@ -79,6 +79,13 @@ export interface RindoConfig {
      * Below is an example folder structure containing a webapp's global sass file, named app.css.
      */
     globalStyle?: string;
+    /**
+     * Will generate {@link https://nodejs.org/api/packages.html#packages_exports export map} entry points
+     * for each component in the build when `true`.
+     *
+     * @default false
+     */
+    generateExportMaps?: boolean;
     /**
      * When the hashFileNames config is set to true, and it is a production build,
      * the hashedFileNameLength config is used to determine how many characters the file name's hash should be.
@@ -2370,9 +2377,9 @@ export interface ResolveModuleOptions {
 }
 export interface PrerenderStartOptions {
     buildId?: string;
-    hydrateAppFilePath: string;
-    componentGraph: BuildResultsComponentGraph;
-    srcIndexHtmlPath: string;
+    hydrateAppFilePath?: string;
+    componentGraph?: BuildResultsComponentGraph;
+    srcIndexHtmlPath?: string;
 }
 export interface PrerenderResults {
     buildId: string;

package/internal/testing/index.js

@@ -979,6 +979,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if ((import_app_data10.BUILD.shadowDom || import_app_data10.BUILD.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
+    if (import_app_data10.BUILD.scoped) {
+      updateElementScopeIds(elm, parentElm);
+    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2, elm);
@@ -1340,22 +1343,33 @@ var nullifyVNodeRefs = (vNode) => {
 var insertBefore = (parent, newNode, reference) => {
   const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
   if (import_app_data10.BUILD.scoped) {
-    setParentScopeIdAsClassName(newNode, parent);
+    updateElementScopeIds(newNode, parent);
   }
   return inserted;
 };
-var findParentScopeId = (element) => {
-  return element ? element["s-rsc"] || element["s-si"] || element["s-sc"] || findParentScopeId(element.parentElement) : void 0;
+var findScopeIds = (element) => {
+  const scopeIds = [];
+  if (element) {
+    scopeIds.push(
+      ...element["s-scs"] || [],
+      element["s-si"],
+      element["s-sc"],
+      ...findScopeIds(element.parentElement)
+    );
+  }
+  return scopeIds;
 };
-var setParentScopeIdAsClassName = (element, parent) => {
-  var _a, _b, _c;
-  if (element && parent) {
-    const oldRootScopeId = element["s-rsc"];
-    const newRootScopeId = findParentScopeId(parent);
-    oldRootScopeId && ((_a = element.classList) == null ? void 0 : _a.contains(oldRootScopeId)) && element.classList.remove(oldRootScopeId);
-    if (newRootScopeId) {
-      element["s-rsc"] = newRootScopeId;
-      !((_b = element.classList) == null ? void 0 : _b.contains(newRootScopeId)) && ((_c = element.classList) == null ? void 0 : _c.add(newRootScopeId));
+var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
+  var _a;
+  if (element && parent && element.nodeType === 1 /* ElementNode */) {
+    const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
+    if (scopeIds.size) {
+      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
+      if (element["s-ol"] || iterateChildNodes) {
+        for (const childNode of Array.from(element.childNodes)) {
+          updateElementScopeIds(childNode, element, true);
+        }
+      }
     }
   }
 };
@@ -1541,7 +1555,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
+  console.error(err2);
+  fn();
+}) : fn();
 var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
 var updateComponent = async (hostRef, instance, isInitialLoad) => {
   var _a;
@@ -2169,7 +2186,7 @@ var patchCloneNode = (HostElementPrototype) => {
         "s-nr",
         "s-si",
         "s-rf",
-        "s-rsc"
+        "s-scs"
       ];
       for (; i2 < srcNode.childNodes.length; i2++) {
         slotted = srcNode.childNodes[i2]["s-nr"];
@@ -2746,10 +2763,11 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
   }
 };
 var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
   try {
     if (import_app_data20.BUILD.lazyLoad) {
       if (hostRef.$flags$ & 256 /* isListenReady */) {
-        hostRef.$lazyInstance$[methodName](ev);
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
       } else {
         (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
       }
@@ -2764,7 +2782,8 @@ var getHostListenerTarget = (elm, flags) => {
   if (import_app_data20.BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
   if (import_app_data20.BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
   if (import_app_data20.BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
-  if (import_app_data20.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */) return elm.parentElement;
+  if (import_app_data20.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement)
+    return elm.parentElement;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/testing",
-  "version": "4.18.2",
+  "version": "4.18.3-dev.1734304270.ca7046f",
   "description": "Rindo internal testing platform to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Rindo Mock Doc (CommonJS) v4.18.2 | MIT Licensed | https://rindojs.web.app
+ Rindo Mock Doc (CommonJS) v4.18.3-dev.1734304270.ca7046f | MIT Licensed | https://rindojs.web.app
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -8202,67 +8202,75 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var CanvasRenderingContext = class {
+  constructor(context, contextAttributes) {
+    this.context = context;
+    this.contextAttributes = contextAttributes;
+  }
+  fillRect() {
+    return;
+  }
+  clearRect() {
+  }
+  getImageData(_, __, w, h) {
+    return {
+      data: new Array(w * h * 4)
+    };
+  }
+  toDataURL() {
+    return "data:,";
+  }
+  putImageData() {
+  }
+  createImageData() {
+    return {};
+  }
+  setTransform() {
+  }
+  drawImage() {
+  }
+  save() {
+  }
+  fillText() {
+  }
+  restore() {
+  }
+  beginPath() {
+  }
+  moveTo() {
+  }
+  lineTo() {
+  }
+  closePath() {
+  }
+  stroke() {
+  }
+  translate() {
+  }
+  scale() {
+  }
+  rotate() {
+  }
+  arc() {
+  }
+  fill() {
+  }
+  measureText() {
+    return { width: 0 };
+  }
+  transform() {
+  }
+  rect() {
+  }
+  clip() {
+  }
+};
 var MockCanvasElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "canvas");
   }
-  getContext() {
-    return {
-      fillRect() {
-        return;
-      },
-      clearRect() {
-      },
-      getImageData: function(_, __, w, h) {
-        return {
-          data: new Array(w * h * 4)
-        };
-      },
-      putImageData() {
-      },
-      createImageData: function() {
-        return [];
-      },
-      setTransform() {
-      },
-      drawImage() {
-      },
-      save() {
-      },
-      fillText() {
-      },
-      restore() {
-      },
-      beginPath() {
-      },
-      moveTo() {
-      },
-      lineTo() {
-      },
-      closePath() {
-      },
-      stroke() {
-      },
-      translate() {
-      },
-      scale() {
-      },
-      rotate() {
-      },
-      arc() {
-      },
-      fill() {
-      },
-      measureText() {
-        return { width: 0 };
-      },
-      transform() {
-      },
-      rect() {
-      },
-      clip() {
-      }
-    };
+  getContext(context, contextAttributes) {
+    return new CanvasRenderingContext(context, contextAttributes);
   }
 };
 function fullUrl(elm, attrName) {
@@ -8732,14 +8740,16 @@ var WINDOW_PROPS = [
 ];
 var GLOBAL_CONSTRUCTORS = [
   ["CustomEvent", MockCustomEvent],
+  ["DocumentFragment", MockDocumentFragment],
+  ["DOMParser", MockDOMParser],
   ["Event", MockEvent],
-  ["Headers", MockHeaders],
   ["FocusEvent", MockFocusEvent],
+  ["Headers", MockHeaders],
   ["KeyboardEvent", MockKeyboardEvent],
   ["MouseEvent", MockMouseEvent],
   ["Request", MockRequest],
   ["Response", MockResponse],
-  ["DOMParser", MockDOMParser],
+  ["ShadowRoot", MockDocumentFragment],
   ["HTMLAnchorElement", MockAnchorElement],
   ["HTMLBaseElement", MockBaseElement],
   ["HTMLButtonElement", MockButtonElement],

package/mock-doc/index.d.ts

@@ -312,38 +312,44 @@ declare class MockTitleElement extends MockHTMLElement {
 declare class MockUListElement extends MockHTMLElement {
   constructor(ownerDocument: any);
 }
+type CanvasContext = '2d' | 'webgl' | 'webgl2' | 'bitmaprenderer';
+declare class CanvasRenderingContext {
+  context: CanvasContext;
+  contextAttributes: WebGLContextAttributes;
+  constructor(context: CanvasContext, contextAttributes?: WebGLContextAttributes);
+  fillRect(): void;
+  clearRect(): void;
+  getImageData(_: number, __: number, w: number, h: number): {
+    data: any[];
+  };
+  toDataURL(): string;
+  putImageData(): void;
+  createImageData(): ImageData;
+  setTransform(): void;
+  drawImage(): void;
+  save(): void;
+  fillText(): void;
+  restore(): void;
+  beginPath(): void;
+  moveTo(): void;
+  lineTo(): void;
+  closePath(): void;
+  stroke(): void;
+  translate(): void;
+  scale(): void;
+  rotate(): void;
+  arc(): void;
+  fill(): void;
+  measureText(): {
+    width: number;
+  };
+  transform(): void;
+  rect(): void;
+  clip(): void;
+}
 declare class MockCanvasElement extends MockHTMLElement {
   constructor(ownerDocument: any);
-  getContext(): {
-    fillRect(): void;
-    clearRect(): void;
-    getImageData: (_: number, __: number, w: number, h: number) => {
-      data: any[];
-    };
-    putImageData(): void;
-    createImageData: () => any[];
-    setTransform(): void;
-    drawImage(): void;
-    save(): void;
-    fillText(): void;
-    restore(): void;
-    beginPath(): void;
-    moveTo(): void;
-    lineTo(): void;
-    closePath(): void;
-    stroke(): void;
-    translate(): void;
-    scale(): void;
-    rotate(): void;
-    arc(): void;
-    fill(): void;
-    measureText(): {
-      width: number;
-    };
-    transform(): void;
-    rect(): void;
-    clip(): void;
-  };
+  getContext(context: CanvasContext, contextAttributes?: WebGLContextAttributes): CanvasRenderingContext;
 }
 declare class MockEvent {
   bubbles: boolean;