tungsten 0.2.20 → 0.2.22

package/dist/_client/cjsHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cjsHelpers.d.ts","sourceRoot":"","sources":["../../src/_client/cjsHelpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAa,MAAM,gBAAgB,CAAA;AAkCvD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,qBAAqB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,CAAA;KAC/E;CACJ;AA6BD,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,mCAuC5C"}
+{"version":3,"file":"cjsHelpers.d.ts","sourceRoot":"","sources":["../../src/_client/cjsHelpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAa,MAAM,gBAAgB,CAAA;AAqCvD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,qBAAqB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,CAAA;KAC/E;CACJ;AA6BD,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,mCAuC5C"}

package/dist/_client/cjsHelpers.js

@@ -3,8 +3,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // CommonJS browser packages commonly branch on process.env.NODE_ENV.
 // Provide the minimal Node-compatible shape before any converted module runs.
+// __tungstenCjsShim marks this as our shim and not a real node process, so that code
+// testing for node (isDev.ts) is not fooled by it. See the Process augmentation in isDev.ts.
 const browserGlobal = globalThis;
 browserGlobal.process = {
+  __tungstenCjsShim: true,
   env: {
     NODE_ENV: 'development'
   },

package/dist/bin/commands/compile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../src/bin/commands/compile.ts"],"names":[],"mappings":"AA+QA,OAAO,EAAE,CAAA"}
+{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../src/bin/commands/compile.ts"],"names":[],"mappings":"AAgRA,OAAO,EAAE,CAAA"}

package/dist/bin/commands/compile.js

@@ -18,7 +18,7 @@ const targetOptions = {
   '--public': 'public'
 };
 const args = process.argv.slice(3);
-const usage = 'Usage: tungsten compile [targets] [--all] [--watch] [--no-clean] [--output <dir>]';
+const usage = 'Usage: tungsten compile [targets] [--all] [--watch] [--no-clean] [--output <dir>]' + ' [--ready-file <file>] [--quiet] [--ignore-dirs <dir>] [--ignore-patterns <pattern>]';
 if (args.includes('--help') || args.includes('-h')) {
   cliOut(usage);
   cliOut('Targets: --js, --css, --client, --assets, --public');

package/dist/build/compileJavascript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compileJavascript.d.ts","sourceRoot":"","sources":["../../src/build/compileJavascript.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAA;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAetC,KAAK,uBAAuB,GAAG;IAC3B,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IACtC,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;CAC9F,CAAA;AAKD,wBAAsB,iBAAiB,CACnC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EACtD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EACrE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAO,EAC1E,OAAO,GAAE,wBAA6B,GACvC,OAAO,CAAC,uBAAuB,CAAC,CA0TlC"}
+{"version":3,"file":"compileJavascript.d.ts","sourceRoot":"","sources":["../../src/build/compileJavascript.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAA;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAetC,KAAK,uBAAuB,GAAG;IAC3B,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IACtC,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;CAC9F,CAAA;AAKD,wBAAsB,iBAAiB,CACnC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EACtD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EACrE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAO,EAC1E,OAAO,GAAE,wBAA6B,GACvC,OAAO,CAAC,uBAAuB,CAAC,CA2TlC"}

package/dist/build/compileJavascript.js

@@ -148,10 +148,11 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
   });
   const transformResults = await Promise.allSettled(transformPromises);
   const transformFailures = transformResults.filter(result => result.status === 'rejected').map(result => result.reason);
-  let deferredWorkPosition = 0;
   const settleDeferredWork = async () => {
-    const currentPromises = promises.slice(deferredWorkPosition);
-    deferredWorkPosition = promises.length;
+    // splice out (rather than slice+advance-a-pointer) so settled entries are freed for GC -
+    // otherwise every package-dependency promise ever pushed stays reachable for the life of
+    // the watch process, leaking memory until it OOMs on long-running `--watch` sessions
+    const currentPromises = promises.splice(0, promises.length);
     const deferredResults = await Promise.allSettled(currentPromises);
     return deferredResults.filter(result => result.status === 'rejected').map(result => result.reason);
   };

package/dist/isDev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isDev.d.ts","sourceRoot":"","sources":["../src/isDev.ts"],"names":[],"mappings":"AAGA,QAAA,IAAI,KAAK,SAAQ,CAAA;AAgBjB,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"isDev.d.ts","sourceRoot":"","sources":["../src/isDev.ts"],"names":[],"mappings":"AAGA,QAAA,IAAI,KAAK,SAAQ,CAAA;AAoBjB,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/isDev.js

@@ -1,18 +1,22 @@
 import { TungstenError } from "./TungstenError.js";
 let isDev = false;
-// browser must be checked first: in dev the client loads cjsHelpers.js, which installs a
-// `process` shim so that converted CJS packages can read process.env.NODE_ENV. That shim
-// makes `typeof process !== 'undefined'` true in the browser, so a node-first check picks
-// the node branch, finds no __TUNGSTEN_ENV, and reports isDev === false in dev.
-if (typeof window !== 'undefined') {
+// Neither global alone identifies the environment:
+//  - `process` exists in the browser in dev, because cjsHelpers.js installs a shim so that
+//    converted CJS packages can read process.env.NODE_ENV. A plain `typeof process` check
+//    therefore takes the node branch in the browser, finds no __TUNGSTEN_ENV, and reports
+//    isDev === false in dev.
+//  - `window` exists in node under the DOM test environment, so a plain `typeof window`
+//    check takes the browser branch in tests and throws on the missing __tungsten_prod__.
+// So the shim marks itself (__tungstenCjsShim, declared in types/index.d.ts), and we exclude it.
+if (typeof process !== 'undefined' && process.__tungstenCjsShim !== true) {
+  // server
+  isDev = process.env.__TUNGSTEN_ENV === 'development';
+} else {
   // browser
   // typed as boolean, but it is set by an inline script in <head>, so it really can be
   // missing at runtime if that script did not run
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   if (window.__tungsten_prod__ === undefined) throw new TungstenError('Err: window.__tungsten_prod__ is undefined');
   isDev = !window.__tungsten_prod__;
-} else {
-  // node
-  isDev = process.env.__TUNGSTEN_ENV === 'development';
 }
 export { isDev };

package/dist/postcssPlugins/parseSelectorsRich.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseSelectorsRich.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectorsRich.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,cAAc,GAAG,gBAAgB,GAAG,WAAW,CAAA;AACvI,MAAM,MAAM,QAAQ,GAAG;IACnB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,cAqPvD"}
+{"version":3,"file":"parseSelectorsRich.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectorsRich.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GACrF,cAAc,GAAG,gBAAgB,GAAG,WAAW,CAAA;AAE/C,MAAM,MAAM,QAAQ,GAAG;IACnB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACjB,CAAA;AAOD,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,cAqPvD"}

package/dist/postcssPlugins/parseSelectorsRich.js

@@ -160,7 +160,8 @@ export function parseSelectorsRich(selectorGroup) {
       // TODO -- handle pseudo with brackets
       case 'pseudo':
         {
-          if (/[a-zA-Z]/.test(char)) {
+          if (/[a-zA-Z-_]/.test(char)) {
+            // leading - / _ for vendor prefixes, e.g. :-moz-focusring
             //console.log('its a pseudo class')
             selectorObject.type = 'pseudo-class';
             selectorObject.content += char;
@@ -169,7 +170,7 @@ export function parseSelectorsRich(selectorGroup) {
             mode = 'pseudo-class';
             pos++;
           } else if (char === ':') {
-            selectorObject.type === 'pseudo-element';
+            selectorObject.type = 'pseudo-element';
             selectorObject.content += char;
             mode = 'pseudo-element';
             pos++;
@@ -228,8 +229,8 @@ export function parseSelectorsRich(selectorGroup) {
         {
           if (selectorObject.content.length === 2) {
             // first char after ::
-            if (/[a-zA-Z0-9]/.test(char)) {
-              // not based on any spec, could not find one
+            if (/[a-zA-Z0-9-_]/.test(char)) {
+              // leading - / _ for vendor prefixes, e.g. ::-webkit-details-marker
               selectorObject.content += char;
               selectorObject.valid = true;
               pos++;

package/dist/postcssPlugins/parseSelectorsRich.sxyt.js

@@ -28,6 +28,13 @@ function pseudoSelector(pesudo) {
     valid: true
   };
 }
+function pseudoElementSelector(pseudoElement) {
+  return {
+    type: 'pseudo-element',
+    content: pseudoElement,
+    valid: true
+  };
+}
 function attributeSelector(attribute) {
   return {
     type: 'attribute',
@@ -130,4 +137,19 @@ describe('parseSelectorsRich()', ({
     const selectors = parseSelectorsRich(input13);
     selectors.should.deep.equal([tagSelector('html'), whitespace(), pseudoSelector(':i(div)')]);
   });
+  const input14 = 'summary::before';
+  it(`parses out a pseudo-element from '${input14}'`, () => {
+    const selectors = parseSelectorsRich(input14);
+    selectors.should.deep.equal([tagSelector('summary'), pseudoElementSelector('::before')]);
+  });
+  const input15 = 'summary::-webkit-details-marker';
+  it(`parses out a vendor prefixed pseudo-element from '${input15}'`, () => {
+    const selectors = parseSelectorsRich(input15);
+    selectors.should.deep.equal([tagSelector('summary'), pseudoElementSelector('::-webkit-details-marker')]);
+  });
+  const input16 = 'input:-moz-focusring';
+  it(`parses out a vendor prefixed pseudo-class from '${input16}'`, () => {
+    const selectors = parseSelectorsRich(input16);
+    selectors.should.deep.equal([tagSelector('input'), pseudoSelector(':-moz-focusring')]);
+  });
 });

package/dist/settings.d.ts

@@ -16,6 +16,7 @@ export declare const assetsFolder = ".assets";
 export declare const componentCssFolder = ".componentCss";
 export declare const componentCssFile = "ccss.css";
 export declare const packagesFolder = ".packages";
+export declare const unusedStyleReporting: boolean;
 export declare const packageName = "tungsten";
 export declare const packageNameCapitalized = "Tungsten";
 export declare const frameworkClientFolder = "_client";

package/dist/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../src/settings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,cAAc,CAAA;AACtC,eAAO,MAAM,gBAAgB,SAAS,CAAA;AACtC,eAAO,MAAM,mBAAmB,kBAAuB,CAAA;AACvD,eAAO,MAAM,cAAc,uBAA+C,CAAA;AAC1E,eAAO,MAAM,eAAe,mBAAwB,CAAA;AACpD,eAAO,MAAM,mBAAmB,wBAA2C,CAAA;AAC3E,eAAO,MAAM,YAAY,2BAA+B,CAAA;AACxD,eAAO,MAAM,gBAAgB,yBAA8B,CAAA;AAC3D,eAAO,MAAM,mBAAmB,4BAAiC,CAAA;AACjE,eAAO,MAAM,qBAAqB,cAAc,CAAA;AAChD,eAAO,MAAM,YAAY,WAAW,CAAA;AAEpC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,kBAAkB,kBAAkB,CAAA;AACjD,eAAO,MAAM,gBAAgB,aAAa,CAAA;AAC1C,eAAO,MAAM,cAAc,cAAc,CAAA;AAEzC,eAAO,MAAM,WAAW,aAAa,CAAA;AACrC,eAAO,MAAM,sBAAsB,aAAa,CAAA;AAChD,eAAO,MAAM,qBAAqB,YAAY,CAAA;AAC9C,eAAO,MAAM,mBAAmB,SAAS,CAAA"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../src/settings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,cAAc,CAAA;AACtC,eAAO,MAAM,gBAAgB,SAAS,CAAA;AACtC,eAAO,MAAM,mBAAmB,kBAAuB,CAAA;AACvD,eAAO,MAAM,cAAc,uBAA+C,CAAA;AAC1E,eAAO,MAAM,eAAe,mBAAwB,CAAA;AACpD,eAAO,MAAM,mBAAmB,wBAA2C,CAAA;AAC3E,eAAO,MAAM,YAAY,2BAA+B,CAAA;AACxD,eAAO,MAAM,gBAAgB,yBAA8B,CAAA;AAC3D,eAAO,MAAM,mBAAmB,4BAAiC,CAAA;AACjE,eAAO,MAAM,qBAAqB,cAAc,CAAA;AAChD,eAAO,MAAM,YAAY,WAAW,CAAA;AAEpC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,kBAAkB,kBAAkB,CAAA;AACjD,eAAO,MAAM,gBAAgB,aAAa,CAAA;AAC1C,eAAO,MAAM,cAAc,cAAc,CAAA;AAEzC,eAAO,MAAM,oBAAoB,EAAE,OAAe,CAAA;AAElD,eAAO,MAAM,WAAW,aAAa,CAAA;AACrC,eAAO,MAAM,sBAAsB,aAAa,CAAA;AAChD,eAAO,MAAM,qBAAqB,YAAY,CAAA;AAC9C,eAAO,MAAM,mBAAmB,SAAS,CAAA"}

package/dist/settings.js

@@ -17,6 +17,7 @@ export const assetsFolder = '.assets';
 export const componentCssFolder = '.componentCss';
 export const componentCssFile = 'ccss.css';
 export const packagesFolder = '.packages';
+export const unusedStyleReporting = false;
 export const packageName = 'tungsten';
 export const packageNameCapitalized = 'Tungsten';
 export const frameworkClientFolder = '_client';

package/dist/style/styleContentSxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleContentSxy.d.ts","sourceRoot":"","sources":["../../src/style/styleContentSxy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,KAAK,WAAW,EACnB,MAAM,mBAAmB,CAAA;AAa1B,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,eAIrE"}
+{"version":3,"file":"styleContentSxy.d.ts","sourceRoot":"","sources":["../../src/style/styleContentSxy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,KAAK,WAAW,EACnB,MAAM,mBAAmB,CAAA;AAc1B,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,eAIrE"}

package/dist/style/styleContentSxy.js

@@ -5,13 +5,14 @@ import { TungstenError } from "../TungstenError.js";
 import { componentBumpClass } from "../componentClassName.js";
 import { $props, $type } from "../contentNodeSymbols.js";
 import { isDev } from "../isDev.js";
+import { unusedStyleReporting } from "../settings.js";
 import { getStyleUsage } from "./unusedStyles.js";
 function debug(...texts) {
   //console.log(...texts)
 }
 export function styleContentSxy(content, styles) {
   if (count(styles.tags) === 0 && count(styles.classes) === 0) return content; // optimization short circuit
-  processItem(content, styles, isDev ? getStyleUsage(styles) : undefined);
+  processItem(content, styles, isDev && unusedStyleReporting ? getStyleUsage(styles) : undefined);
   return content;
 }
 function processItem(element, styles, usage) {
@@ -89,7 +90,7 @@ function processItem(element, styles, usage) {
     }
   }
   debug('--tagName', tagName, element);
-  if (!Object.getOwnPropertySymbols(element).includes($props) || element[$props] === undefined) {
+  if (!Object.getOwnPropertySymbols(element).includes($props) /*|| element[$props] === undefined*/) {
     //throw new TungstenError(`Error, element has no props. ${element}`)
     warn(`Warning, element has no props. ${typeof element}:`, element);
     // in one instance, the element is a function
@@ -97,8 +98,9 @@ function processItem(element, styles, usage) {
     element[$props] = {};
   }
   let newClassName = '';
-  if (tagName in styles.tags) {
-    newClassName += ' ' + componentBumpClass + ' ' + styles.tags[tagName];
+  const tagClass = styles.tags[tagName];
+  if (tagClass !== undefined) {
+    newClassName += ' ' + componentBumpClass + ' ' + tagClass;
     usage?.usedTags.add(tagName);
   }
   //console.log(element.props.className)
@@ -135,7 +137,7 @@ function processItem(element, styles, usage) {
 //     )
 // }
 function getComponentName(element) {
-  return element[$type].tagName || element[$type].constructor.name;
+  return element[$type].tagName || element[$type].constructor.name; // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- has worked so far, leaving it
   //// I don't think we have these things in our framework yet
   // if ( element.type['$$typeof'] === Symbol.for('react.forward_ref') ) {
   //     return element.type.render.tagName || element.type.render.displayName || element.type.render.name

package/dist/style/unusedStyles.d.ts

@@ -3,9 +3,7 @@ export type StyleUsage = {
     styles: CssNames;
     usedTags: Set<string>;
     usedClasses: Set<string>;
-    reportedTags: Set<string>;
-    reportedClasses: Set<string>;
 };
 export declare function getStyleUsage(styles: CssNames): StyleUsage;
-export declare function reportUnusedStyles(): void;
+export declare function reportUnusedStyles(): Promise<void>;
 //# sourceMappingURL=unusedStyles.d.ts.map

package/dist/style/unusedStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unusedStyles.d.ts","sourceRoot":"","sources":["../../src/style/unusedStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAU9C,MAAM,MAAM,UAAU,GAAG;IACrB,MAAM,EAAE,QAAQ,CAAA;IAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC/B,CAAA;AAUD,wBAAgB,aAAa,CAAC,MAAM,EAAE,QAAQ,cAc7C;AASD,wBAAgB,kBAAkB,SA0BjC"}
+{"version":3,"file":"unusedStyles.d.ts","sourceRoot":"","sources":["../../src/style/unusedStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAa9C,MAAM,MAAM,UAAU,GAAG;IACrB,MAAM,EAAE,QAAQ,CAAA;IAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAUD,wBAAgB,aAAa,CAAC,MAAM,EAAE,QAAQ,cAQ7C;AA2BD,wBAAsB,kBAAkB,kBAgBvC"}

package/dist/style/unusedStyles.js

@@ -1,9 +1,9 @@
-import { warn } from "../output.js";
+import { warn as safeWarn } from "../output.js";
 // component stylesheets are module level singletons, so holding them here is not a leak
 const usageByStyles = new Map();
 // wait for render activity to settle before reporting, so that content rendered a little
 // later (async components, route changes) doesn't get reported as unused
-const reportDelayMs = 5000;
+const reportDelayMs = 1000;
 let reportHandle;
 export function getStyleUsage(styles) {
   let usage = usageByStyles.get(styles);
@@ -11,9 +11,7 @@ export function getStyleUsage(styles) {
     usage = {
       styles,
       usedTags: new Set(),
-      usedClasses: new Set(),
-      reportedTags: new Set(),
-      reportedClasses: new Set()
+      usedClasses: new Set()
     };
     usageByStyles.set(styles, usage);
   }
@@ -26,18 +24,30 @@ function scheduleUnusedStylesReport() {
   // don't hold a node process open just for the report
   if (typeof reportHandle === 'object' && typeof reportHandle.unref === 'function') reportHandle.unref();
 }
-export function reportUnusedStyles() {
-  if (reportHandle !== undefined) {
-    clearTimeout(reportHandle);
-    reportHandle = undefined;
-  }
+// cliOutput pulls in chalk, which is node only, so it must not enter the browser's module
+// graph. A promise rather than top level await: awaiting here would make this an async
+// module, and with it every importer of styleContentSxy.
+// In the prod client bundle the whole conditional folds to the Promise.resolve() branch,
+// so the import() is not emitted at all.
+// const warnPromise: Promise<(...texts: unknown[]) => void> = (isServer)
+//     ? import('../cliOutput.js').then(module => module.cliWarn)
+//     : Promise.resolve(safeWarn)
+const warnPromise = Promise.resolve(safeWarn);
+// names in the stylesheet that nothing has matched, marking them so that they are only
+// reported once. Without that, every later render repeats the same warning
+function takeUnmatched(names, used) {
+  const unmatched = Object.keys(names).filter(name => !used.has(name));
+  for (const name of unmatched) used.add(name);
+  return unmatched;
+}
+export async function reportUnusedStyles() {
+  clearTimeout(reportHandle);
+  reportHandle = undefined;
+  const warn = await warnPromise;
   for (const usage of usageByStyles.values()) {
-    const tags = Object.keys(usage.styles.tags).filter(tag => !usage.usedTags.has(tag) && !usage.reportedTags.has(tag));
-    const classes = Object.keys(usage.styles.classes).filter(className => !usage.usedClasses.has(className) && !usage.reportedClasses.has(className));
+    const tags = takeUnmatched(usage.styles.tags, usage.usedTags);
+    const classes = takeUnmatched(usage.styles.classes, usage.usedClasses);
     if (tags.length === 0 && classes.length === 0) continue;
-    // only report each selector once, otherwise every later render repeats the warning
-    for (const tag of tags) usage.reportedTags.add(tag);
-    for (const className of classes) usage.reportedClasses.add(className);
     warn(`Tungsten dev: styles in module "${usage.styles.moduleName}" have not matched any content:` + (tags.length > 0 ? `\n    tag/component names: ${tags.join(', ')}` : '') + (classes.length > 0 ? `\n    class names: ${classes.join(', ')}` : ''));
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tungsten",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "description": "",
   "type": "module",
   "bin": {

package/types/index.d.ts

@@ -19,6 +19,18 @@ declare global {
     var tungstenPublicEnv: TungstenPublicEnv
 }
 
+//// In dev, cjsHelpers.ts installs a partial `process` on the browser global so that converted
+//// CommonJS packages can read process.env.NODE_ENV. It flags itself with __tungstenCjsShim so
+//// that environment checks (isDev.ts) can tell it apart from a real node process.
+//// Never present on real node.
+declare global {
+    namespace NodeJS {
+        interface Process {
+            __tungstenCjsShim?: true
+        }
+    }
+}
+
 
 // declare global {
 //     var __T_CurrentElement: TElement // eslint-disable-line no-var