@arcgis/lumina-compiler 4.33.0-next.99 → 4.34.0-next.1

package/dist/testing/index.js

@@ -1,98 +1,105 @@
-import { render as y } from "lit-html";
-import { unsafeStatic as u, html as C } from "lit-html/static.js";
-import { camelToKebab as N } from "@arcgis/components-utils";
-import { onTestFinished as L, expect as _ } from "vitest";
-import S from "vitest-fail-on-console";
-import x from "js-beautify";
-import { LitElement as E } from "@arcgis/lumina";
-import { toFunction as O } from "@arcgis/lumina/controllers";
-async function W(e, { parent: t = document.body, afterConnect: n, dynamicComponents: r, cleanupAfterTest: i = !0 } = {}) {
-  const o = document.createElement("div");
-  o.style.display = "contents", t.append(o), i && L(() => M(o)), w(e);
-  const s = r?.some(w);
-  let c;
+import { render as C } from "lit-html";
+import { unsafeStatic as m, html as w } from "lit-html/static.js";
+import { devOnly$getLitElementTagNameAndRuntime as $, LitElement as S } from "@arcgis/lumina";
+import { camelToKebab as _ } from "@arcgis/components-utils";
+import { onTestFinished as x, expect as E } from "vitest";
+import O from "vitest-fail-on-console";
+import R from "js-beautify";
+import { toFunction as D } from "@arcgis/lumina/controllers";
+async function G(e, { parent: t = document.body, afterConnect: o, dynamicComponents: f, cleanupAfterTest: s = !0 } = {}) {
+  const n = document.createElement("div");
+  n.style.display = "contents", t.append(n), s && x(() => j(n)), v(e);
+  const l = f?.some(v);
+  let r;
   if (typeof e == "string")
-    c = C`<${u(e)}></${u(e)}>`;
+    r = w`<${m(e)}></${m(e)}>`;
   else if (typeof e == "function")
-    c = "tagName" in e ? C`<${u(e.tagName)}></${u(e.tagName)}>` : e();
+    if (p(e)) {
+      const c = $(e).tagName;
+      r = w`<${m(c)}></${m(c)}>`;
+    } else
+      r = e();
   else {
-    if (s)
+    if (l)
       throw new Error(
-        'When rendering a dynamically created custom element using Lit\'s html`` function, you must ensure that the custom element class name is unique in the test file, or the class should explicitly have the `static override tagName = "some-tag-name";` property with a unique tag name within the test file'
+        'When rendering a dynamically created custom element using Lit\'s html`` function, you must ensure that the custom element class name is unique in the test file, or the class should explicitly have the `static tagName = "some-tag-name";` property with a unique tag name within the test file'
       );
-    c = e;
+    r = e;
   }
-  const l = [];
-  function p(d) {
-    l.push(d.error), d.preventDefault(), d.stopPropagation();
+  const i = [];
+  function a(c) {
+    i.push(c.error), c.preventDefault(), c.stopPropagation();
   }
-  if (window.addEventListener("error", p), y(c, o), window.removeEventListener("error", p), l.length === 1)
-    throw l[0];
-  if (l.length > 1)
-    throw new AggregateError(l, "Multiple errors occurred while creating the custom element");
-  const a = b(o), $ = h, g = n?.(a);
-  g?.then !== void 0 && await g;
-  const m = a;
-  typeof m?.componentOnReady == "function" && await m.componentOnReady();
-  const f = m?._litElement ?? $ ?? a;
+  if (window.addEventListener("error", a), C(r, n), window.removeEventListener("error", a), i.length === 1)
+    throw i[0];
+  if (i.length > 1)
+    throw new AggregateError(i, "Multiple errors occurred while creating the custom element");
+  const u = L(n), N = g, y = o?.(u);
+  y?.then !== void 0 && await y;
+  const d = u;
+  typeof d?.componentOnReady == "function" && await d.componentOnReady();
+  const h = d?.$component ?? N ?? u;
   return {
-    el: a,
-    component: f,
+    el: u,
+    component: h,
     async reRender() {
-      return typeof e == "function" && !("tagName" in e) && y(e(), t), f.requestUpdate(), await f.updateComplete;
-    }
+      return typeof e == "function" && !p(e) && C(e(), t), h.requestUpdate(), await h.updateComplete;
+    },
+    container: n
   };
 }
-let h;
-const R = globalThis;
-R.devOnly$luminaComponentRefCallback = (e) => {
-  h = e;
+let g;
+const M = globalThis;
+M.devOnly$luminaComponentRefCallback = (e) => {
+  g = e;
 };
-function M(e) {
+function j(e) {
   for (; e.firstChild; )
     e.removeChild(e.firstChild);
   e instanceof HTMLElement && e.remove();
 }
-function w(e) {
-  if (!j(e) || e.runtime !== void 0)
+function v(e) {
+  if (!p(e))
+    return !1;
+  const { runtime: t, tagName: o = e.tagName } = $(e);
+  if (t !== void 0)
     return !1;
-  let t = !1, n = e.tagName;
-  if (!n) {
-    t = !1;
-    const r = N(
+  let s = !1, n = o;
+  if (n === void 0) {
+    const l = _(
       /*
        * If name is a single letter, it was probably minified - thus is not
        * stable, thus don't use it. Example: class produced by wrapController()
        */
       (e.name.length > 1 ? e.name.replaceAll(z, "") : "") || "Test"
-    ), i = r === "test" ? "te-st" : r.includes("-") ? r : `${r}-`;
-    n = i;
-    for (let o = 2, s = customElements.get(n); s !== e && s !== void 0; o += 1)
-      t = !0, n = `${i}-${o}`, s = customElements.get(n);
+    ), r = l === "test" ? "te-st" : l.includes("-") ? l : `${l}-`;
+    n = r;
+    for (let i = 2, a = customElements.get(n); a !== e && a !== void 0; i += 1)
+      s = !0, n = `${r}-${i}`, a = customElements.get(n);
   }
-  return globalThis.devOnly$luminaRuntime?.customElement(n, e), Object.defineProperty(e.prototype, "tagName", { value: n.toUpperCase() }), t;
+  return globalThis.devOnly$luminaRuntime?.customElement(n, e), Object.defineProperty(e.prototype, "tagName", { value: n.toUpperCase() }), s;
 }
-const j = (e) => typeof e == "function" && "lumina" in e, z = /\d+$/gu;
-function b(e) {
+const p = (e) => typeof e == "function" && "lumina" in e, z = /\d+$/gu;
+function L(e) {
   for (const t of e.children)
     if ("lumina" in t.constructor)
       return t;
   for (const t of e.children) {
-    const n = b(t);
-    if (n != null)
-      return n;
+    const o = L(t);
+    if (o != null)
+      return o;
   }
-  return e.firstElementChild ?? h?.el;
+  return e.firstElementChild ?? g?.el;
 }
-function F() {
-  _.addSnapshotSerializer({
+function A() {
+  E.addSnapshotSerializer({
     // Using duck typing to detect ShadowRoot. Not using instanceof to keep test fast
     test(e) {
       return typeof e == "object" && e !== null && "innerHTML" in e && "onslotchange" in e;
     },
     serialize(e) {
-      const t = e.innerHTML.replaceAll(q, "");
-      return x.html(t, {
+      const t = e.innerHTML.replaceAll(F, "");
+      return R.html(t, {
         /* eslint-disable @typescript-eslint/naming-convention */
         indent_size: 2,
         indent_char: " ",
@@ -105,26 +112,26 @@ function F() {
     }
   });
 }
-const q = /<!--\??(?:lit\$\d+\$)?-->/gu;
-function G() {
-  if (T[v])
+const F = /<!--\??(?:lit\$\d+\$)?-->/gu;
+function I() {
+  if (b[T])
     return;
-  T[v] = !0;
+  b[T] = !0;
   const e = { ...console };
-  S({
+  O({
     // Workaround for https://github.com/thomasbrodusch/vitest-fail-on-console/issues/61
-    silenceMessage(t, n) {
-      return e[n](t), !1;
+    silenceMessage(t, o) {
+      return e[o](t), !1;
     }
-  }), F();
+  }), A();
 }
-const v = Symbol.for("lumina:didSetupTest"), T = globalThis;
-function I(e, t) {
-  class n extends E {
+const T = Symbol.for("lumina:didSetupTest"), b = globalThis;
+function J(e, t) {
+  class o extends S {
     constructor() {
       super();
-      const i = "prototype" in e ? O(e) : e;
-      this.controller = i(this), Promise.resolve(t?.(this)).catch(console.error);
+      const s = "prototype" in e ? D(e) : e;
+      this.controller = s(this), Promise.resolve(t?.(this)).catch(console.error);
     }
     /*
      * Emitting controller's exports here is useful to let controller tests
@@ -136,10 +143,10 @@ function I(e, t) {
       );
     }
   }
-  return n;
+  return o;
 }
 export {
-  W as mount,
-  G as setupLuminaTest,
-  I as wrapController
+  G as mount,
+  I as setupLuminaTest,
+  J as wrapController
 };

package/dist/testing/mount.d.ts

@@ -19,6 +19,13 @@ export type RenderResult<Component extends HTMLElement> = {
      * All public and private members of your custom element are available here.
      */
     readonly component: Component;
+    /**
+     * The container element that was used to render the component.
+     *
+     * This element is useful to inspect for functional components and components
+     * that do not use shadow DOM.
+     */
+    readonly container: HTMLElement;
     /**
      * A callback for triggering component re-render. Optionally, if the first
      * argument to `mount()` was a function, that function will be called

package/dist/tests/utils.d.ts

@@ -1,4 +1,4 @@
 import { ContextDirectories } from '../context/types';
 import { CompilerContext } from '../context';
 export declare const testDir: ContextDirectories;
-export declare const testContext: Pick<CompilerContext, "_documentationFileNames" | "dir">;
+export declare const testContext: Pick<CompilerContext, "_documentationFileNames" | "dir" | "options">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina-compiler",
-  "version": "4.33.0-next.99",
+  "version": "4.34.0-next.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -18,25 +18,25 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/api-extractor": "4.33.0-next.99",
-    "@arcgis/components-build-utils": "4.33.0-next.99",
-    "@arcgis/components-utils": "4.33.0-next.99",
+    "@arcgis/api-extractor": "4.34.0-next.1",
+    "@arcgis/components-build-utils": "4.34.0-next.1",
+    "@arcgis/components-utils": "4.34.0-next.1",
     "chalk": "^5.3.0",
-    "esbuild": "^0.24.0",
+    "esbuild": "^0.25.4",
     "glob": "^11.0.0",
     "js-beautify": "^1.15.1",
     "mime-types": "^2.1.35",
-    "rollup": "^4.24.0",
-    "rollup-plugin-node-externals": "^7.1.3",
+    "rollup": "^4.40.2",
+    "rollup-plugin-node-externals": "^8.0.0",
     "sass-embedded": "^1.79.3",
-    "tslib": "^2.7.0",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.3",
+    "tslib": "^2.8.1",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.4",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.1.3",
     "vitest-fail-on-console": "^0.7.1"
   },
   "peerDependencies": {
-    "@arcgis/lumina": "~4.33.0-next.99"
+    "@arcgis/lumina": "~4.34.0-next.1"
   }
 }

package/dist/extractor/helpers/jsDoc.d.ts

@@ -1,11 +0,0 @@
-import { default as ts } from 'typescript';
-import { ApiCustomElementDeclaration, ApiCustomElementField, ApiDocsTag } from '@arcgis/api-extractor';
-export declare function symbolToDocs(checker: ts.TypeChecker, symbol: ts.Signature | ts.Symbol): {
-    description: ApiCustomElementField["description"];
-    docsTags: ApiDocsTag[];
-};
-export declare const internalJsDocTag = "internal";
-export declare const findDecorator: ({ modifiers }: {
-    modifiers?: readonly ts.ModifierLike[];
-}, name: string) => ts.CallExpression | undefined;
-export declare function setJsDocFields(node: ts.PropertyName, checker: ts.TypeChecker, api: Partial<Pick<ApiCustomElementField, "default" | "deprecated" | "description" | "docsTags" | "privacy" | "readonly" | "summary"> & Pick<ApiCustomElementDeclaration, "cssParts" | "cssProperties" | "cssStates" | "slots">>, docs?: ReturnType<typeof symbolToDocs>): void;