@arcgis/lumina-compiler 4.33.0-next.94 → 4.33.0-next.96

package/dist/testing/index.js

@@ -1,97 +1,98 @@
-import { render as w } from "lit-html";
-import { unsafeStatic as d, html as b } from "lit-html/static.js";
-import { camelToKebab as x, isEsriInternalEnv as a } from "@arcgis/components-utils";
-import { onTestFinished as $, expect as D } from "vitest";
+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 L from "js-beautify";
-import { LitElement as M } from "@arcgis/lumina";
-async function J(e, { parent: n = document.body, afterConnect: o, dynamicComponents: t, cleanupAfterTest: i = !0 } = {}) {
-  const r = document.createElement("div");
-  r.style.display = "contents", n.append(r), i && $(() => V(r)), E(e);
-  const s = t?.some(E);
-  let u;
+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;
   if (typeof e == "string")
-    u = b`<${d(e)}></${d(e)}>`;
+    c = C`<${u(e)}></${u(e)}>`;
   else if (typeof e == "function")
-    u = "tagName" in e ? b`<${d(e.tagName)}></${d(e.tagName)}>` : e();
+    c = "tagName" in e ? C`<${u(e.tagName)}></${u(e.tagName)}>` : e();
   else {
     if (s)
       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'
       );
-    u = e;
+    c = e;
   }
-  const c = [];
-  function y(h) {
-    c.push(h.error), h.preventDefault(), h.stopPropagation();
+  const l = [];
+  function p(d) {
+    l.push(d.error), d.preventDefault(), d.stopPropagation();
   }
-  if (window.addEventListener("error", y), w(u, r), window.removeEventListener("error", y), c.length === 1)
-    throw c[0];
-  if (c.length > 1)
-    throw new AggregateError(c, "Multiple errors occurred while creating the custom element");
-  const m = _(r), T = g, C = o?.(m);
-  C?.then !== void 0 && await C;
-  const f = m;
-  typeof f?.componentOnReady == "function" && await f.componentOnReady();
-  const p = f?._litElement ?? T ?? m;
+  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;
   return {
-    el: m,
-    component: p,
+    el: a,
+    component: f,
     async reRender() {
-      return typeof e == "function" && !("tagName" in e) && w(e(), n), p.requestUpdate(), await p.updateComplete;
+      return typeof e == "function" && !("tagName" in e) && y(e(), t), f.requestUpdate(), await f.updateComplete;
     }
   };
 }
-let g;
+let h;
 const R = globalThis;
 R.devOnly$luminaComponentRefCallback = (e) => {
-  g = e;
+  h = e;
 };
