tungsten 0.3.3 → 0.3.4

package/dist/build/compileUserApp.js

@@ -3,8 +3,9 @@ import { compileJavascript } from "./compileJavascript.js";
 import { compileStyles } from "./compileStyles.js";
 import { copyAssets } from "./copyAssets.js";
 import { copyPublicFiles } from "./copyPublicFiles.js";
-import { buildCodeSubPath, bundleFolder, devBuildOuterFolder, prodBuildFolder } from "../settings.js";
+import { buildCodeSubPath, bundleFolder, devBuildOuterFolder, frameworkCssFile, frameworkCssFolder, prodBuildFolder } from "../settings.js";
 import { combineComponentCss } from "./combineComponentCss.js";
+import { writeFrameworkCss } from "./frameworkStylesheets.js";
 import { emitReloadEvent } from "../hmr/liveReloadHub.js";
 import { createTimeProfiler } from "../timeProfiler.js";
 //import { compileEnv } from './compileEnv.js'
@@ -16,15 +17,18 @@ export async function compileUserApp(projectDir, appConfig, mode, profiler = cre
   const buildLocation = mode === 'dev' ? join(projectDir, devBuildOuterFolder) : join(projectDir, prodBuildFolder);
   const codeSubPath = buildCodeSubPath;
   const buildCodeLocation = join(buildLocation, codeSubPath);
-  const compileJavascriptPromise = profiler.timeProfileAsync('compile javascript', () => compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode, true, mode === 'dev' ? {
+  // a prod build is one-shot: watching would leave chokidar handles holding the event loop
+  // open, so the command could only ever end by hard-exiting
+  const watch = mode === 'dev';
+  const compileJavascriptPromise = profiler.timeProfileAsync('compile javascript', () => compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode, watch, mode === 'dev' ? {
     onCycleComplete: cycle => {
       if (cycle.success) emitReloadEvent('js', cycle.file);
     }
   } : {}));
   //const compileEnvPromise = compileEnv(projectDir, appConfig, codeLocation, buildLocation, mode)
-  const compileStylesPromise = profiler.timeProfileAsync('compile styles', () => compileStyles(projectDir, appConfig, styleImportBase, buildLocation, true, mode === 'dev' ? () => emitReloadEvent('css') : undefined));
-  const copyAssetsPromise = profiler.timeProfileAsync('copy assets', () => copyAssets(projectDir, appConfig, buildLocation));
-  const copyPublicFilesPromise = profiler.timeProfileAsync('copy public files', () => copyPublicFiles(projectDir, appConfig, buildLocation));
+  const compileStylesPromise = profiler.timeProfileAsync('compile styles', () => compileStyles(projectDir, appConfig, styleImportBase, buildLocation, watch, mode === 'dev' ? () => emitReloadEvent('css') : undefined));
+  const copyAssetsPromise = profiler.timeProfileAsync('copy assets', () => copyAssets(projectDir, appConfig, buildLocation, watch));
+  const copyPublicFilesPromise = profiler.timeProfileAsync('copy public files', () => copyPublicFiles(projectDir, appConfig, buildLocation, watch));
   const {
     importAliases
   } = await compileJavascriptPromise;
@@ -33,6 +37,10 @@ export async function compileUserApp(projectDir, appConfig, mode, profiler = cre
   await copyAssetsPromise;
   await copyPublicFilesPromise;
   if (mode === 'prod') await profiler.timeProfileAsync('combine component css', () => combineComponentCss(buildLocation));
+  const frameworkCss = await profiler.timeProfileAsync('write framework css', () => writeFrameworkCss(buildLocation));
+  if (mode === 'prod' && frameworkCss !== undefined) {
+    await profiler.timeProfileAsync('combine framework css', () => combineComponentCss(buildLocation, frameworkCssFolder, frameworkCssFile));
+  }
   const compilationInfo = {
     type: 'success',
     projectDir,
@@ -43,6 +51,7 @@ export async function compileUserApp(projectDir, appConfig, mode, profiler = cre
     location: buildLocation,
     importAliases
   };
+  if (frameworkCss !== undefined) compilationInfo.frameworkCss = frameworkCss;
   if (mode === 'prod') compilationInfo.bundleLocation = join(projectDir, bundleFolder);
   return compilationInfo;
 }

package/dist/build/frameworkStylesheets.d.ts

@@ -0,0 +1,5 @@
+export declare function recordFrameworkStylesheet(packageDir: string, rel: string): void;
+export declare function clearFrameworkStylesheets(): void;
+export declare function frameworkCssPath(buildLocation: string): string | undefined;
+export declare function writeFrameworkCss(buildLocation: string): Promise<string | undefined>;
+//# sourceMappingURL=frameworkStylesheets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"frameworkStylesheets.d.ts","sourceRoot":"","sources":["../../src/build/frameworkStylesheets.ts"],"names":[],"mappings":"AAqBA,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAE/E;AAED,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD;AAGD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI1E;AAID,wBAAsB,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAqB1F"}

package/dist/build/frameworkStylesheets.js

@@ -0,0 +1,49 @@
+import { existsSync, promises as fsPromises } from 'fs';
+import { dirname, join } from 'path';
+import slash from 'slash';
+import { frameworkCssFile, frameworkCssFolder, frameworkDistFolder } from "../settings.js";
+// Component stylesheets named by a `$stylesheet` static on a package component, collected while
+// the package import tree is walked so only components the app actually imports contribute.
+// Held on globalThis because moduleReloader busts the ES module cache in dev, so the collector
+// and the writer can otherwise end up with separate module instances.
+const $collected = Symbol.for('tungsten.frameworkStylesheets');
+function getCollected() {
+  const existing = Reflect.get(globalThis, $collected);
+  if (existing instanceof Map) return existing;
+  const created = new Map();
+  Reflect.set(globalThis, $collected, created);
+  return created;
+}
+export function recordFrameworkStylesheet(packageDir, rel) {
+  getCollected().set(join(packageDir, frameworkDistFolder, 'componentCss', rel), rel);
+}
+export function clearFrameworkStylesheets() {
+  getCollected().clear();
+}
+// Web path of an already-written manifest, for a process serving a build it did not produce.
+export function frameworkCssPath(buildLocation) {
+  return existsSync(join(buildLocation, frameworkCssFolder, frameworkCssFile)) ? `/${frameworkCssFolder}/${frameworkCssFile}` : undefined;
+}
+// Copies the collected stylesheets into the build and writes their manifest.
+// Returns the manifest's web path, or undefined when nothing contributed.
+export async function writeFrameworkCss(buildLocation) {
+  const collected = getCollected();
+  if (collected.size === 0) return undefined;
+  const target = join(buildLocation, frameworkCssFolder);
+  const imports = [];
+  for (const [source, rel] of collected) {
+    if (!existsSync(source)) continue;
+    const dest = join(target, rel);
+    await fsPromises.mkdir(dirname(dest), {
+      recursive: true
+    });
+    await fsPromises.copyFile(source, dest);
+    imports.push(`@import "${slash(rel)}";`);
+  }
+  if (imports.length === 0) return undefined;
+  await fsPromises.mkdir(target, {
+    recursive: true
+  });
+  await fsPromises.writeFile(join(target, frameworkCssFile), imports.join('\n') + '\n');
+  return `/${frameworkCssFolder}/${frameworkCssFile}`;
+}

package/dist/build/getPackageDirForFile.d.ts

@@ -0,0 +1,2 @@
+export declare function getPackageDirForFile(file: string): string | undefined;
+//# sourceMappingURL=getPackageDirForFile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getPackageDirForFile.d.ts","sourceRoot":"","sources":["../../src/build/getPackageDirForFile.ts"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIrE"}

package/dist/build/getPackageDirForFile.js

@@ -0,0 +1,11 @@
+import { dirname } from 'path';
+import { findProjectDir } from "../findProjectDir.js";
+const cache = {};
+// Package boundary for a file. Nameless package.json files are not boundaries — see findProjectDir.
+export function getPackageDirForFile(file) {
+  const dir = dirname(file);
+  if (dir in cache) return cache[dir];
+  return cache[dir] = findProjectDir(dir, {
+    requireName: true
+  });
+}

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

@@ -1 +1 @@
-{"version":3,"file":"getSxyClientPackageAliases.d.ts","sourceRoot":"","sources":["../../src/build/getSxyClientPackageAliases.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQvD,wBAAgB,+BAA+B,IAAI,aAAa,CA8B/D"}
+{"version":3,"file":"getSxyClientPackageAliases.d.ts","sourceRoot":"","sources":["../../src/build/getSxyClientPackageAliases.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQvD,wBAAgB,+BAA+B,IAAI,aAAa,CAgC/D"}

package/dist/build/getSxyClientPackageAliases.js

@@ -10,7 +10,9 @@ export function getTungstenClientPackageAliases() {
   // I think these are only used in dev
   const importAliases = {
     'tungsten': `${frameworkDestLocation}/index.js`,
-    'tungsten/jsxRuntime.js': `${frameworkDestLocation}/jsxRuntime.js`
+    'tungsten/jsxRuntime.js': `${frameworkDestLocation}/jsxRuntime.js`,
+    // The component library, mirroring the `./library` subpath in exports.
+    'tungsten/library': `${frameworkDestLocation}/components/library/index.js`
     //'tungsten': `${frameworkDestLocation}/indexBundle.js`,
     //'tungsten/jsxRuntime.js': `${frameworkDestLocation}/indexBundle.js`,
     //'tungsten/TungstenError.js': `${frameworkDestLocation}/TungstenError.js`,

package/dist/build/makeBabelUserDevConfig.d.ts

@@ -1,5 +1,5 @@
 import type { TransformOptions } from '@babel/core';
 import type { ImportAliases } from './ImportAliases.js';
 import { DependencyGraph } from '../babelPlugins/BabelTransformPackageImports.js';
-export declare function makeBabelUserDevConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, buildLocation: string, buildCodeLocation: string, packagesCacheLocation: string, skipPackageCompilationFiles: ReadonlySet<string>, oldDependencyGraph: DependencyGraph, dependencyGraph: DependencyGraph, importAliases: ImportAliases, promises: Promise<any>[]): TransformOptions;
+export declare function makeBabelUserDevConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, buildLocation: string, buildCodeLocation: string, packagesCacheLocation: string, skipPackageCompilationFiles: ReadonlySet<string>, oldDependencyGraph: DependencyGraph, dependencyGraph: DependencyGraph, importAliases: ImportAliases, promises: Promise<any>[], watchStyles?: boolean): TransformOptions;
 //# sourceMappingURL=makeBabelUserDevConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"makeBabelUserDevConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserDevConfig.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAoC,eAAe,EAAE,MAAM,iDAAiD,CAAA;AAOnH,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,EACzB,qBAAqB,EAAE,MAAM,EAC7B,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GACzB,gBAAgB,CAgClB"}
+{"version":3,"file":"makeBabelUserDevConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserDevConfig.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAoC,eAAe,EAAE,MAAM,iDAAiD,CAAA;AAOnH,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,EACzB,qBAAqB,EAAE,MAAM,EAC7B,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,EACxB,WAAW,UAAO,GACnB,gBAAgB,CAgClB"}

package/dist/build/makeBabelUserDevConfig.js

@@ -7,7 +7,7 @@ import { componentCssFolder, componentCssFile } from "../settings.js";
 import userCommonConfig from "./babel.user.common.config.js";
 import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
 import { MakeBabelAddDevCacheBust } from "../babelPlugins/BabelAddDevCacheBust.js";
-export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, packagesCacheLocation, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises) {
+export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, packagesCacheLocation, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises, watchStyles = true) {
   const userDevConfig = objectCopy(userCommonConfig);
   userDevConfig.plugins.push(MakeBabelTransformPackageImports({
     projectDir: projectDir,
@@ -29,7 +29,8 @@ export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, abs
     projectAbsSourceDir: absSourceDir,
     projectAbsStyleImportDir: absStyleImportBase,
     classNameFormat: '[folder]-[name]_[local]',
-    cssOutputFile: join(buildLocation, componentCssFolder, componentCssFile)
+    cssOutputFile: join(buildLocation, componentCssFolder, componentCssFile),
+    watch: watchStyles
   }),
   // Dev-only: keeps every relative import's browser-cached URL in sync with the
   // imported file's own on-disk mtime - see BabelAddDevCacheBust.ts and

package/dist/build/makeBabelUserProdConfig.d.ts

@@ -1,3 +1,3 @@
 import type { TransformOptions } from '@babel/core';
-export declare function makeBabelUserProdConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string): TransformOptions;
+export declare function makeBabelUserProdConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, watchStyles?: boolean): TransformOptions;
 //# sourceMappingURL=makeBabelUserProdConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"makeBabelUserProdConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserProdConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAMnD,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,GAC3B,gBAAgB,CAelB"}
+{"version":3,"file":"makeBabelUserProdConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserProdConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAMnD,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,WAAW,UAAO,GACnB,gBAAgB,CAgBlB"}

package/dist/build/makeBabelUserProdConfig.js

@@ -5,7 +5,7 @@ import { MakeBabelTransformComponentStyles } from "../babelPlugins/BabelTransfor
 import { prodBuildFolder, componentCssFolder, componentCssFile } from "../settings.js";
 import userCommonConfig from "./babel.user.common.config.js";
 import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
-export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase) {
+export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, watchStyles = true) {
   const userProdConfig = objectCopy(userCommonConfig);
   userProdConfig.plugins.push(
   // eslint-disable-line @typescript-eslint/no-non-null-assertion
@@ -18,7 +18,9 @@ export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, ab
     projectAbsSourceDir: absSourceDir,
     projectAbsStyleImportDir: absStyleImportBase,
     classNameFormat: '[folder]-[name]_[local]',
-    cssOutputFile: join(projectDir, prodBuildFolder, componentCssFolder, componentCssFile) // should only need to pass one
+    cssOutputFile: join(projectDir, prodBuildFolder, componentCssFolder, componentCssFile),
+    // should only need to pass one
+    watch: watchStyles
   }));
   return userProdConfig;
 }

package/dist/build/rollup.user.prod.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rollup.user.prod.config.d.ts","sourceRoot":"","sources":["../../src/build/rollup.user.prod.config.ts"],"names":[],"mappings":"AAaA,KAAK,YAAY,GAAG;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAA;AAeD,QAAA,MAAM,YAAY,EAAE,YAkBnB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"rollup.user.prod.config.d.ts","sourceRoot":"","sources":["../../src/build/rollup.user.prod.config.ts"],"names":[],"mappings":"AAcA,KAAK,YAAY,GAAG;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAA;AAeD,QAAA,MAAM,YAAY,EAAE,YAoBnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/build/rollup.user.prod.config.js

@@ -6,6 +6,7 @@ import terser from "@rollup/plugin-terser";
 import jsonModule from "@rollup/plugin-json";
 import { MakeBabelTransformRemoveServerBlocks } from "../babelPlugins/BabelTransformRemoveServerBlocks.js";
 import { MakeBabelTransformRemoveDevBlocks } from "../babelPlugins/BabelTransformRemoveDevBlocks.js";
+import { rollupExtractComponentStylesheets } from "./rollupExtractComponentStylesheets.js";
 const json = typeof jsonModule === "function" ? jsonModule : jsonModule.default;
 function replaceProductionNodeEnv() {
   return {
@@ -22,7 +23,9 @@ function replaceProductionNodeEnv() {
 const rollupConfig = {
   plugins: [json(), nodeResolve(), commonjs(),
   // must be before babel
-  replaceProductionNodeEnv(), babel({
+  replaceProductionNodeEnv(),
+  // before babel, which excludes node_modules and so never sees framework components
+  rollupExtractComponentStylesheets(), babel({
     babelHelpers: 'bundled',
     exclude: '**/node_modules/**',
     plugins: [MakeBabelTransformRemoveServerBlocks(), MakeBabelTransformRemoveDevBlocks()]

package/dist/build/rollupExtractComponentStylesheets.d.ts

@@ -0,0 +1,12 @@
+export declare function rollupExtractComponentStylesheets(): {
+    name: string;
+    transform(code: string, id: string): {
+        code: string;
+        map: null;
+    } | null;
+    writeBundle(outputOptions: {
+        file?: string;
+        dir?: string;
+    }): Promise<void>;
+};
+//# sourceMappingURL=rollupExtractComponentStylesheets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollupExtractComponentStylesheets.d.ts","sourceRoot":"","sources":["../../src/build/rollupExtractComponentStylesheets.ts"],"names":[],"mappings":"AAYA,wBAAgB,iCAAiC;;oBAIzB,MAAM,MAAM,MAAM;;;;+BAgBD;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE;EAOvE"}

package/dist/build/rollupExtractComponentStylesheets.js

@@ -0,0 +1,35 @@
+import { dirname } from 'path';
+import { recordFrameworkStylesheet, writeFrameworkCss } from "./frameworkStylesheets.js";
+import { getPackageDirForFile } from "./getPackageDirForFile.js";
+// `static $stylesheet = "i/….css"` as emitted by BabelTransformComponentStyles.
+const markerPattern = /static\s+\$stylesheet\s*=\s*(["'])([^"']+)\1\s*;?/g;
+// Prod bundles rather than walking packages, so the package-walk extraction never runs. This is
+// its bundler-side counterpart: same read-and-erase, driven by rollup's module ids so a
+// component's owning package is still known once everything is in one file.
+export function rollupExtractComponentStylesheets() {
+  return {
+    name: 'tungsten-extract-component-stylesheets',
+    transform(code, id) {
+      if (!code.includes('$stylesheet')) return null;
+      let found = false;
+      const stripped = code.replace(markerPattern, (_match, _quote, rel) => {
+        const packageDir = getPackageDirForFile(id);
+        if (packageDir === undefined) return '';
+        recordFrameworkStylesheet(packageDir, rel);
+        found = true;
+        return '';
+      });
+      return found ? {
+        code: stripped,
+        map: null
+      } : null;
+    },
+    // The bundle is written to <build>/.bundle/<file>, so the build root is two up.
+    async writeBundle(outputOptions) {
+      const target = outputOptions.file ?? outputOptions.dir;
+      if (target === undefined) return;
+      const buildLocation = dirname(dirname(target));
+      await writeFrameworkCss(buildLocation);
+    }
+  };
+}

package/dist/compat/context.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from './types.js';
-import { ConstructPackage, TungstenSimpleComponent } from '../Components.js';
+import { ConstructPackage, TungstenSimpleComponent } from '../Components.jsx';
 interface Context<T> {
     Provider: typeof Provider<T>;
     Consumer: typeof Consumer<T>;

package/dist/compat/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/compat/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAA6B,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAwCvG,UAAU,OAAO,CAAC,CAAC;IACf,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAG3B,YAAY,EAAE,CAAC,GAChB,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAI/D,OAAO,kBAA4B;CACtC;AAGD,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,SAAS,CAAC;CAC5C,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/D,YAAY,EAAE,CAAC,CAAA;gBACH,GAAG,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAI9D,OAAO,kBAA+C;CACzD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/compat/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAA6B,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAwCxG,UAAU,OAAO,CAAC,CAAC;IACf,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAG3B,YAAY,EAAE,CAAC,GAChB,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAI/D,OAAO,kBAA4B;CACtC;AAGD,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,SAAS,CAAC;CAC5C,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/D,YAAY,EAAE,CAAC,CAAA;gBACH,GAAG,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAI9D,OAAO,kBAA+C;CACzD"}

package/dist/componentCss/i/T-components-library-RichTextEditor-RichTextEditor.css

@@ -0,0 +1,115 @@
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor {
+  border: 1px solid var(--color-border-mid);
+  border-radius: 0.35rem;
+  background: white;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.5rem;
+  border-bottom: 1px solid var(--color-border-soft);
+  background: var(--color-surface);
+  border-radius: 0.35rem 0.35rem 0 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_group {
+  display: flex;
+  gap: 0.15rem;
+  padding: 0 0.35rem;
+  border-right: 1px solid var(--color-border-mid);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_group:last-child {
+  border-right: 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_\0023_select.T\0023-components-library-RichTextEditor-RichTextEditor_format-block {
+  border: 1px solid var(--color-border-mid);
+  border-radius: 0.25rem;
+  padding: 0.3rem 0.4rem;
+  background: white;
+  font-size: 0.85rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool {
+  min-width: 1.9rem;
+  height: 1.9rem;
+  padding: 0 0.4rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  background: transparent;
+  color: var(--color-text);
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool:hover {
+  background: var(--bg-tint);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_active {
+  background: var(--bg-tint);
+  border-color: var(--color-highlight);
+  color: var(--color-highlight);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool:disabled {
+  opacity: 0.4;
+  cursor: default;
+  background: transparent;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_bold {
+  font-weight: 700;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_italic {
+  font-style: italic;
+  font-family: Georgia, serif;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_underline {
+  text-decoration: underline;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_strike {
+  text-decoration: line-through;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_bold, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_italic, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_underline, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_tool.T\0023-components-library-RichTextEditor-RichTextEditor_strike {
+  font-size: 0.95rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_source-toggle {
+  margin-left: auto;
+  font-weight: 600;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface {
+  min-height: 10rem;
+  padding: 0.75rem 1rem;
+  outline: none;
+  line-height: 1.5;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface:empty:before {
+  content: attr(data-placeholder);
+  color: var(--color-text-faint);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface p {
+  margin: 0 0 0.6rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface p:last-child {
+  margin-bottom: 0;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface ul, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface ol {
+  margin: 0 0 0.6rem;
+  padding-left: 1.4rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h2, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h3, .T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface h4 {
+  margin: 0.8rem 0 0.4rem;
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_surface blockquote {
+  margin: 0 0 0.6rem;
+  padding-left: 0.85rem;
+  border-left: 3px solid var(--color-border-mid);
+  color: var(--color-text-body);
+}
+.T\0023-components-library-RichTextEditor-RichTextEditor_editor .T\0023-components-library-RichTextEditor-RichTextEditor_source {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 10rem;
+  padding: 0.75rem 1rem;
+  border: 0;
+  outline: none;
+  font-family: "Courier New", monospace;
+  font-size: 0.85rem;
+  resize: vertical;
+}

package/dist/componentCss/i/T-components-library-__StatefulMessage-StatefulMessage.css

@@ -0,0 +1,25 @@
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message {
+  margin: 0 0 1rem;
+  padding: 0.5rem 0.85rem;
+  border-radius: 0.25rem;
+  white-space: pre-line;
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_hidden {
+  visibility: hidden;
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_success {
+  background: var(--color-success-bg);
+  color: var(--color-success-text);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_info {
+  background: var(--bg-tint);
+  color: var(--color-accent-deep);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_warning {
+  background: var(--color-warning-bg);
+  color: var(--color-warning-text);
+}
+.T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_error, .T\0023-components-library-__StatefulMessage-StatefulMessage_message.T\0023-components-library-__StatefulMessage-StatefulMessage_exception {
+  background: var(--color-danger-bg);
+  color: var(--color-danger);
+}

package/dist/componentCss/tungsten.css

@@ -0,0 +1,2 @@
+@import "i/T-components-library-RichTextEditor-RichTextEditor.css";
+@import "i/T-components-library-__StatefulMessage-StatefulMessage.css";

package/dist/componentProxyHandlers.d.ts

@@ -9,12 +9,13 @@ export declare const getStateProxyHandler: <State extends object>(element: State
     deleteProperty: (obj: State, key: string | symbol) => boolean;
     has(obj: State, key: string | symbol): boolean;
 };
-export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
+declare const makeStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
     get: (obj: O, key: string | symbol) => unknown;
     set: (obj: O, key: string | symbol, value: unknown) => boolean;
     deleteProperty: (obj: O, key: string | symbol) => boolean;
     has(obj: O, key: string | symbol): boolean;
 };
+export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => ReturnType<typeof makeStateObjectProxyHandler<O>>;
 export declare const getStateArrayProxyHandler: (element: StatefulComponentAny) => {
     get: (arr: unknown[], key: string | symbol) => any;
     set: (arr: unknown[], key: string | symbol, value: unknown) => boolean;

package/dist/componentProxyHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAM/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,0BAA0B,CAAC,KAAK,CAAC;eAC5B,KAAK,OAAO,MAAM,GAAG,MAAM;eAQ3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAOxC,KAAK,OAAO,MAAM,GAAG,MAAM;CAItC,CAAA;AAGF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB;eAC3E,CAAC,OAAO,MAAM,GAAG,MAAM;eAQvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAkC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAOpC,CAAC,OAAO,MAAM,GAAG,MAAM;CAIlC,CAAA;AAGF,eAAO,MAAM,yBAAyB,GAAI,SAAS,oBAAoB;eA8BpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eA7B5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aAgEpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAIpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAU1D,CAAA;AAID,eAAO,MAAM,uBAAuB,GAAI,SAAS,oBAAoB;eACtD,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA+C7C,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAItD,CAAA;AAIF,eAAO,MAAM,uBAAuB,GAAI,SAAS,oBAAoB;eACtD,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA0CpC,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAI7C,CAAA;AAgCF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC3F,IAAI,CAiCN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC1F,IAAI,CAkCN"}
+{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAO/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,0BAA0B,CAAC,KAAK,CAAC;eAC5B,KAAK,OAAO,MAAM,GAAG,MAAM;eAQ3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAoChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAQxC,KAAK,OAAO,MAAM,GAAG,MAAM;CAItC,CAAA;AAGF,QAAA,MAAM,2BAA2B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB;eACrE,CAAC,OAAO,MAAM,GAAG,MAAM;eAQvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAQpC,CAAC,OAAO,MAAM,GAAG,MAAM;CAIlC,CAAA;AAuBF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB,KACzC,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAA;AAwFlG,eAAO,MAAM,yBAAyB,YArGyC,oBAAoB;eA+ChF,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eA9B5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aAkEpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAIpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAcoB,CAAA;AA4D/E,eAAO,MAAM,uBAAuB,YAjK2C,oBAAoB;eAyGpF,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aAiD7C,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAOmB,CAAA;AAsD3E,eAAO,MAAM,uBAAuB,YAvN2C,oBAAoB;eAqKpF,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA4CpC,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAM4B,CAAA;AAgC3E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC3F,IAAI,CAiCN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC1F,IAAI,CAkCN"}