@rindo/core 2.16.0 → 2.17.0

package/internal/client/index.js

@@ -11,7 +11,7 @@ let renderingRef = null;
 let queueCongestion = 0;
 let queuePending = false;
 /*
- Rindo Client Platform v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Client Platform v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 import { BUILD, NAMESPACE } from '@rindo/core/internal/app-data';
 const win = typeof window !== 'undefined' ? window : {};

package/internal/client/package.json

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

package/internal/client/patch-browser.js

@@ -1,5 +1,5 @@
 /*
- Rindo Client Patch Browser v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Client Patch Browser v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 import { BUILD, NAMESPACE } from '@rindo/core/internal/app-data';
 import { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@rindo/core';

package/internal/client/patch-esm.js

@@ -1,5 +1,5 @@
 /*
- Rindo Client Patch Esm v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Client Patch Esm v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 import { BUILD } from '@rindo/core/internal/app-data';
 import { CSS, plt, win, promiseResolve } from '@rindo/core';

package/internal/client/shadow-css.js

@@ -1,5 +1,5 @@
 /*
- Rindo Client Platform v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Client Platform v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 /**
  * @license

package/internal/hydrate/index.js

@@ -59,9 +59,9 @@ function hydrateApp(e, t, o, n, s) {
          enumerable: !0
         });
        } else 64 & l && Object.defineProperty(e, n, {
-        value() {
-         const e = getHostRef(this), t = arguments;
-         return e.$onInstancePromise$.then((() => e.$lazyInstance$[n].apply(e.$lazyInstance$, t))).catch(consoleError);
+        value(...e) {
+         const t = getHostRef(this);
+         return t.$onInstancePromise$.then((() => t.$lazyInstance$[n](...e))).catch(consoleError);
         }
        });
       }));

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/hydrate",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "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/package.json

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

@@ -1729,6 +1729,9 @@ export interface CssToEsmImportData {
     url: string;
     filePath: string;
 }
+/**
+ * Input CSS to be transformed into ESM
+ */
 export interface TransformCssToEsmInput {
     input: string;
     module?: 'cjs' | 'esm' | string;
@@ -2272,6 +2275,7 @@ export interface TrackableData {
     build: string;
     rindo: string;
     has_app_pwa_config: boolean;
+    config: Config;
 }
 /**
  * Used as the object sent to the server. Value is the data tracked.

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

@@ -525,10 +525,11 @@ export interface ConfigFlags {
     e2e?: boolean;
     emulate?: string;
     es5?: boolean;
+    esm?: boolean;
     headless?: boolean;
     help?: boolean;
     log?: boolean;
-    logLevel?: string;
+    logLevel?: LogLevel;
     verbose?: boolean;
     maxWorkers?: number;
     open?: boolean;
@@ -1652,7 +1653,7 @@ export interface EmulateViewport {
      */
     isLandscape?: boolean;
 }
-export declare type LogLevel = 'debug' | 'info' | 'warn' | 'error' | string;
+export declare type LogLevel = 'debug' | 'info' | 'warn' | 'error';
 /**
  * Common logger to be used by the compiler, dev-server and CLI. The CLI will use a
  * NodeJS based console logging and colors, and the web will use browser based

package/internal/testing/index.js

@@ -98,7 +98,7 @@ const defaultConsoleError = e => {
  caughtErrors.push(new Error(e.join(", ")));
 }, consoleDevWarn = (...e) => {
  const t = e.filter((e => "string" == typeof e || "number" == typeof e || "boolean" == typeof e));
- console.warn.apply(console, t);
+ console.warn(...t);
 }, nextTick = e => {
  queuedTicks.push(e);
 }, win = mockDoc.setupGlobal(global), doc = win.document;

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/testing",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "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) v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Mock Doc (CommonJS) v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 var mockDoc = (function(exports) {
 'use strict';
@@ -1602,6 +1602,9 @@ class MockElement extends MockNode {
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }
+  blur() {
+    /**/
+  }
   get shadowRoot() {
     return this.__shadowRoot || null;
   }
