@rindo/core 4.18.1 → 4.18.2-dev.1733699480.1e6d201

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Rindo Hydrate Runner v4.18.1 | MIT Licensed | https://rindojs.web.app
+ Rindo Hydrate Runner v4.18.2-dev.1733699480.1e6d201 | 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) {

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal",
-  "version": "4.18.1",
+  "version": "4.18.2-dev.1733699480.1e6d201",
   "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

@@ -126,6 +126,7 @@ export interface BuildConditionals extends Partial<BuildFeatures> {
     cloneNodeFix?: boolean;
     hydratedAttribute?: boolean;
     hydratedClass?: boolean;
+    hydratedSelectorName?: string;
     initializeNextTick?: boolean;
     scriptDataOpts?: boolean;
     shadowDomShim?: boolean;
@@ -963,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
      *

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

@@ -2370,9 +2370,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/rindo-public-runtime.d.ts

@@ -795,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -922,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -980,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1130,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1165,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1219,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

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);
+        }
+      }
     }
   }
 };
@@ -1510,6 +1524,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = import_app_data11.BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Rindo runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://rindojs.web.app/docs/custom-elements#externalruntime`
+    );
+  }
   let maybePromise;
   if (isInitialLoad) {
     if (import_app_data11.BUILD.lazyLoad && import_app_data11.BUILD.hostListener) {
@@ -1740,7 +1759,10 @@ var emitLifecycleEvent = (elm, lifecycleName) => {
     });
   }
 };
-var addHydratedFlag = (elm) => import_app_data11.BUILD.hydratedClass ? elm.classList.add("hydrated") : import_app_data11.BUILD.hydratedAttribute ? elm.setAttribute("hydrated", "") : void 0;
+var addHydratedFlag = (elm) => {
+  var _a, _b;
+  return import_app_data11.BUILD.hydratedClass ? elm.classList.add((_a = import_app_data11.BUILD.hydratedSelectorName) != null ? _a : "hydrated") : import_app_data11.BUILD.hydratedAttribute ? elm.setAttribute((_b = import_app_data11.BUILD.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+};
 var serverSideConnected = (elm) => {
   const children = elm.children;
   if (children != null) {
@@ -1944,16 +1966,18 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
     const bundleId = cmpMeta.$lazyBundleId$;
     if ((import_app_data14.BUILD.lazyLoad || import_app_data14.BUILD.hydrateClientSide) && bundleId) {
-      Cstr = loadModule(cmpMeta, hostRef, hmrVersionId);
-      if (Cstr.then) {
+      const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+      if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
           `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
           `[Rindo] Load module for <${cmpMeta.$tagName$}>`
         );
-        Cstr = await Cstr;
+        Cstr = await CstrImport;
         endLoad();
+      } else {
+        Cstr = CstrImport;
       }
-      if ((import_app_data14.BUILD.isDev || import_app_data14.BUILD.isDebug) && !Cstr) {
+      if (!Cstr) {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (import_app_data14.BUILD.member && !Cstr.isProxied) {
@@ -1982,12 +2006,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
-      customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (import_app_data14.BUILD.style && Cstr.style) {
+    if (import_app_data14.BUILD.style && Cstr && Cstr.style) {
       let style = Cstr.style;
       if (import_app_data14.BUILD.mode && typeof style !== "string") {
-        style = style[hostRef.$modeName$ = computeMode(elm)];
+        hostRef.$modeName$ = computeMode(elm);
+        if (hostRef.$modeName$) {
+          style = style[hostRef.$modeName$];
+        }
         if (import_app_data14.BUILD.hydrateServerSide && hostRef.$modeName$) {
           elm.setAttribute("s-mode", hostRef.$modeName$);
         }
@@ -2155,7 +2183,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"];
@@ -2732,10 +2760,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]);
       }
@@ -2750,7 +2779,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.1",
+  "version": "4.18.2-dev.1733699480.1e6d201",
   "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.1 | MIT Licensed | https://rindojs.web.app
+ Rindo Mock Doc (CommonJS) v4.18.2-dev.1733699480.1e6d201 | 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) {

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;