@rindo/core 4.22.3 → 4.23.1

package/internal/hydrate/package.json

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

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Rindo Hydrate Runner v4.22.3 | MIT Licensed | https://rindojs.web.app
+ Rindo Hydrate Runner v4.23.1 | MIT Licensed | https://rindojs.web.app
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -10429,7 +10429,7 @@ function serializeNodeToHtml(elm, serializationOptions = {}) {
     text: []
   };
   let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
+  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(getChildNodes(elm));
   for (let i = 0, ii = children.length; i < ii; i++) {
     const child = children[i];
     const chunks = Array.from(streamToHtml(child, opts, output));
@@ -10462,7 +10462,10 @@ function* streamToHtml(node, opts, output) {
       const tag = tagName === shadowRootTag ? "template" : tagName;
       yield "<" + tag;
       output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
+      if (tag === "template" && (!node.getAttribute || !node.getAttribute("shadowrootmode")) && /**
+       * If the node is a shadow root, we want to add the `shadowrootmode` attribute
+       */
+      ("host" in node || node.nodeName.toLocaleLowerCase() === shadowRootTag)) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
@@ -10546,7 +10549,8 @@ style="${cssText}">`;
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
-        if (opts.newLines && (node.childNodes.length === 0 || node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = node.childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
+        const childNodes = getChildNodes(node);
+        if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
           yield "\n";
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
@@ -10557,7 +10561,7 @@ style="${cssText}">`;
       }
       if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
         const tag = tagName === shadowRootTag ? "template" : tagName;
-        const childNodes = tagName === "template" ? node.content.childNodes : node.childNodes;
+        const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
         const childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
           if (childNodeLength === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {
@@ -10730,6 +10734,9 @@ function isWithinWhitespaceSensitive(node) {
   }
   return false;
 }
+function getChildNodes(node) {
+  return node.__childNodes || node.childNodes;
+}
 var NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
   "STYLE",
   "SCRIPT",
@@ -10999,10 +11006,12 @@ var MockElement = class extends MockNode2 {
   attachInternals() {
     return new Proxy({}, {
       get: function(_target, prop, _receiver) {
-        console.error(
-          `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
-Testing components with ElementInternals is fully supported in e2e tests.`
-        );
+        if ("process" in globalThis && globalThis.process.env.__RINDO_SPEC_TESTS__) {
+          console.error(
+            `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
+  Testing components with ElementInternals is fully supported in e2e tests.`
+          );
+        }
       }
     });
   }
@@ -11922,6 +11931,8 @@ function createElement(ownerDocument, tagName) {
       return new MockTitleElement(ownerDocument);
     case "ul":
       return new MockUListElement(ownerDocument);
+    case "slot-fb":
+      return new MockHTMLElement(ownerDocument, tagName);
   }
   if (ownerDocument != null && tagName.includes("-")) {
     const win2 = ownerDocument.defaultView;
@@ -14146,10 +14157,10 @@ var supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */
 })() : false;
 
 // src/client/index.ts
-import { BUILD as BUILD27, Env, NAMESPACE as NAMESPACE2 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD28, Env, NAMESPACE as NAMESPACE2 } from "@rindo/core/internal/app-data";
 
 // src/runtime/bootstrap-custom-element.ts
-import { BUILD as BUILD24 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD25 } from "@rindo/core/internal/app-data";
 
 // src/utils/helpers.ts
 var isString = (v) => typeof v === "string";
@@ -14242,66 +14253,69 @@ var unwrapErr = (result) => {
 };
 
 // src/runtime/connected-callback.ts
-import { BUILD as BUILD21 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD23 } from "@rindo/core/internal/app-data";
 
 // src/runtime/client-hydrate.ts
-import { BUILD as BUILD9 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD14 } from "@rindo/core/internal/app-data";
 
-// src/runtime/profile.ts
+// src/runtime/dom-extras.ts
+import { BUILD as BUILD12 } from "@rindo/core/internal/app-data";
+
+// src/runtime/slot-polyfill-utils.ts
 import { BUILD as BUILD7 } from "@rindo/core/internal/app-data";
 
+// src/runtime/vdom/vdom-render.ts
+import { BUILD as BUILD11 } from "@rindo/core/internal/app-data";
+
 // src/runtime/vdom/h.ts
 import { BUILD as BUILD8 } from "@rindo/core/internal/app-data";
 
+// src/runtime/vdom/update-element.ts
+import { BUILD as BUILD10 } from "@rindo/core/internal/app-data";
+
+// src/runtime/vdom/set-accessor.ts
+import { BUILD as BUILD9 } from "@rindo/core/internal/app-data";
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/profile.ts
+import { BUILD as BUILD13 } from "@rindo/core/internal/app-data";
+
 // src/runtime/initialize-component.ts
-import { BUILD as BUILD20 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD22 } from "@rindo/core/internal/app-data";
 
 // src/runtime/mode.ts
 var setMode = (handler) => modeResolutionChain.push(handler);
 
 // src/runtime/proxy-component.ts
-import { BUILD as BUILD19 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD21 } from "@rindo/core/internal/app-data";
 
 // src/runtime/set-value.ts
-import { BUILD as BUILD18 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD20 } from "@rindo/core/internal/app-data";
 
 // src/runtime/parse-property-value.ts
-import { BUILD as BUILD10 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD15 } from "@rindo/core/internal/app-data";
 
 // src/runtime/update-component.ts
-import { BUILD as BUILD17, NAMESPACE } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD19, NAMESPACE } from "@rindo/core/internal/app-data";
 
 // src/runtime/event-emitter.ts
-import { BUILD as BUILD12 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD17 } from "@rindo/core/internal/app-data";
 
 // src/runtime/element.ts
-import { BUILD as BUILD11 } from "@rindo/core/internal/app-data";
-
-// src/runtime/styles.ts
-import { BUILD as BUILD13 } from "@rindo/core/internal/app-data";
-
-// src/runtime/vdom/vdom-render.ts
 import { BUILD as BUILD16 } from "@rindo/core/internal/app-data";
 
-// src/runtime/vdom/update-element.ts
-import { BUILD as BUILD15 } from "@rindo/core/internal/app-data";
-
-// src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD14 } from "@rindo/core/internal/app-data";
-var CAPTURE_EVENT_SUFFIX = "Capture";
-var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+// src/runtime/styles.ts
+import { BUILD as BUILD18 } from "@rindo/core/internal/app-data";
 
 // src/runtime/disconnected-callback.ts
-import { BUILD as BUILD22 } from "@rindo/core/internal/app-data";
-
-// src/runtime/dom-extras.ts
-import { BUILD as BUILD23 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD24 } from "@rindo/core/internal/app-data";
 
 // src/runtime/bootstrap-lazy.ts
-import { BUILD as BUILD25 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD26 } from "@rindo/core/internal/app-data";
 
 // src/runtime/host-listener.ts
-import { BUILD as BUILD26 } from "@rindo/core/internal/app-data";
+import { BUILD as BUILD27 } from "@rindo/core/internal/app-data";
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc2, href) => {

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal",
-  "version": "4.22.3",
+  "version": "4.23.1",
   "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

@@ -98,6 +98,7 @@ export interface BuildFeatures {
     propBoolean: boolean;
     propNumber: boolean;
     propString: boolean;
+    modernPropertyDecls: boolean;
     lifecycle: boolean;
     cmpDidLoad: boolean;
     cmpShouldUpdate: boolean;
@@ -464,6 +465,7 @@ export interface ComponentCompilerFeatures {
     hasMember: boolean;
     hasMethod: boolean;
     hasMode: boolean;
+    hasModernPropertyDecls: boolean;
     hasProp: boolean;
     hasPropBoolean: boolean;
     hasPropNumber: boolean;
@@ -581,6 +583,9 @@ export interface ComponentCompilerStaticProperty {
     reflect?: boolean;
     docs: CompilerJsDoc;
     defaultValue?: string;
+    getter: boolean;
+    setter: boolean;
+    ogPropName?: string;
 }
 /**
  * Intermediate Representation (IR) of a property on a Rindo component
@@ -984,6 +989,10 @@ export interface HostElement extends HTMLElement {
      * do the work of actually updating the component in-place.
      */
     ['s-hmr']?: (versionId: string) => void;
+    /**
+     * A list of nested nested hydration promises that
+     * must be resolved for the top, ancestor component to be fully hydrated
+     */
     ['s-p']?: Promise<void>[];
     componentOnReady?: () => Promise<this>;
 }
@@ -1199,9 +1208,10 @@ export interface RenderNode extends HostElement {
      */
     ['s-cn']?: boolean;
     /**
-     * Is a slot reference node:
-     * This is a node that represents where a slot
-     * was originally located.
+     * Is a `slot` node when `shadow: false` (or `scoped: true`).
+     *
+     * This is a node (either empty text-node or `<slot-fb>` element)
+     * that represents where a `<slot>` is located in the original JSX.
      */
     ['s-sr']?: boolean;
     /**
@@ -1239,6 +1249,11 @@ export interface RenderNode extends HostElement {
      * back to the node that's been moved around.
      */
     ['s-nr']?: RenderNode;
+    /**
+     * Original Order:
+     * During SSR; a number representing the order of a slotted node
+     */
+    ['s-oo']?: number;
     /**
      * Scope Id
      */
@@ -1256,6 +1271,60 @@ export interface RenderNode extends HostElement {
      * empty "" for shadow, "c" from scoped
      */
     ['s-en']?: '' | /*shadow*/ 'c';
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `childNodes` of the component
+     */
+    readonly __childNodes?: NodeListOf<ChildNode>;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `children` of the component
+     */
+    readonly __children?: HTMLCollectionOf<Element>;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `firstChild` of the component
+     */
+    readonly __firstChild?: ChildNode;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `lastChild` of the component
+     */
+    readonly __lastChild?: ChildNode;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `textContent` of the component
+     */
+    __textContent?: string;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `append` method
+     */
+    __append?: (...nodes: (Node | string)[]) => void;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `prepend` method
+     */
+    __prepend?: (...nodes: (Node | string)[]) => void;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `appendChild` method
+     */
+    __appendChild?: <T extends Node>(newChild: T) => T;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `removeChild` method
+     */
+    __removeChild?: <T extends Node>(child: T) => T;
 }
 export type LazyBundlesRuntimeData = LazyBundleRuntimeData[];
 export type LazyBundleRuntimeData = [

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

@@ -311,6 +311,14 @@ export interface JsonDocsProp {
 	 * ```
 	 */
 	required: boolean;
+	/**
+	 * `true` if the prop has a `get()`. `false` otherwise
+	 */
+	getter: boolean;
+	/**
+	 * `true` if the prop has a `set()`. `false` otherwise
+	 */
+	setter: boolean;
 }
 export interface JsonDocsMethod {
 	name: string;