@@ -1670,6 +1673,7 @@ class MockElement extends MockNode {
   get firstElementChild() {
     return this.children[0] || null;
   }
+  focus(_options) { }
   getAttribute(attrName) {
     if (attrName === 'style') {
       if (this.__style != null && this.__style.length > 0) {
@@ -2573,7 +2577,28 @@ function createElementNS(ownerDocument, namespaceURI, tagName) {
     return createElement(ownerDocument, tagName);
   }
   else if (namespaceURI === 'http://www.w3.org/2000/svg') {
-    return new MockSVGElement(ownerDocument, tagName);
+    switch (tagName.toLowerCase()) {
+      case 'text':
+      case 'tspan':
+      case 'tref':
+      case 'altglyph':
+      case 'textpath':
+        return new MockSVGTextContentElement(ownerDocument, tagName);
+      case 'circle':
+      case 'ellipse':
+      case 'image':
+      case 'line':
+      case 'path':
+      case 'polygon':
+      case 'polyline':
+      case 'rect':
+      case 'use':
+        return new MockSVGGraphicsElement(ownerDocument, tagName);
+      case 'svg':
+        return new MockSVGSVGElement(ownerDocument, tagName);
+      default:
+        return new MockSVGElement(ownerDocument, tagName);
+    }
   }
   else {
     return new MockElement(ownerDocument, tagName);
@@ -2720,6 +2745,98 @@ class MockScriptElement extends MockHTMLElement {
 patchPropAttributes(MockScriptElement.prototype, {
   type: String,
 });
+class MockDOMMatrix {
+  constructor() {
+    this.a = 1;
+    this.b = 0;
+    this.c = 0;
+    this.d = 1;
+    this.e = 0;
+    this.f = 0;
+    this.m11 = 1;
+    this.m12 = 0;
+    this.m13 = 0;
+    this.m14 = 0;
+    this.m21 = 0;
+    this.m22 = 1;
+    this.m23 = 0;
+    this.m24 = 0;
+    this.m31 = 0;
+    this.m32 = 0;
+    this.m33 = 1;
+    this.m34 = 0;
+    this.m41 = 0;
+    this.m42 = 0;
+    this.m43 = 0;
+    this.m44 = 1;
+    this.is2D = true;
+    this.isIdentity = true;
+  }
+  static fromMatrix() {
+    return new MockDOMMatrix();
+  }
+  inverse() {
+    return new MockDOMMatrix();
+  }
+  flipX() {
+    return new MockDOMMatrix();
+  }
+  flipY() {
+    return new MockDOMMatrix();
+  }
+  multiply() {
+    return new MockDOMMatrix();
+  }
+  rotate() {
+    return new MockDOMMatrix();
+  }
+  rotateAxisAngle() {
+    return new MockDOMMatrix();
+  }
+  rotateFromVector() {
+    return new MockDOMMatrix();
+  }
+  scale() {
+    return new MockDOMMatrix();
+  }
+  scaleNonUniform() {
+    return new MockDOMMatrix();
+  }
+  skewX() {
+    return new MockDOMMatrix();
+  }
+  skewY() {
+    return new MockDOMMatrix();
+  }
+  toJSON() { }
+  toString() { }
+  transformPoint() {
+    return new MockDOMPoint();
+  }
+  translate() {
+    return new MockDOMMatrix();
+  }
+}
+class MockDOMPoint {
+  constructor() {
+    this.w = 1;
+    this.x = 0;
+    this.y = 0;
+    this.z = 0;
+  }
+  toJSON() { }
+  matrixTransform() {
+    return new MockDOMMatrix();
+  }
+}
+class MockSVGRect {
+  constructor() {
+    this.height = 10;
+    this.width = 10;
+    this.x = 0;
+    this.y = 0;
+  }
+}
 class MockStyleElement extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, 'style');
@@ -2752,9 +2869,6 @@ class MockSVGElement extends MockElement {
   get viewportElement() {
     return null;
   }
-  focus() {
-    /**/
-  }
   onunload() {
     /**/
   }
@@ -2772,6 +2886,27 @@ class MockSVGElement extends MockElement {
     return 0;
   }
 }
+class MockSVGGraphicsElement extends MockSVGElement {
+  getBBox(_options) {
+    return new MockSVGRect();
+  }
+  getCTM() {
+    return new MockDOMMatrix();
+  }
+  getScreenCTM() {
+    return new MockDOMMatrix();
+  }
+}
+class MockSVGSVGElement extends MockSVGGraphicsElement {
+  createSVGPoint() {
+    return new MockDOMPoint();
+  }
+}
+class MockSVGTextContentElement extends MockSVGGraphicsElement {
+  getComputedTextLength() {
+    return 0;
+  }
+}
 class MockBaseElement extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, 'base');
@@ -4268,9 +4403,11 @@ function cloneDocument(srcDoc) {
   const dstWin = cloneWindow(srcDoc.defaultView);
   return dstWin.document;
 }
+// TODO - Evaluate reconciling MockWindow, Window differences
 /**
  * Constrain setTimeout() to 1ms, but still async. Also
  * only allow setInterval() to fire once, also constrained to 1ms.
+ * @param win the mock window instance to update
  */
 function constrainTimeouts(win) {
   win.__allowInterval = false;

package/mock-doc/index.d.ts

@@ -199,6 +199,62 @@ declare class MockScriptElement extends MockHTMLElement {
   get src(): string;
   set src(value: string);
 }
+declare class MockDOMMatrix {
+  static fromMatrix(): MockDOMMatrix;
+  a: number;
+  b: number;
+  c: number;
+  d: number;
+  e: number;
+  f: number;
+  m11: number;
+  m12: number;
+  m13: number;
+  m14: number;
+  m21: number;
+  m22: number;
+  m23: number;
+  m24: number;
+  m31: number;
+  m32: number;
+  m33: number;
+  m34: number;
+  m41: number;
+  m42: number;
+  m43: number;
+  m44: number;
+  is2D: boolean;
+  isIdentity: boolean;
+  inverse(): MockDOMMatrix;
+  flipX(): MockDOMMatrix;
+  flipY(): MockDOMMatrix;
+  multiply(): MockDOMMatrix;
+  rotate(): MockDOMMatrix;
+  rotateAxisAngle(): MockDOMMatrix;
+  rotateFromVector(): MockDOMMatrix;
+  scale(): MockDOMMatrix;
+  scaleNonUniform(): MockDOMMatrix;
+  skewX(): MockDOMMatrix;
+  skewY(): MockDOMMatrix;
+  toJSON(): void;
+  toString(): void;
+  transformPoint(): MockDOMPoint;
+  translate(): MockDOMMatrix;
+}
+declare class MockDOMPoint {
+  w: number;
+  x: number;
+  y: number;
+  z: number;
+  toJSON(): void;
+  matrixTransform(): MockDOMMatrix;
+}
+declare class MockSVGRect {
+  height: number;
+  width: number;
+  x: number;
+  y: number;
+}
 declare class MockStyleElement extends MockHTMLElement {
   sheet: MockCSSStyleSheet;
   constructor(ownerDocument: any);
@@ -212,13 +268,28 @@ declare class MockStyleElement extends MockHTMLElement {
 declare class MockSVGElement extends MockElement {
   get ownerSVGElement(): SVGSVGElement;
   get viewportElement(): SVGElement;
-  focus(): void;
   onunload(): void;
   get pathLength(): number;
   isPointInFill(_pt: DOMPoint): boolean;
   isPointInStroke(_pt: DOMPoint): boolean;
   getTotalLength(): number;
 }
+declare class MockSVGGraphicsElement extends MockSVGElement {
+  getBBox(_options?: {
+    clipped: boolean;
+    fill: boolean;
+    markers: boolean;
+    stroke: boolean;
+  }): MockSVGRect;
+  getCTM(): MockDOMMatrix;
+  getScreenCTM(): MockDOMMatrix;
+}
+declare class MockSVGSVGElement extends MockSVGGraphicsElement {
+  createSVGPoint(): MockDOMPoint;
+}
+declare class MockSVGTextContentElement extends MockSVGGraphicsElement {
+  getComputedTextLength(): number;
+}
 declare class MockBaseElement extends MockHTMLElement {
   constructor(ownerDocument: any);
   get href(): string;
@@ -438,6 +509,7 @@ declare class MockElement extends MockNode {
   constructor(ownerDocument: any, nodeName: string);
   addEventListener(type: string, handler: (ev?: any) => void): void;
   attachShadow(_opts: ShadowRootInit): any;
+  blur(): void;
   get shadowRoot(): any;
   set shadowRoot(shadowRoot: any);
   get attributes(): MockAttributeMap;
@@ -455,6 +527,9 @@ declare class MockElement extends MockNode {
   set dir(value: string);
   dispatchEvent(ev: MockEvent): boolean;
   get firstElementChild(): MockElement | null;
+  focus(_options?: {
+    preventScroll?: boolean;
+  }): void;
   getAttribute(attrName: string): any;
   getAttributeNS(namespaceURI: string, attrName: string): string;
   getBoundingClientRect(): {
@@ -923,6 +998,7 @@ declare function cloneDocument(srcDoc: Document): Document;
 /**
  * Constrain setTimeout() to 1ms, but still async. Also
  * only allow setInterval() to fire once, also constrained to 1ms.
+ * @param win the mock window instance to update
  */
 declare function constrainTimeouts(win: any): void;
 export { MockAttr, MockAttributeMap, MockComment, MockCustomEvent, MockDocument, MockElement, MockHTMLElement, MockHeaders, MockKeyboardEvent, MockMouseEvent, MockNode, MockRequest, MockRequestInfo, MockRequestInit, MockResponse, MockResponseInit, MockTextNode, MockWindow, NODE_TYPES, SerializeNodeToHtmlOptions, cloneAttributes, cloneDocument, cloneWindow, constrainTimeouts, createDocument, createFragment, parseHtmlToDocument, parseHtmlToFragment, patchWindow, resetDocument, serializeNodeToHtml, setupGlobal, teardownGlobal }

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Rindo Mock Doc v2.16.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Mock Doc v2.17.0 | MIT Licensed | https://rindojs.web.app
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -1599,6 +1599,9 @@ class MockElement extends MockNode {
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }
+  blur() {
+    /**/
+  }
   get shadowRoot() {
     return this.__shadowRoot || null;
   }
@@ -1667,6 +1670,7 @@ class MockElement extends MockNode {
   get firstElementChild() {
     return this.children[0] || null;
   }
+  focus(_options) { }
   getAttribute(attrName) {
     if (attrName === 'style') {
       if (this.__style != null && this.__style.length > 0) {
@@ -2570,7 +2574,28 @@ function createElementNS(ownerDocument, namespaceURI, tagName) {
     return createElement(ownerDocument, tagName);
   }
   else if (namespaceURI === 'http://www.w3.org/2000/svg') {
-    return new MockSVGElement(ownerDocument, tagName);
+    switch (tagName.toLowerCase()) {
+      case 'text':
+      case 'tspan':
+      case 'tref':
+      case 'altglyph':
+      case 'textpath':
+        return new MockSVGTextContentElement(ownerDocument, tagName);
+      case 'circle':
+      case 'ellipse':
+      case 'image':
+      case 'line':
+      case 'path':
+      case 'polygon':
+      case 'polyline':
+      case 'rect':
+      case 'use':
+        return new MockSVGGraphicsElement(ownerDocument, tagName);
+      case 'svg':
+        return new MockSVGSVGElement(ownerDocument, tagName);
+      default:
+        return new MockSVGElement(ownerDocument, tagName);
+    }
   }
   else {
     return new MockElement(ownerDocument, tagName);
@@ -2717,6 +2742,98 @@ class MockScriptElement extends MockHTMLElement {
 patchPropAttributes(MockScriptElement.prototype, {
   type: String,
 });
+class MockDOMMatrix {
+  constructor() {
+    this.a = 1;
+    this.b = 0;
+    this.c = 0;
+    this.d = 1;
+    this.e = 0;
+    this.f = 0;
+    this.m11 = 1;
+    this.m12 = 0;
+    this.m13 = 0;
+    this.m14 = 0;
+    this.m21 = 0;
+    this.m22 = 1;
+    this.m23 = 0;
+    this.m24 = 0;
+    this.m31 = 0;
+    this.m32 = 0;
+    this.m33 = 1;
+    this.m34 = 0;
+    this.m41 = 0;
+    this.m42 = 0;
+    this.m43 = 0;
+    this.m44 = 1;
+    this.is2D = true;
+    this.isIdentity = true;
+  }
+  static fromMatrix() {
+    return new MockDOMMatrix();
+  }
+  inverse() {
+    return new MockDOMMatrix();
+  }
+  flipX() {
+    return new MockDOMMatrix();
+  }
+  flipY() {
+    return new MockDOMMatrix();
+  }
+  multiply() {
+    return new MockDOMMatrix();
+  }
+  rotate() {
+    return new MockDOMMatrix();
+  }
+  rotateAxisAngle() {
+    return new MockDOMMatrix();
+  }
+  rotateFromVector() {
+    return new MockDOMMatrix();
+  }
+  scale() {
+    return new MockDOMMatrix();
+  }
+  scaleNonUniform() {
+    return new MockDOMMatrix();
+  }
+  skewX() {
+    return new MockDOMMatrix();
+  }
+  skewY() {
+    return new MockDOMMatrix();
+  }
+  toJSON() { }
+  toString() { }
+  transformPoint() {
+    return new MockDOMPoint();
+  }
+  translate() {
+    return new MockDOMMatrix();
+  }
+}
+class MockDOMPoint {
+  constructor() {
+    this.w = 1;
+    this.x = 0;
+    this.y = 0;
+    this.z = 0;
+  }
+  toJSON() { }
+  matrixTransform() {
+    return new MockDOMMatrix();
+  }
+}
+class MockSVGRect {
+  constructor() {
+    this.height = 10;
+    this.width = 10;
+    this.x = 0;
+    this.y = 0;
+  }
+}
 class MockStyleElement extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, 'style');
@@ -2749,9 +2866,6 @@ class MockSVGElement extends MockElement {
   get viewportElement() {
     return null;
   }
-  focus() {
-    /**/
-  }
   onunload() {
     /**/
   }
@@ -2769,6 +2883,27 @@ class MockSVGElement extends MockElement {
     return 0;
   }
 }
+class MockSVGGraphicsElement extends MockSVGElement {
+  getBBox(_options) {
+    return new MockSVGRect();
+  }
+  getCTM() {
+    return new MockDOMMatrix();
+  }
+  getScreenCTM() {
+    return new MockDOMMatrix();
+  }
+}
+class MockSVGSVGElement extends MockSVGGraphicsElement {
+  createSVGPoint() {
+    return new MockDOMPoint();
+  }
+}
+class MockSVGTextContentElement extends MockSVGGraphicsElement {
+  getComputedTextLength() {
+    return 0;
+  }
+}
 class MockBaseElement extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, 'base');
@@ -4265,9 +4400,11 @@ function cloneDocument(srcDoc) {
   const dstWin = cloneWindow(srcDoc.defaultView);
   return dstWin.document;
 }
+// TODO - Evaluate reconciling MockWindow, Window differences
 /**
  * Constrain setTimeout() to 1ms, but still async. Also
  * only allow setInterval() to fire once, also constrained to 1ms.
+ * @param win the mock window instance to update
  */
 function constrainTimeouts(win) {
   win.__allowInterval = false;

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/mock-doc",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "license": "MIT",
   "main": "./internal/rindo-core/index.cjs",
   "module": "./internal/rindo-core/index.js",
@@ -25,6 +25,7 @@
   ],
   "scripts": {
     "build": "node scripts --prepare && npm run tsc.prod && npm run rollup.prod.ci",
+    "changelog": "conventional-changelog -p angular -o -i CHANGELOG.md -s",
     "clean": "rm -rf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean-scripts",
     "clean-scripts": "rm -rf scripts/build",
     "license": "node scripts --license",
@@ -86,6 +87,7 @@
     "dts-bundle-generator": "~5.3.0",
     "eslint": "^8.13.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-jsdoc": "^39.3.1",
     "execa": "4.1.0",
     "exit": "^0.1.2",
     "fast-deep-equal": "3.1.3",