-function V(e) {
+function M(e) {
   for (; e.firstChild; )
     e.removeChild(e.firstChild);
   e instanceof HTMLElement && e.remove();
 }
-function E(e) {
+function w(e) {
   if (!j(e) || e.runtime !== void 0)
     return !1;
-  let n = !1, o = e.tagName;
-  if (!o) {
-    n = !1;
-    const t = x(
+  let t = !1, n = e.tagName;
+  if (!n) {
+    t = !1;
+    const r = N(
       /*
        * 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(k, "") : "") || "Test"
-    ), i = t === "test" ? "te-st" : t.includes("-") ? t : `${t}-`;
-    o = i;
-    for (let r = 2, s = customElements.get(o); s !== e && s !== void 0; r += 1)
-      n = !0, o = `${i}-${r}`, s = customElements.get(o);
+      (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);
   }
-  return globalThis.devOnly$luminaRuntime?.customElement(o, e), Object.defineProperty(e.prototype, "tagName", { value: o.toUpperCase() }), n;
+  return globalThis.devOnly$luminaRuntime?.customElement(n, e), Object.defineProperty(e.prototype, "tagName", { value: n.toUpperCase() }), t;
 }
-const j = (e) => typeof e == "function" && "lumina" in e, k = /\d+$/gu;
-function _(e) {
-  for (const n of e.children)
-    if ("lumina" in n.constructor)
+const j = (e) => typeof e == "function" && "lumina" in e, z = /\d+$/gu;
+function b(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;
-  for (const n of e.children) {
-    const o = _(n);
-    if (o != null)
-      return o;
   }
-  return e.firstElementChild ?? g?.el;
+  return e.firstElementChild ?? h?.el;
 }
-function A() {
-  D.addSnapshotSerializer({
+function F() {
+  _.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 n = e.innerHTML.replaceAll(P, "");
-      return L.html(n, {
+      const t = e.innerHTML.replaceAll(q, "");
+      return x.html(t, {
         /* eslint-disable @typescript-eslint/naming-convention */
         indent_size: 2,
         indent_char: " ",
@@ -104,63 +105,26 @@ function A() {
     }
   });
 }
-const P = /<!--\??(?:lit\$\d+\$)?-->/gu;
-function Q() {
-  if (O[N])
+const q = /<!--\??(?:lit\$\d+\$)?-->/gu;
+function G() {
+  if (T[v])
     return;
-  O[N] = !0;
+  T[v] = !0;
   const e = { ...console };
   S({
     // Workaround for https://github.com/thomasbrodusch/vitest-fail-on-console/issues/61
-    silenceMessage(n, o) {
-      return e[o](n), !1;
+    silenceMessage(t, n) {
+      return e[n](t), !1;
     }
-  }), A();
+  }), F();
 }
-const N = Symbol.for("lumina:didSetupTest"), O = globalThis, v = "@arcgis/components-controllers";
-process.env.NODE_ENV !== "production" && a();
-process.env.NODE_ENV !== "production" && a();
-let l = [];
-function q(e) {
-  if (e === void 0) {
-    l = [];
-    return;
-  }
-  const n = l.indexOf(e);
-  l = n === -1 ? [...l, e] : l.slice(0, n + 1), queueMicrotask(() => {
-    l = [];
-  });
-}
-function z() {
-  return l;
-}
-process.env.NODE_ENV !== "production" && a() && [
-  "This might be the case if you are trying to access an async controller in ",
-  "connectedCallback(). Or, if you are using it inside of ",
-  "componentWillLoad()/another controller without controller.use. Example correct ",
-  `usage:
-`,
-  "makeController(async (component, controller)=>{ await controller.use(someOtherController); });"
-].join("");
-process.env.NODE_ENV !== "production" ? Symbol.for(
-  // Use Symbol.for in dev mode to make it easier to maintain state when doing HMR.
-  `${v}: nothing`
-) : (
-  // eslint-disable-next-line symbol-description
-  Symbol()
-);
-process.env.NODE_ENV !== "production" && a();
-process.env.NODE_ENV !== "production" && a();
-const F = (e) => (...n) => {
-  const o = z(), t = new e(...n);
-  return q(o.at(-1)), t;
-};
-function X(e, n) {
-  class o extends M {
+const v = Symbol.for("lumina:didSetupTest"), T = globalThis;
+function I(e, t) {
+  class n extends E {
     constructor() {
       super();
-      const i = "prototype" in e ? F(e) : e;
-      this.controller = i(this), Promise.resolve(n?.(this)).catch(console.error);
+      const i = "prototype" in e ? O(e) : e;
+      this.controller = i(this), Promise.resolve(t?.(this)).catch(console.error);
     }
     /*
      * Emitting controller's exports here is useful to let controller tests
@@ -172,10 +136,10 @@ function X(e, n) {
       );
     }
   }
-  return o;
+  return n;
 }
 export {
-  J as mount,
-  Q as setupLuminaTest,
-  X as wrapController
+  W as mount,
+  G as setupLuminaTest,
+  I as wrapController
 };

package/dist/testing/wrapController.d.ts

@@ -1,5 +1,5 @@
-import { BaseComponent, ControllerHost } from '@arcgis/components-controllers';
 import { LitElement } from '@arcgis/lumina';
+import { BaseComponent, ControllerHost } from '@arcgis/lumina/controllers';
 /**
  * Wrap a controller in a small component - useful when you are interested in
  * only testing the controller behavior.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina-compiler",
-  "version": "4.33.0-next.94",
+  "version": "4.33.0-next.96",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -18,9 +18,9 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/api-extractor": "4.33.0-next.94",
-    "@arcgis/components-build-utils": "4.33.0-next.94",
-    "@arcgis/components-utils": "4.33.0-next.94",
+    "@arcgis/api-extractor": "4.33.0-next.96",
+    "@arcgis/components-build-utils": "4.33.0-next.96",
+    "@arcgis/components-utils": "4.33.0-next.96",
     "chalk": "^5.3.0",
     "esbuild": "^0.24.0",
     "glob": "^11.0.0",
@@ -37,6 +37,6 @@
     "vitest-fail-on-console": "^0.7.1"
   },
   "peerDependencies": {
-    "@arcgis/lumina": "~4.33.0-next.94"
+    "@arcgis/lumina": "~4.33.0-next.96"
   }
 }