@homebound/truss 2.21.2 → 2.21.4

package/build/index.d.ts

@@ -55,15 +55,15 @@ interface Config {
     /**
      * The target CSS runtime to generate for.
      *
-     * - `"stylex"` (default): Generates a StyleX-friendly CssBuilder (for IDE autocomplete + types) plus a
-     *   `Css.json` mapping file consumed by the truss Vite plugin, which transforms
-     *   `Css.*.$` expressions into file-local `stylex.create()` + `stylex.props()` calls at build time.
+     * - `"web"` (default): Generates a web CssBuilder (for IDE autocomplete + types) plus a
+     *   `Css.json` mapping file consumed by the truss Vite plugin, which compiles
+     *   `Css.*.$` expressions into atomic CSS output at build time.
      * - `"react-native"`: Generates a runtime CssBuilder that accumulates plain style objects,
      *   intended for React Native usage.
      */
-    target?: "react-native" | "stylex";
+    target?: "react-native" | "web";
     /**
-     * The output path for the truss mapping file (only used when target is "stylex").
+     * The output path for the truss mapping file (only used when target is "web").
      * Defaults to a `.json` sibling of `outputPath` (e.g. `./src/Css.json`).
      */
     mappingOutputPath?: string;
@@ -165,7 +165,7 @@ declare const defaultSections: {
 declare function generate(config: Config): Promise<void>;
 
 type Prop = keyof Properties;
-interface StylexEntry {
+interface WebEntry {
     kind: "static" | "param" | "increment-param" | "px-delegate" | "alias" | "cssvar";
     abbr: string;
     /** For static: the CSS properties object, e.g. { display: "flex" } */
@@ -179,10 +179,10 @@ interface StylexEntry {
     /** For aliases: the list of chained abbreviations */
     aliasTargets?: string[];
 }
-/** Start collecting StylexEntry metadata from method helpers. */
-declare function startStylexCollection(): void;
+/** Start collecting WebEntry metadata from method helpers. */
+declare function startWebCollection(): void;
 /** Stop collecting and return all accumulated entries. */
-declare function stopStylexCollection(): StylexEntry[];
+declare function stopWebCollection(): WebEntry[];
 /**
  * Given a single abbreviation (i.e. `mt0`) and multiple `{ prop: value }` CSS values, returns
  * the TypeScript code for a `mt0` utility method that sets those values.
@@ -261,4 +261,4 @@ declare function newIncrementMethods(config: Config, abbr: UtilityName, prop: Pr
 declare function newCoreIncrementMethods(config: Config, abbr: UtilityName, props: Prop[]): UtilityMethod[];
 declare function newPxMethod(abbr: UtilityName, prop: Prop): UtilityMethod;
 
-export { type Aliases, type Config, type CreateMethodsFn, type FontConfig, type IncConfig, type SectionName, type Sections, type StylexEntry, type UtilityMethod, type UtilityName, defaultSections, defineConfig, generate, newAliasesMethods, newCoreIncrementMethods, newIncrementMethods, newMethod, newMethodsForProp, newParamMethod, newPxMethod, newSetCssVariablesMethod, startStylexCollection, stopStylexCollection };
+export { type Aliases, type Config, type CreateMethodsFn, type FontConfig, type IncConfig, type SectionName, type Sections, type UtilityMethod, type UtilityName, type WebEntry, defaultSections, defineConfig, generate, newAliasesMethods, newCoreIncrementMethods, newIncrementMethods, newMethod, newMethodsForProp, newParamMethod, newPxMethod, newSetCssVariablesMethod, startWebCollection, stopWebCollection };

package/build/index.js

@@ -4,17 +4,17 @@ function defineConfig(config) {
 }
 
 // src/methods.ts
-var _stylexCollector = null;
-function startStylexCollection() {
-  _stylexCollector = [];
+var _webCollector = null;
+function startWebCollection() {
+  _webCollector = [];
 }
-function stopStylexCollection() {
-  const result = _stylexCollector;
-  _stylexCollector = null;
+function stopWebCollection() {
+  const result = _webCollector;
+  _webCollector = null;
   return result;
 }
 function collect(entry) {
-  if (_stylexCollector) _stylexCollector.push(entry);
+  if (_webCollector) _webCollector.push(entry);
 }
 function newMethod(abbr, defs) {
   collect({ kind: "static", abbr, defs: { ...defs } });
@@ -930,10 +930,10 @@ var defaultTypeAliases = {
 };
 async function generate(config) {
   const { outputPath } = config;
-  const target = config.target ?? "stylex";
-  if (target === "stylex") {
-    const { sections, entries } = collectStylexGenerationData(config);
-    const cssOutput = generateStylexCssBuilder(config, sections).toString();
+  const target = config.target ?? "web";
+  if (target === "web") {
+    const { sections, entries } = collectWebGenerationData(config);
+    const cssOutput = generateWebCssBuilder(config, sections).toString();
     await fs.writeFile(outputPath, cssOutput);
     const mappingPath = config.mappingOutputPath || outputPath.replace(/\.ts$/, ".json");
     const mapping = generateTrussMapping(config, entries);
@@ -945,7 +945,7 @@ async function generate(config) {
     await fs.writeFile(outputPath, output);
     return;
   }
-  throw new Error(`Unsupported truss target "${target}". Use "stylex" (default) or "react-native".`);
+  throw new Error(`Unsupported truss target "${target}". Use "web" (default) or "react-native".`);
 }
 function generateCssBuilder(config) {
   const { fonts, increment, extras, typeAliases, breakpoints = {}, palette } = config;
@@ -1246,18 +1246,18 @@ function generateSections(config) {
     ...aliases && { aliases: newAliasesMethods(aliases) }
   };
 }
-function collectStylexGenerationData(config) {
-  startStylexCollection();
+function collectWebGenerationData(config) {
+  startWebCollection();
   try {
     const sections = generateSections(config);
-    const entries = stopStylexCollection();
+    const entries = stopWebCollection();
     return { sections, entries };
   } catch (error) {
-    stopStylexCollection();
+    stopWebCollection();
     throw error;
   }
 }
-function generateStylexCssBuilder(config, sections) {
+function generateWebCssBuilder(config, sections) {
   const { fonts, increment, extras, typeAliases, palette, breakpoints = {} } = config;
   const lines = Object.entries(sections).map(([name, value]) => [`// ${name}`, ...value, ""]).flat();
   const typeAliasCode = Object.entries({
@@ -1287,7 +1287,7 @@ function generateStylexCssBuilder(config, sections) {
   return code`
 // This file is auto-generated by truss: https://github.com/homebound-team/truss.
 // See your project's \`truss-config.ts\` to make configuration changes (fonts, increments, etc).
-// Target: native (build-time plugin)
+// Target: web (build-time plugin)
 
 import { trussProps, useRuntimeStyle as _useRuntimeStyle } from "@homebound/truss/runtime";
 
@@ -1718,7 +1718,7 @@ export {
   newParamMethod,
   newPxMethod,
   newSetCssVariablesMethod,
-  startStylexCollection,
-  stopStylexCollection
+  startWebCollection,
+  stopWebCollection
 };
 //# sourceMappingURL=index.js.map