thunderous 2.4.1 → 2.4.2

package/dist/index.cjs

@@ -49,14 +49,14 @@ var DEFAULT_RENDER_OPTIONS = {
 };
 
 // src/signals.ts
-var sym = null;
+var ident = null;
 var effects = /* @__PURE__ */ new WeakMap();
 var createSignal = (initVal, options) => {
   const subscribers = /* @__PURE__ */ new Set();
   let value = initVal;
   const getter = (getterOptions) => {
-    if (sym !== null) {
-      subscribers.add(sym);
+    if (ident !== null) {
+      subscribers.add(ident);
     }
     if (options?.debugMode === true || getterOptions?.debugMode === true) {
       let label = "anonymous signal";
@@ -70,7 +70,7 @@ var createSignal = (initVal, options) => {
       }
       console.log("Signal retrieved:", {
         value,
-        subscribers: Array.from(subscribers).map((sym2) => effects.get(sym2)),
+        subscribers: Array.from(subscribers).map((sym) => effects.get(sym)),
         label
       });
     }
@@ -96,22 +96,22 @@ var createSignal = (initVal, options) => {
     }
     const oldValue = value;
     value = newValue;
-    for (const sym2 of subscribers) {
-      const effectRef = effects.get(sym2);
+    for (const sym of subscribers) {
+      const effectRef = effects.get(sym);
       if (effectRef !== void 0) {
         try {
           effectRef.fn({
             lastValue: effectRef.value,
             destroy: () => {
-              effects.delete(sym2);
-              queueMicrotask(() => subscribers.delete(sym2));
+              effects.delete(sym);
+              queueMicrotask(() => subscribers.delete(sym));
             }
           });
         } catch (error) {
           console.error("Error in subscriber:", { error, oldValue, newValue, fn: effectRef.fn });
         }
       } else {
-        queueMicrotask(() => subscribers.delete(sym2));
+        queueMicrotask(() => subscribers.delete(sym));
       }
     }
     if (options?.debugMode === true || setterOptions?.debugMode === true) {
@@ -127,7 +127,7 @@ var createSignal = (initVal, options) => {
       console.log("Signal set:", {
         oldValue,
         newValue,
-        subscribers: Array.from(subscribers).map((sym2) => effects.get(sym2)),
+        subscribers: Array.from(subscribers).map((sym) => effects.get(sym)),
         label
       });
     }
@@ -146,19 +146,19 @@ var derived = (fn, options) => {
   return getter;
 };
 var createEffect = (fn, value) => {
-  const privateSym = sym = Symbol();
-  effects.set(sym, { fn, value });
+  const privateIdent = ident = {};
+  effects.set(ident, { fn, value });
   try {
     fn({
       lastValue: value,
       destroy: () => {
-        effects.delete(privateSym);
+        effects.delete(privateIdent);
       }
     });
   } catch (error) {
     console.error("Error in effect:", { error, fn });
   }
-  sym = null;
+  ident = null;
 };
 
 // src/utilities.ts
@@ -459,10 +459,6 @@ var evaluateBindings = (element, fragment) => {
           createEffect(
             ({ lastValue: oldChildren, destroy }) => {
               const result = signal2();
-              console.trace("Binding array:", {
-                result: result.map((node) => node.cloneNode(true)),
-                oldChildren
-              });
               const newChildren = asNodeList(result, element);
               const firstChild = newChildren[0];
               if (!Array.isArray(result) && newChildren.length === 1 && firstChild instanceof DocumentFragment) {
@@ -712,7 +708,7 @@ var css = (strings, ...values) => {
     }
     const newCSSText = newCSSTextList.join("");
     if (isCSSStyleSheet(stylesheet)) {
-      stylesheet.replace(newCSSText).catch(console.error);
+      stylesheet.replaceSync(newCSSText);
     } else {
       stylesheet.textContent = newCSSText;
     }
@@ -741,6 +737,7 @@ var customElement = (render, options) => {
       if (shadowRootOptions.registry !== void 0 && "scoped" in shadowRootOptions.registry && shadowRootOptions.registry.scoped) {
         return shadowRootOptions.registry;
       }
+      return void 0;
     })();
     return {
       define(tagName) {
@@ -800,8 +797,8 @@ var customElement = (render, options) => {
     #formResetCallbackFns = /* @__PURE__ */ new Set();
     #formStateRestoreCallbackFns = /* @__PURE__ */ new Set();
     #clientOnlyCallbackFns = /* @__PURE__ */ new Set();
-    #shadowRoot = attachShadow ? this.attachShadow(shadowRootOptions) : null;
     #internals = this.attachInternals();
+    #shadowRoot = attachShadow ? this.#internals.shadowRoot ?? this.attachShadow(shadowRootOptions) : null;
     #observer = options?.observedAttributes !== void 0 ? null : new MutationObserver((mutations) => {
       for (const mutation of mutations) {
         const attrName = mutation.attributeName;
@@ -854,7 +851,7 @@ Element: <${this.tagName.toLowerCase()}>
         this[prop] = newValue;
         _setter(newValue, options2);
       };
-      const getter = (options2) => {
+      const getter = ((options2) => {
         const value = _getter(options2);
         if (value === void 0 && !allowUndefined) {
           const error = new Error(
@@ -866,7 +863,7 @@ You must set an initial value before calling a property signal's getter.
           throw error;
         }
         return value;
-      };
+      });
       getter.getter = true;
       const publicSignal = [getter, setter];
       publicSignal.init = (value) => {

package/dist/index.d.cts

@@ -107,13 +107,11 @@ type Signal<T = unknown> = [SignalGetter<T>, SignalSetter<T>];
 type SignalWithInit<T = unknown> = Signal<T> & { init: (value: T) => Signal<T> };
 
 // Flexible typing is necessary to support generic functions
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type AnyFn = (...args: any[]) => any;
 
 type HTMLCustomElement<T extends Record<PropertyKey, unknown>> = Omit<HTMLElement, keyof T> & T;
 
 // Again, flexible typing is necessary to support these generics
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type Effect<T = any> = (args: { lastValue: T; destroy: () => void }) => T | void;
 
 /**
@@ -186,4 +184,4 @@ declare const createEffect: <T = unknown>(fn: Effect<T>, value?: T) => void;
 declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => DocumentFragment;
 declare const css: (strings: TemplateStringsArray, ...values: unknown[]) => Styles;
 
-export { type HTMLCustomElement, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };
+export { type ElementResult, type HTMLCustomElement, type RegistryResult, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };

package/dist/index.d.ts

@@ -107,13 +107,11 @@ type Signal<T = unknown> = [SignalGetter<T>, SignalSetter<T>];
 type SignalWithInit<T = unknown> = Signal<T> & { init: (value: T) => Signal<T> };
 
 // Flexible typing is necessary to support generic functions
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type AnyFn = (...args: any[]) => any;
 
 type HTMLCustomElement<T extends Record<PropertyKey, unknown>> = Omit<HTMLElement, keyof T> & T;
 
 // Again, flexible typing is necessary to support these generics
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type Effect<T = any> = (args: { lastValue: T; destroy: () => void }) => T | void;
 
 /**
@@ -186,4 +184,4 @@ declare const createEffect: <T = unknown>(fn: Effect<T>, value?: T) => void;
 declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => DocumentFragment;
 declare const css: (strings: TemplateStringsArray, ...values: unknown[]) => Styles;
 
-export { type HTMLCustomElement, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };
+export { type ElementResult, type HTMLCustomElement, type RegistryResult, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };

package/dist/index.js

@@ -14,14 +14,14 @@ var DEFAULT_RENDER_OPTIONS = {
 };
 
 // src/signals.ts
-var sym = null;
+var ident = null;
 var effects = /* @__PURE__ */ new WeakMap();
 var createSignal = (initVal, options) => {
   const subscribers = /* @__PURE__ */ new Set();
   let value = initVal;
   const getter = (getterOptions) => {
-    if (sym !== null) {
-      subscribers.add(sym);
+    if (ident !== null) {
+      subscribers.add(ident);
     }
     if (options?.debugMode === true || getterOptions?.debugMode === true) {
       let label = "anonymous signal";
@@ -35,7 +35,7 @@ var createSignal = (initVal, options) => {
       }
       console.log("Signal retrieved:", {
         value,
-        subscribers: Array.from(subscribers).map((sym2) => effects.get(sym2)),
+        subscribers: Array.from(subscribers).map((sym) => effects.get(sym)),
         label
       });
     }
@@ -61,22 +61,22 @@ var createSignal = (initVal, options) => {
     }
     const oldValue = value;
     value = newValue;
-    for (const sym2 of subscribers) {
-      const effectRef = effects.get(sym2);
+    for (const sym of subscribers) {
+      const effectRef = effects.get(sym);
       if (effectRef !== void 0) {
         try {
           effectRef.fn({
             lastValue: effectRef.value,
             destroy: () => {
-              effects.delete(sym2);
-              queueMicrotask(() => subscribers.delete(sym2));
+              effects.delete(sym);
+              queueMicrotask(() => subscribers.delete(sym));
             }
           });
         } catch (error) {
           console.error("Error in subscriber:", { error, oldValue, newValue, fn: effectRef.fn });
         }
       } else {
-        queueMicrotask(() => subscribers.delete(sym2));
+        queueMicrotask(() => subscribers.delete(sym));
       }
     }
     if (options?.debugMode === true || setterOptions?.debugMode === true) {
@@ -92,7 +92,7 @@ var createSignal = (initVal, options) => {
       console.log("Signal set:", {
         oldValue,
         newValue,
-        subscribers: Array.from(subscribers).map((sym2) => effects.get(sym2)),
+        subscribers: Array.from(subscribers).map((sym) => effects.get(sym)),
         label
       });
     }
@@ -111,19 +111,19 @@ var derived = (fn, options) => {
   return getter;
 };
 var createEffect = (fn, value) => {
-  const privateSym = sym = Symbol();
-  effects.set(sym, { fn, value });
+  const privateIdent = ident = {};
+  effects.set(ident, { fn, value });
   try {
     fn({
       lastValue: value,
       destroy: () => {
-        effects.delete(privateSym);
+        effects.delete(privateIdent);
       }
     });
   } catch (error) {
     console.error("Error in effect:", { error, fn });
   }
-  sym = null;
+  ident = null;
 };
 
 // src/utilities.ts
@@ -424,10 +424,6 @@ var evaluateBindings = (element, fragment) => {
           createEffect(
             ({ lastValue: oldChildren, destroy }) => {
               const result = signal2();
-              console.trace("Binding array:", {
-                result: result.map((node) => node.cloneNode(true)),
-                oldChildren
-              });
               const newChildren = asNodeList(result, element);
               const firstChild = newChildren[0];
               if (!Array.isArray(result) && newChildren.length === 1 && firstChild instanceof DocumentFragment) {
@@ -677,7 +673,7 @@ var css = (strings, ...values) => {
     }
     const newCSSText = newCSSTextList.join("");
     if (isCSSStyleSheet(stylesheet)) {
-      stylesheet.replace(newCSSText).catch(console.error);
+      stylesheet.replaceSync(newCSSText);
     } else {
       stylesheet.textContent = newCSSText;
     }
@@ -706,6 +702,7 @@ var customElement = (render, options) => {
       if (shadowRootOptions.registry !== void 0 && "scoped" in shadowRootOptions.registry && shadowRootOptions.registry.scoped) {
         return shadowRootOptions.registry;
       }
+      return void 0;
     })();
     return {
       define(tagName) {
@@ -765,8 +762,8 @@ var customElement = (render, options) => {
     #formResetCallbackFns = /* @__PURE__ */ new Set();
     #formStateRestoreCallbackFns = /* @__PURE__ */ new Set();
     #clientOnlyCallbackFns = /* @__PURE__ */ new Set();
-    #shadowRoot = attachShadow ? this.attachShadow(shadowRootOptions) : null;
     #internals = this.attachInternals();
+    #shadowRoot = attachShadow ? this.#internals.shadowRoot ?? this.attachShadow(shadowRootOptions) : null;
     #observer = options?.observedAttributes !== void 0 ? null : new MutationObserver((mutations) => {
       for (const mutation of mutations) {
         const attrName = mutation.attributeName;
@@ -819,7 +816,7 @@ Element: <${this.tagName.toLowerCase()}>
         this[prop] = newValue;
         _setter(newValue, options2);
       };
-      const getter = (options2) => {
+      const getter = ((options2) => {
         const value = _getter(options2);
         if (value === void 0 && !allowUndefined) {
           const error = new Error(
@@ -831,7 +828,7 @@ You must set an initial value before calling a property signal's getter.
           throw error;
         }
         return value;
-      };
+      });
       getter.getter = true;
       const publicSignal = [getter, setter];
       publicSignal.init = (value) => {

package/package.json

@@ -1,70 +1,55 @@
 {
-	"name": "thunderous",
-	"version": "2.4.1",
-	"description": "",
-	"type": "module",
-	"main": "./dist/index.cjs",
-	"module": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"files": [
-		"/dist",
-		"/package.json",
-		"/README.md",
-		"/LICENSE"
-	],
-	"author": "Jonathan DeWitt",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/Thunder-Solutions/Thunderous"
-	},
-	"keywords": [
-		"thunderous",
-		"web components",
-		"functional",
-		"signals",
-		"custom elements"
-	],
-	"bugs": {
-		"url": "https://github.com/Thunder-Solutions/Thunderous/issues"
-	},
-	"homepage": "https://github.com/Thunder-Solutions/Thunderous#readme",
-	"license": "MIT",
-	"scripts": {
-		"demo": "cd demo && npm start",
-		"demo:ssr": "cd demo && npm run ssr",
-		"www": "cd www && npm run dev",
-		"build": "tsup src/index.ts --format cjs,esm --dts --no-clean",
-		"test": "find src -name '*.test.ts' | xargs c8 node --import tsx --test",
-		"typecheck": "tsc --noEmit",
-		"lint": "eslint . && prettier --check .",
-		"lint:fix": "eslint . --fix && prettier --write .",
-		"preversion": "npm run typecheck && npm run lint && npm test && npm run build",
-		"version": "node postversion.js",
-		"prepublishOnly": "npm run typecheck && npm run lint && npm test && npm run build"
-	},
-	"devDependencies": {
-		"@types/dompurify": "^3.2.0",
-		"@types/eslint": "^8.56.10",
-		"@types/node": "^22.10.1",
-		"@typescript-eslint/eslint-plugin": "^8.17.0",
-		"@typescript-eslint/parser": "^8.17.0",
-		"c8": "^10.1.2",
-		"eslint": "^8.57.0",
-		"eslint-plugin-import": "^2.31.0",
-		"eslint-plugin-node": "^11.1.0",
-		"eslint-plugin-promise": "^7.1.0",
-		"express": "^4.17.1",
-		"prettier": "^3.3.3",
-		"tsup": "^8.3.0",
-		"tsx": "^4.19.2",
-		"typescript": "^5.7.2"
-	},
-	"peerDependencies": {
-		"@webcomponents/scoped-custom-element-registry": "^0.0.10"
-	},
-	"peerDependenciesMeta": {
-		"@webcomponents/scoped-custom-element-registry": {
-			"optional": true
-		}
-	}
-}
+  "name": "thunderous",
+  "version": "2.4.2",
+  "description": "A lightweight, functional web components library that brings the power of signals to your UI.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "/dist",
+    "/package.json",
+    "/README.md",
+    "/LICENSE"
+  ],
+  "author": "Jonathan DeWitt <jon.dewitt@thunder.solutions>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Thunder-Solutions/Thunderous"
+  },
+  "keywords": [
+    "thunderous",
+    "web components",
+    "functional",
+    "signals",
+    "custom elements"
+  ],
+  "bugs": {
+    "url": "https://github.com/Thunder-Solutions/Thunderous/issues"
+  },
+  "homepage": "https://github.com/Thunder-Solutions/Thunderous#readme",
+  "license": "MIT",
+  "peerDependencies": {
+    "@webcomponents/scoped-custom-element-registry": "^0.0.10"
+  },
+  "peerDependenciesMeta": {
+    "@webcomponents/scoped-custom-element-registry": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "demo": "cd demo && npm start",
+    "demo:ssr": "cd demo && npm run ssr",
+    "build": "tsup src/index.ts --format cjs,esm --dts --no-clean",
+    "test": "npm run test:server && npm run test:client",
+    "test:server": "find src/__test__/server -name '*.test.ts' | xargs c8 tsx --test",
+    "test:client": "PLAYWRIGHT_BROWSERS_PATH=../../.browsers playwright test",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "format:fix": "prettier --write . --ignore-path ../../.gitignore",
+    "preversion": "npm run typecheck && npm run lint && npm test && npm run build",
+    "version": "node postversion.js"
+  }
+}

package/dist/__test__/custom-element.test.js

@@ -1,48 +0,0 @@
-import { describe, it } from 'node:test';
-import assert from 'assert';
-import { customElement } from '../custom-element';
-import { html } from '../render';
-import { createRegistry } from '../registry';
-import { NOOP } from '../utilities';
-await describe('customElement', async () => {
-    await it('does not throw on the server', () => {
-        assert.doesNotThrow(() => customElement(() => html `<div></div>`));
-    });
-    await it('returns an element result class', () => {
-        const MyElement = customElement(() => html `<div></div>`);
-        assert.ok(MyElement);
-        const keys = Object.keys(MyElement);
-        assert(keys.every((key) => ['define', 'register', 'eject'].includes(key)));
-    });
-    await it('supports scoped registries', () => {
-        const registry = createRegistry({ scoped: true });
-        assert.doesNotThrow(() => customElement(() => html `<div></div>`, { shadowRootOptions: { registry } }));
-    });
-    await it('returns self for chaining', () => {
-        const MyElement = customElement(() => html `<div></div>`);
-        const registry = createRegistry();
-        assert.strictEqual(MyElement.define('my-element'), MyElement);
-        assert.strictEqual(MyElement.register(registry), MyElement);
-    });
-    await it('registers the element with a registry', () => {
-        const registry = createRegistry();
-        const MyElement = customElement(() => html `<div></div>`)
-            .register(registry)
-            .define('my-element');
-        assert.strictEqual(registry.getTagName(MyElement), 'MY-ELEMENT');
-    });
-    await it('logs an error when registering after defining in a scoped registry', (testContext) => {
-        testContext.mock.method(console, 'error', NOOP);
-        const errorMock = console.error.mock;
-        const registry = createRegistry({ scoped: true });
-        const MyElement = customElement(() => html `<div></div>`);
-        MyElement.define('my-element');
-        MyElement.register(registry);
-        assert.strictEqual(errorMock.callCount(), 1);
-        assert.strictEqual(errorMock.calls[0].arguments[0], 'Must call `register()` before `define()` for scoped registries.');
-    });
-    await it('throws an error when ejecting on the server', () => {
-        const MyElement = customElement(() => html `<div></div>`);
-        assert.throws(() => MyElement.eject());
-    });
-});

package/dist/__test__/registry.test.js

@@ -1,60 +0,0 @@
-import { describe, it } from 'node:test';
-import assert from 'assert';
-import { createRegistry } from '../registry';
-import { customElement } from '../custom-element';
-import { html } from '../render';
-import { NOOP } from '../utilities';
-await describe('createRegistry', async () => {
-    await it('creates a global registry', () => {
-        const registry = createRegistry();
-        assert.ok(registry);
-        assert.strictEqual(registry.scoped, false);
-    });
-    await it('creates a scoped registry', () => {
-        const registry = createRegistry({ scoped: true });
-        assert.ok(registry);
-        assert.strictEqual(registry.scoped, true);
-    });
-    await it('defines a custom element', () => {
-        const registry = createRegistry();
-        const MyElement = customElement(() => html `<div></div>`);
-        assert.doesNotThrow(() => registry.define('my-element', MyElement));
-    });
-    await it('warns about duplicate custom elements', (testContext) => {
-        testContext.mock.method(console, 'warn', NOOP);
-        const warnMock = console.warn.mock;
-        const registry = createRegistry();
-        const MyElement = customElement(() => html `<div></div>`);
-        const MyElement2 = customElement(() => html `<div></div>`);
-        registry.define('my-element', MyElement);
-        registry.define('my-element', MyElement2);
-        assert.strictEqual(warnMock.callCount(), 1);
-        assert.strictEqual(warnMock.calls[0].arguments[0], 'Custom element tag name "MY-ELEMENT" was already defined. Skipping...');
-        registry.define('my-element-2', MyElement);
-        assert.strictEqual(warnMock.callCount(), 2);
-        assert.strictEqual(warnMock.calls[1].arguments[0], 'MY-ELEMENT-2 was already defined. Skipping...');
-    });
-    await it('gets the tag name of a custom element', () => {
-        const registry = createRegistry();
-        const tagName = 'my-element';
-        const MyElement = customElement(() => html `<div></div>`);
-        registry.define(tagName, MyElement);
-        const result = registry.getTagName(MyElement);
-        assert.strictEqual(result, tagName.toUpperCase());
-    });
-    await it('gets all tag names defined in the registry', () => {
-        const registry = createRegistry();
-        const MyElement = customElement(() => html `<div></div>`);
-        const MyElement2 = customElement(() => html `<div></div>`);
-        registry.define('my-element', MyElement);
-        registry.define('my-element-2', MyElement2);
-        const result = registry.getAllTagNames();
-        assert.deepStrictEqual(result, ['MY-ELEMENT', 'MY-ELEMENT-2']);
-    });
-    await it('throws an error if ejected on the server', () => {
-        const registry = createRegistry();
-        const MyElement = customElement(() => html `<div></div>`);
-        registry.define('my-element', MyElement);
-        assert.throws(() => registry.eject(), { message: 'Cannot eject a registry on the server.' });
-    });
-});

package/dist/__test__/render.test.js

@@ -1,48 +0,0 @@
-import { describe, it } from 'node:test';
-import assert from 'assert';
-import { html, css } from '../render';
-import { NOOP } from '../utilities';
-await describe('html', async () => {
-    await it('renders a simple string', () => {
-        const result = html `<div></div>`;
-        assert.strictEqual(result, '<div></div>');
-    });
-    await it('renders a string with interpolated values', () => {
-        const result = html `<div>${'Hello, world!'} ${1} ${true}</div>`;
-        assert.strictEqual(result, '<div>Hello, world! 1 true</div>');
-    });
-    await it('renders a string with signals', () => {
-        const mockGetter = () => 'Hello, world!';
-        const result = html `<div>${mockGetter}</div>`;
-        assert.strictEqual(result, '<div>Hello, world!</div>');
-    });
-});
-await describe('css', async () => {
-    await it('renders a simple string', () => {
-        // prettier-ignore
-        const result = css `div { color: red; }`;
-        assert.strictEqual(result, 'div { color: red; }');
-    });
-    await it('renders a string with interpolated values', () => {
-        // prettier-ignore
-        const result = css `div { --str: ${'str'}; --num: ${1}; --bool: ${true}; }`;
-        assert.strictEqual(result, 'div { --str: str; --num: 1; --bool: true; }');
-    });
-    await it('logs an error if a non-primitive value is interpolated', (testContext) => {
-        testContext.mock.method(console, 'error', NOOP);
-        const errorMock = console.error.mock;
-        const obj = {};
-        // prettier-ignore
-        const result = css `div { --obj: ${obj}; }`;
-        assert.strictEqual(result, 'div { --obj: ; }');
-        assert.strictEqual(errorMock.callCount(), 1);
-        assert.strictEqual(errorMock.calls[0].arguments[0], 'Objects are not valid in CSS values. Received:');
-        assert.strictEqual(errorMock.calls[0].arguments[1], obj);
-    });
-    await it('renders a string with signals', () => {
-        const mockGetter = () => 'red';
-        // prettier-ignore
-        const result = css `div { color: ${mockGetter}; }`;
-        assert.strictEqual(result, 'div { color: red; }');
-    });
-});