tungsten 0.2.5 → 0.2.7

package/dist/babelPlugins/BabelTransformPackageImports.d.ts

@@ -53,6 +53,7 @@ type Opts = {
     codeDir: string;
     buildLocation: string;
     buildCodeLocation: string;
+    packagesCacheLocation: string;
     oldDependencyGraph: DependencyGraph;
     dependencyGraph: DependencyGraph;
     importAliases: {

package/dist/babelPlugins/BabelTransformPackageImports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BabelTransformPackageImports.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/BabelTransformPackageImports.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BabelTransformPackageImports.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/BabelTransformPackageImports.ts"],"names":[],"mappings":"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"}

package/dist/babelPlugins/BabelTransformPackageImports.js

@@ -21,7 +21,7 @@ lexerInit();
 import { MakeBabelTransformCjsToFunction } from "./BabelTransformCjsToFunction.js";
 import { MakeBabelTransformDependencyImportsEsm } from "./transformPackageImports/BabelTransformDependencyImportsEsm.js";
 import { MakeBabelTransformDependencyImportsCjs } from "./transformPackageImports/BabelTransformDependencyImportsCjs.js";
-import { frameworkDistFolder, packageName as frameworkPackageName, packageName, packagesCacheFolder, packagesFolder /*, packagesCacheInfoName*/ } from "../settings.js";
+import { frameworkDistFolder, packageName as frameworkPackageName, packageName, packagesFolder /*, packagesCacheInfoName*/ } from "../settings.js";
 import { findProjectDir } from "../findProjectDir.js";
 import { cliError, cliWarn, cliNote, cliInfo, cliNews } from "../cliOutput.js";
 import { isBareImport } from "./isBareImport.js";
@@ -45,7 +45,7 @@ export function MakeBabelTransformPackageImports(opts) {
   const buildLocation = opts.buildLocation;
   const packagesLocation = join(buildLocation, packagesFolder);
   // get info about the packages cache
-  const packagesCacheLocation = join(opts.projectDir, packagesCacheFolder);
+  const packagesCacheLocation = opts.packagesCacheLocation;
   const packages = {};
   const nonEsmPackages = {};
   function applyImportAliases(location, fileType) {

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compile.d.ts.map

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

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

package/dist/bin/commands/compile.js

@@ -0,0 +1,165 @@
+import { dirname, join, resolve } from 'path';
+import { promises as fsPromises } from 'fs';
+import rmfr from 'rmfr';
+import { compileJavascript } from "../../build/compileJavascript.js";
+import { compileStyles } from "../../build/compileStyles.js";
+import { copyAssets } from "../../build/copyAssets.js";
+import { copyPublicFiles } from "../../build/copyPublicFiles.js";
+import { createClientFiles } from "../../build/createClientFiles.js";
+import { createInstanceConfigFile } from "../../build/createInstanceConfigFile.js";
+import { getUserConfig } from "../../getUserConfig.js";
+import { buildCodeSubPath, assetsFolder, clientFolder, componentCssFolder, devBuildOuterFolder, packagesCacheFolder, packagesFolder, publicFolder, staticFolder } from "../../settings.js";
+import { cliError, cliNews, cliOut } from "../../cliOutput.js";
+const targetOptions = {
+  '--js': 'js',
+  '--css': 'css',
+  '--client': 'client',
+  '--assets': 'assets',
+  '--public': 'public'
+};
+const args = process.argv.slice(3);
+function optionValue(option) {
+  const position = args.indexOf(option);
+  if (position === -1) return undefined;
+  const value = args[position + 1];
+  if (value === undefined || value.startsWith('--')) {
+    cliError(`${option} requires a path`);
+    process.exit(1);
+  }
+  return value;
+}
+if (args.includes('--help') || args.includes('-h')) {
+  cliOut('Usage: tungsten compile [targets] [--all] [--watch] [--no-clean] [--output <dir>]');
+  cliOut('Targets: --js, --css, --client, --assets, --public');
+  cliOut('With no target options, all targets are compiled.');
+  cliOut('Options: --output <dir>, --ready-file <file>, --quiet');
+  process.exit(0);
+}
+const commandOptions = new Set(['--all', '--watch', '--no-clean', '--quiet']);
+const valueOptions = new Set(['--output', '--ready-file']);
+const optionValues = new Set();
+for (const option of valueOptions) {
+  const position = args.indexOf(option);
+  if (position !== -1 && args[position + 1] !== undefined) optionValues.add(args[position + 1]);
+}
+const unknownOptions = args.filter(arg => !(arg in targetOptions) && !commandOptions.has(arg) && !valueOptions.has(arg) && !optionValues.has(arg));
+if (unknownOptions.length > 0) {
+  cliError(`Unknown compile option${unknownOptions.length === 1 ? '' : 's'}: ${unknownOptions.join(', ')}`);
+  cliOut('Usage: tungsten compile [targets] [--all] [--watch] [--no-clean] [--output <dir>]');
+  process.exit(1);
+}
+const outputOption = optionValue('--output');
+const readyFileOption = optionValue('--ready-file');
+const requestedTargets = new Set();
+for (const arg of args) {
+  const target = targetOptions[arg];
+  if (target !== undefined) requestedTargets.add(target);
+}
+const targets = requestedTargets.size === 0 || args.includes('--all') ? new Set(['js', 'css', 'client', 'assets', 'public']) : requestedTargets;
+const watch = args.includes('--watch');
+const clean = !args.includes('--no-clean');
+const quiet = args.includes('--quiet');
+const projectDir = process.cwd();
+const config = await getUserConfig();
+const codeLocation = join(projectDir, config.codeDir);
+const relSourceDir = config.sourceDir !== undefined && config.sourceDir !== '' ? config.sourceDir : config.codeDir;
+const sourceLocation = join(projectDir, relSourceDir);
+const styleImportBase = config.styleImportBase !== undefined ? join(sourceLocation, config.styleImportBase) : sourceLocation;
+const buildLocation = outputOption !== undefined ? resolve(projectDir, outputOption) : join(projectDir, devBuildOuterFolder);
+const buildCodeLocation = join(buildLocation, buildCodeSubPath);
+const packagesCacheLocation = outputOption !== undefined ? join(buildLocation, '.packagesCache') : join(projectDir, packagesCacheFolder);
+const readyFileLocation = readyFileOption !== undefined ? resolve(projectDir, readyFileOption) : undefined;
+if (buildLocation.toLowerCase() === resolve(projectDir).toLowerCase()) {
+  cliError('Compile output cannot be the project root');
+  process.exit(1);
+}
+async function clearReadyFile() {
+  if (readyFileLocation !== undefined) await rmfr(readyFileLocation);
+}
+async function markReady() {
+  if (readyFileLocation === undefined) return;
+  await fsPromises.mkdir(dirname(readyFileLocation), {
+    recursive: true
+  });
+  const temporaryLocation = `${readyFileLocation}.${process.pid}.tmp`;
+  await fsPromises.writeFile(temporaryLocation, JSON.stringify({
+    ready: true,
+    output: buildLocation,
+    targets: [...targets],
+    updatedAt: new Date().toISOString()
+  }));
+  await rmfr(readyFileLocation);
+  await fsPromises.rename(temporaryLocation, readyFileLocation);
+}
+await clearReadyFile();
+const cleanTasks = [];
+if (clean && targets.has('js')) {
+  cleanTasks.push(rmfr(buildCodeLocation), rmfr(join(buildLocation, componentCssFolder)), rmfr(join(buildLocation, packagesFolder)), rmfr(packagesCacheLocation));
+}
+if (clean && targets.has('css')) {
+  cleanTasks.push(rmfr(join(buildLocation, staticFolder)));
+}
+if (clean && targets.has('client')) {
+  cleanTasks.push(rmfr(join(buildLocation, clientFolder)), rmfr(join(buildLocation, '.tungsten.config.js')));
+}
+if (clean) {
+  if (targets.has('assets')) cleanTasks.push(rmfr(join(buildLocation, assetsFolder)));
+  if (targets.has('public')) cleanTasks.push(rmfr(join(buildLocation, publicFolder)));
+  cliOut(`Cleaning compile output: ${[...targets].join(', ')}`);
+  await Promise.all(cleanTasks);
+}
+const compilationTasks = [];
+let javascriptInitialSuccess = true;
+if (targets.has('js')) {
+  const javascriptTask = compileJavascript(projectDir, config, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, 'dev', watch, {
+    quiet,
+    packagesCacheLocation,
+    onCycleComplete: watch ? async cycle => {
+      if (cycle.success) {
+        await markReady();
+        cliNews(`Compile cycle complete: js${cycle.file ? ` (${cycle.file})` : ''}`);
+      } else {
+        await clearReadyFile();
+        cliError(`Compile cycle failed: js${cycle.file ? ` (${cycle.file})` : ''}`);
+      }
+    } : undefined
+  });
+  compilationTasks.push(javascriptTask.then(result => {
+    javascriptInitialSuccess = result.initialSuccess;
+    return result;
+  }));
+}
+if (targets.has('css')) {
+  compilationTasks.push(compileStyles(projectDir, config, styleImportBase, buildLocation, watch));
+}
+if (targets.has('client')) {
+  compilationTasks.push(createInstanceConfigFile(config, 'dev', buildLocation));
+  compilationTasks.push(createClientFiles(config, 'dev', buildLocation));
+}
+if (targets.has('assets')) {
+  const assetsTask = copyAssets(projectDir, config, buildLocation, watch);
+  if (assetsTask !== undefined) compilationTasks.push(assetsTask);
+}
+if (targets.has('public')) {
+  compilationTasks.push(copyPublicFiles(projectDir, config, buildLocation, watch));
+}
+const compilationResults = await Promise.allSettled(compilationTasks);
+const failures = compilationResults.filter(result => result.status === 'rejected').map(result => result.reason);
+const initialSuccess = failures.length === 0 && javascriptInitialSuccess;
+if (initialSuccess) {
+  await markReady();
+  cliNews(`Compile complete: ${[...targets].join(', ')}`);
+} else {
+  await clearReadyFile();
+  cliError(`Compile failed: ${[...targets].join(', ')}`);
+}
+if (!watch && !initialSuccess) {
+  throw new AggregateError(failures, 'Compilation failed');
+}
+if (watch && (targets.has('js') || targets.has('css') || targets.has('assets') || targets.has('public'))) {
+  cliNews(initialSuccess ? 'Watching for changes' : 'Watching for changes; waiting for a successful cycle');
+} else {
+  // The underlying development compilers watch after their initial pass.
+  // End them when this command is being used for one-shot test preparation.
+  process.exit(0);
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compile.sxyt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compile.sxyt.d.ts","sourceRoot":"","sources":["../../../src/bin/commands/compile.sxyt.ts"],"names":[],"mappings":""}

package/dist/bin/commands/compile.sxyt.js

@@ -0,0 +1,61 @@
+import { execFile } from 'child_process';
+import { mkdtemp, readFile, rm, writeFile } from 'fs/promises';
+import { tmpdir } from 'os';
+import { join } from 'path';
+import { promisify } from 'util';
+import { expect } from 'chai';
+import { describe } from 'sxy-test-runner';
+import { findProjectDir } from "../../findProjectDir.js";
+const execFileAsync = promisify(execFile);
+describe('tungsten compile', ({
+  it
+}) => {
+  it('exits non-zero and does not report completion when Babel cannot transform a file', async () => {
+    const projectDir = await mkdtemp(join(tmpdir(), 'tungsten-compile-test-'));
+    const cliLocation = join(findProjectDir(import.meta.url), 'dist', 'bin', 'index.js');
+    try {
+      await writeFile(join(projectDir, 'package.json'), '{"type":"module"}');
+      await writeFile(join(projectDir, 'broken.jsx'), 'export const broken = <div>');
+      let error;
+      try {
+        await execFileAsync(process.execPath, [cliLocation, 'compile', '--js', '--quiet'], {
+          cwd: projectDir
+        });
+      } catch (caught) {
+        error = caught;
+      }
+      expect(error).not.to.equal(undefined);
+      expect(error?.code).not.to.equal(0);
+      expect(error?.stdout ?? '').not.to.contain('Compile complete');
+    } finally {
+      await rm(projectDir, {
+        recursive: true,
+        force: true
+      });
+    }
+  });
+  it('writes all JavaScript and readiness output beneath the selected locations', async () => {
+    const projectDir = await mkdtemp(join(tmpdir(), 'tungsten-compile-output-test-'));
+    const cliLocation = join(findProjectDir(import.meta.url), 'dist', 'bin', 'index.js');
+    try {
+      await writeFile(join(projectDir, 'package.json'), '{"type":"module"}');
+      await writeFile(join(projectDir, 'entry.jsx'), 'export const element = <div />');
+      const {
+        stdout
+      } = await execFileAsync(process.execPath, [cliLocation, 'compile', '--js', '--output', '.tungsten/test', '--ready-file', '.tungsten/test.ready', '--quiet'], {
+        cwd: projectDir
+      });
+      const compiled = await readFile(join(projectDir, '.tungsten/test/code/entry.js'), 'utf8');
+      const ready = JSON.parse(await readFile(join(projectDir, '.tungsten/test.ready'), 'utf8'));
+      expect(stdout).to.contain('Compile complete');
+      expect(compiled).to.contain('export const element');
+      expect(ready.ready).to.equal(true);
+      expect(ready.output).to.equal(join(projectDir, '.tungsten/test'));
+    } finally {
+      await rm(projectDir, {
+        recursive: true,
+        force: true
+      });
+    }
+  });
+});

package/dist/bin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bin/index.ts"],"names":[],"mappings":"AA8CA,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bin/index.ts"],"names":[],"mappings":"AAmDA,OAAO,EAAE,CAAA"}

package/dist/bin/index.js

@@ -34,6 +34,12 @@ switch (command) {
       await import("./commands/clean.js");
       break;
     }
+  case 'compile':
+    {
+      process.env.__TUNGSTEN_ENV = 'development';
+      await import("./commands/compile.js");
+      break;
+    }
   case 'compile-simple-package':
     {
       await import("./commands/compileSimplePackage.js");

package/dist/build/babel.user.common.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"babel.user.common.config.d.ts","sourceRoot":"","sources":["../../src/build/babel.user.common.config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAcnD,QAAA,MAAM,gBAAgB,EAAE,gBA2BvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"babel.user.common.config.d.ts","sourceRoot":"","sources":["../../src/build/babel.user.common.config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAcnD,QAAA,MAAM,gBAAgB,EAAE,gBA6BvB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/build/babel.user.common.config.js

@@ -20,6 +20,8 @@ const userCommonConfig = {
   // }],
   ],
   plugins: [[babelPluginSxyModuleResolve, {
+    // This alias is resolved after Tungsten rewrites package imports.
+    "loglevel": "silent",
     "alias": {
       "tungsten/jsx-runtime": "tungsten/jsxRuntime.js" // fix the import location created by @babel/preset-react
     }

package/dist/build/compileJavascript.d.ts

@@ -3,10 +3,20 @@ import type { FrameworkConfigComplete } from '../FrameworkConfig.js';
 import type { ImportAliases } from './ImportAliases.js';
 import type { Mode } from '../Mode.js';
 type CompileJavascriptResult = {
-    watcher: chokidar.FSWatcher;
+    watcher: chokidar.FSWatcher | null;
     copyWatcher: chokidar.FSWatcher | null;
     importAliases: ImportAliases;
+    initialSuccess: boolean;
 };
-export declare function compileJavascript(projectDir: string, appConfig: FrameworkConfigComplete, codeLocation: string, sourceLocation: string, styleImportBase: string, buildLocation: string, buildCodeLocation: string, mode: Mode): Promise<CompileJavascriptResult>;
+export type JavascriptCompilationCycle = {
+    success: boolean;
+    file?: string;
+};
+export type CompileJavascriptOptions = {
+    quiet?: boolean;
+    packagesCacheLocation?: string;
+    onCycleComplete?: ((cycle: JavascriptCompilationCycle) => void | Promise<void>) | undefined;
+};
+export declare function compileJavascript(projectDir: string, appConfig: FrameworkConfigComplete, codeLocation: string, sourceLocation: string, styleImportBase: string, buildLocation: string, buildCodeLocation: string, mode: Mode, watch?: boolean, options?: CompileJavascriptOptions): Promise<CompileJavascriptResult>;
 export {};
 //# sourceMappingURL=compileJavascript.d.ts.map

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,CAAA;IAC3B,WAAW,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IACtC,aAAa,EAAE,aAAa,CAAA;CAC/B,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,GAC7D,OAAO,CAAC,uBAAuB,CAAC,CAmOlC"}
+{"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,CAwSlC"}

package/dist/build/compileJavascript.js

@@ -13,23 +13,23 @@ import { TungstenError } from "../TungstenError.js";
 import { getFrameworkDir } from "../getFrameworkDir.js";
 ///// needs work to work in prod mode
 ///// see babel config
-export async function compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode) {
+export async function compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode, watch = true, options = {}) {
   cliOut(`Compiling app code`);
-  let dependencyGraphDir;
-  let dependencyGraphLocation;
-  let oldDependencyGraph;
-  let dependencyGraph;
-  let importAliases;
-  let promises;
+  let dependencyGraphDir = '';
+  let dependencyGraphLocation = '';
+  let oldDependencyGraph = {};
+  let dependencyGraph = {};
+  let importAliases = {};
+  let promises = [];
   let config;
   if (mode === 'dev') {
-    dependencyGraphDir = join(projectDir, packagesCacheFolder);
+    dependencyGraphDir = options.packagesCacheLocation ?? join(projectDir, packagesCacheFolder);
     dependencyGraphLocation = join(dependencyGraphDir, '.dependency-graph.js');
     oldDependencyGraph = {};
     dependencyGraph = {};
     importAliases = {};
     promises = [];
-    config = makeBabelUserDevConfig(projectDir, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, oldDependencyGraph, dependencyGraph, importAliases, promises);
+    config = makeBabelUserDevConfig(projectDir, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, dependencyGraphDir, oldDependencyGraph, dependencyGraph, importAliases, promises);
   } else {
     config = makeBabelUserProdConfig(projectDir, codeLocation, sourceLocation, styleImportBase);
   }
@@ -37,8 +37,9 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
   // compile with the API
   const codeLocationLength = codeLocation.length + 1;
   const transformPromises = [];
+  const failedFiles = new Set();
   async function transformFile(file) {
-    console.log('transforming file', file);
+    if (!options.quiet) console.log('transforming file', file);
     try {
       let rel = file.slice(codeLocationLength);
       if (rel.endsWith('.jsx')) rel = rel.slice(0, -1);
@@ -57,11 +58,25 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
       //// Using the sync version here, because the promise version keeps bugging out - node bug?
       //await fsPromises.writeFile(dest, code)
       fs.writeFileSync(dest, code);
+      failedFiles.delete(file);
     } catch (e) {
+      failedFiles.add(file);
       cliError(`Tungsten: Error transforming project file ${file}`);
       cliLog(e);
-      //throw new TungstenError(`compileJavascript() error: error when compiling application file ${e}`)
+      throw e;
+    }
+  }
+  async function deleteTransformedFile(file) {
+    let rel = file.slice(codeLocationLength);
+    if (rel.endsWith('.jsx')) rel = rel.slice(0, -1);
+    const dest = join(buildCodeLocation, rel);
+    try {
+      await fsPromises.unlink(dest);
+    } catch (error) {
+      const fileError = error;
+      if (fileError.code !== 'ENOENT') throw error;
     }
+    failedFiles.delete(file);
   }
   async function copyFile(file) {
     try {
@@ -94,6 +109,7 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
   // get a list of files
   const watchGlob = slash(`${codeLocation}/**/*.js{,x}`);
   const ignored = [];
+  ignored.push(slash(`${buildLocation}/**`));
   if (appConfig.ignoreDirs) {
     ignored.push(...appConfig.ignoreDirs.map(folder => slash(`${codeLocation}/${folder}/**`)));
   }
@@ -118,18 +134,71 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
   paths.forEach(file => {
     transformPromises.push(transformFile(file));
   });
-  await Promise.all(transformPromises);
+  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;
+    const deferredResults = await Promise.allSettled(currentPromises);
+    return deferredResults.filter(result => result.status === 'rejected').map(result => result.reason);
+  };
+  const initialFailures = [...transformFailures, ...(await settleDeferredWork())];
+  const initialSuccess = initialFailures.length === 0 && failedFiles.size === 0;
+  function writeDependencyGraph() {
+    if (mode !== 'dev') return;
+    if (!fs.existsSync(dependencyGraphDir)) {
+      fs.mkdirSync(dependencyGraphDir, {
+        recursive: true
+      });
+    }
+    fs.writeFileSync(dependencyGraphLocation, `export const graph = ${serializeJavascript(dependencyGraph)}`);
+  }
+  if (!watch) {
+    if (!initialSuccess) {
+      throw new AggregateError(initialFailures, 'One or more JavaScript files could not be compiled');
+    }
+    if (mode === 'dev') {
+      writeDependencyGraph();
+    }
+    return {
+      watcher: null,
+      copyWatcher: null,
+      importAliases,
+      initialSuccess
+    };
+  }
   const watcher = chokidar.watch(watchGlob, {
-    ignored
+    ignored,
+    ignoreInitial: true
     //useFsEvents: false
   });
-  watcher.on('all', async (event, file) => {
+  let watchCycle = Promise.resolve();
+  watcher.on('all', (event, file) => {
     file = slash(file);
-    if (event === 'add') {
-      transformFile(file);
-    }
-    if (event === 'change') {
-      transformFile(file);
+    if (event === 'add' || event === 'change' || event === 'unlink') {
+      watchCycle = watchCycle.then(async () => {
+        let success = false;
+        try {
+          if (event === 'unlink') {
+            await deleteTransformedFile(file);
+          } else {
+            await transformFile(file);
+          }
+          const failures = await settleDeferredWork();
+          success = failures.length === 0 && failedFiles.size === 0;
+          if (success) writeDependencyGraph();
+        } catch {
+          success = false;
+        }
+        await options.onCycleComplete?.({
+          success,
+          file
+        });
+      }).catch(error => {
+        cliError('Tungsten: Error completing JavaScript watch cycle');
+        cliLog(error);
+      });
     }
   });
   let copyWatcher = null;
@@ -155,21 +224,14 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
     if (copyWatcher) awaiting.set(copyWatcher, true);
     watcher.on('ready', async () => {
       //cliNews('App Built')
-      if (mode === 'dev') {
-        await Promise.all(promises);
-        if (!fs.existsSync(dependencyGraphDir)) {
-          fs.mkdirSync(dependencyGraphDir, {
-            recursive: true
-          });
-        }
-        fs.writeFileSync(dependencyGraphLocation, `export const graph = ${serializeJavascript(dependencyGraph)}`);
-      }
+      if (initialSuccess) writeDependencyGraph();
       awaiting.delete(watcher);
       if (awaiting.size === 0) {
         resolve({
           watcher,
           copyWatcher,
-          importAliases
+          importAliases,
+          initialSuccess
         });
       }
     });
@@ -181,7 +243,8 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
           resolve({
             watcher,
             copyWatcher,
-            importAliases
+            importAliases,
+            initialSuccess
           });
         }
       });

package/dist/build/compileStyles.d.ts

@@ -1,3 +1,3 @@
 import type { FrameworkConfigComplete } from '../FrameworkConfig.js';
-export declare function compileStyles(projectDir: string, config: FrameworkConfigComplete, styleImportBase: string, buildLocation: string): Promise<unknown>;
+export declare function compileStyles(projectDir: string, config: FrameworkConfigComplete, styleImportBase: string, buildLocation: string, watch?: boolean): Promise<unknown>;
 //# sourceMappingURL=compileStyles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"compileStyles.d.ts","sourceRoot":"","sources":["../../src/build/compileStyles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiOpE,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,oBA+EhI"}
+{"version":3,"file":"compileStyles.d.ts","sourceRoot":"","sources":["../../src/build/compileStyles.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiOpE,wBAAsB,aAAa,CAC/B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,uBAAuB,EAC/B,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,MAAM,EACrB,KAAK,UAAO,oBA8Ff"}

package/dist/build/compileStyles.js

@@ -3,6 +3,7 @@ import chokidar from 'chokidar';
 import { join, dirname, resolve } from 'path';
 import { promises as fsPromises, utimesSync } from 'fs';
 import * as sass from 'sass';
+import { globby } from 'globby';
 import { staticFolder } from "../settings.js";
 import { cliError, cliOut } from "../cliOutput.js"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { throwError } from "../throwError.js";
@@ -186,7 +187,7 @@ async function processAndCopyFile(sourceLocation, targetLocation, filePathFull,
   }
   cssFiles[targetRelFile] = relFile;
 }
-export function compileStyles(projectDir, config, styleImportBase, buildLocation) {
+export async function compileStyles(projectDir, config, styleImportBase, buildLocation, watch = true) {
   cliOut(`Compiling app stylesheets`);
   // we need to create and maintain a dependency tree for correct updating
   // we are going to save the dependencies of each file
@@ -217,6 +218,11 @@ export function compileStyles(projectDir, config, styleImportBase, buildLocation
   const watchGlob = sourceLocation + '/**/*.{css,scss,sass,less}';
   const ignoreGlob = buildLocation + '/**/*';
   debug('Styles watchGlob', watchGlob);
+  if (!watch) {
+    const files = await globby(slash(watchGlob));
+    await Promise.all(files.map(file => processAndCopyFile(sourceLocation, staticLocation, slash(file), styleImportBase, cssFiles, cssDependencies, cssdependers)));
+    return null;
+  }
   const watcher = chokidar.watch(watchGlob, {
     ignored: ignoreGlob
     //ignoreInitial: true

package/dist/build/copyAssets.d.ts

@@ -1,3 +1,3 @@
 import type { FrameworkConfigComplete } from '../FrameworkConfig.js';
-export declare function copyAssets(projectDir: string, config: FrameworkConfigComplete, buildLocation: string): Promise<unknown> | undefined;
+export declare function copyAssets(projectDir: string, config: FrameworkConfigComplete, buildLocation: string, watch?: boolean): Promise<unknown>;
 //# sourceMappingURL=copyAssets.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"copyAssets.d.ts","sourceRoot":"","sources":["../../src/build/copyAssets.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiBpE,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,gCA+CpG"}
+{"version":3,"file":"copyAssets.d.ts","sourceRoot":"","sources":["../../src/build/copyAssets.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiBpE,wBAAsB,UAAU,CAC5B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,uBAAuB,EAC/B,aAAa,EAAE,MAAM,EACrB,KAAK,UAAO,oBA2Df"}

package/dist/build/copyAssets.js

@@ -2,6 +2,7 @@ import slash from 'slash';
 import chokidar from 'chokidar';
 import { join, dirname } from 'path';
 import { promises as fsPromises } from 'fs';
+import { globby } from 'globby';
 import { cliOut } from "../cliOutput.js";
 async function copyFile(assetsLocation, targetLocation, filePathFull, event) {
   const relFile = filePathFull.slice(assetsLocation.length + 1);
@@ -13,7 +14,7 @@ async function copyFile(assetsLocation, targetLocation, filePathFull, event) {
   });
   return fsPromises.copyFile(filePathFull, target);
 }
-export function copyAssets(projectDir, config, buildLocation) {
+export async function copyAssets(projectDir, config, buildLocation, watch = true) {
   if (config.assetsDir !== undefined) {
     cliOut(`Copying assets`);
     const assetsLocation = join(projectDir, config.assetsDir);
@@ -21,6 +22,11 @@ export function copyAssets(projectDir, config, buildLocation) {
     //console.log('copy assets from', assetsLocation, 'to', targetLocation)
     const watchGlob = assetsLocation + '/**/*';
     //const ignoreGlob = buildLocation + '/**/*'
+    if (!watch) {
+      const files = await globby(slash(watchGlob));
+      await Promise.all(files.map(file => copyFile(assetsLocation, targetLocation, slash(file), 'add')));
+      return null;
+    }
     const watcher = chokidar.watch(watchGlob, {
       //ignored: ignoreGlob,
       //ignoreInitial: true

package/dist/build/copyPublicFiles.d.ts

@@ -1,3 +1,3 @@
 import type { FrameworkConfigComplete } from '../FrameworkConfig.js';
-export declare function copyPublicFiles(projectDir: string, config: FrameworkConfigComplete, buildLocation: string): Promise<unknown>;
+export declare function copyPublicFiles(projectDir: string, config: FrameworkConfigComplete, buildLocation: string, watch?: boolean): Promise<unknown>;
 //# sourceMappingURL=copyPublicFiles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"copyPublicFiles.d.ts","sourceRoot":"","sources":["../../src/build/copyPublicFiles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiBpE,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,oBAgDzG"}
+{"version":3,"file":"copyPublicFiles.d.ts","sourceRoot":"","sources":["../../src/build/copyPublicFiles.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAiBpE,wBAAsB,eAAe,CACjC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,uBAAuB,EAC/B,aAAa,EAAE,MAAM,EACrB,KAAK,UAAO,oBA4Df"}

package/dist/build/copyPublicFiles.js

@@ -2,6 +2,7 @@ import slash from 'slash';
 import chokidar from 'chokidar';
 import { join, dirname } from 'path';
 import { promises as fsPromises } from 'fs';
+import { globby } from 'globby';
 import { cliOut } from "../cliOutput.js";
 async function copyFile(assetsLocation, targetLocation, filePathFull, event) {
   const relFile = filePathFull.slice(assetsLocation.length + 1);
@@ -13,7 +14,7 @@ async function copyFile(assetsLocation, targetLocation, filePathFull, event) {
   });
   return fsPromises.copyFile(filePathFull, target);
 }
-export function copyPublicFiles(projectDir, config, buildLocation) {
+export async function copyPublicFiles(projectDir, config, buildLocation, watch = true) {
   //if ( config.publicDir !== undefined ) {
   cliOut(`Copying public files`);
   const publicLocation = config.publicDir !== undefined ? join(projectDir, config.publicDir) : join(projectDir, 'public');
@@ -22,6 +23,11 @@ export function copyPublicFiles(projectDir, config, buildLocation) {
   //console.log('copy assets from', publicLocation, 'to', targetLocation)
   const watchGlob = publicLocation + '/**/*';
   //const ignoreGlob = buildLocation + '/**/*'
+  if (!watch) {
+    const files = await globby(slash(watchGlob));
+    await Promise.all(files.map(file => copyFile(publicLocation, targetLocation, slash(file), 'add')));
+    return null;
+  }
   const watcher = chokidar.watch(watchGlob, {
     //ignored: ignoreGlob,
     //ignoreInitial: true

package/dist/build/createClientFiles.d.ts

@@ -1,4 +1,4 @@
 import type { Mode } from '../Mode.js';
 import { FrameworkConfigComplete } from '../FrameworkConfig.js';
-export declare function createClientFiles(config: FrameworkConfigComplete, mode: Mode): Promise<void>;
+export declare function createClientFiles(config: FrameworkConfigComplete, mode: Mode, buildLocation?: string): Promise<void>;
 //# sourceMappingURL=createClientFiles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createClientFiles.d.ts","sourceRoot":"","sources":["../../src/build/createClientFiles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAG/D,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,IAAI,iBA8ElF"}
+{"version":3,"file":"createClientFiles.d.ts","sourceRoot":"","sources":["../../src/build/createClientFiles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAOtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAG/D,wBAAsB,iBAAiB,CACnC,MAAM,EAAE,uBAAuB,EAC/B,IAAI,EAAE,IAAI,EACV,aAAa,CAAC,EAAE,MAAM,iBAgFzB"}

package/dist/build/createClientFiles.js

@@ -3,9 +3,9 @@ import { join } from 'path';
 import { buildCodeSubPath, devBuildOuterFolder, prodBuildFolder, clientFolder, frameworkDistFolder, frameworkClientFolder } from "../settings.js";
 import { fixExtension } from "../fixExtension.js";
 import { findProjectDir } from "../findProjectDir.js";
-export async function createClientFiles(config, mode) {
+export async function createClientFiles(config, mode, buildLocation) {
   //console.log('creating entry file')
-  const specificBuildFolder = mode === 'dev' ? devBuildOuterFolder : prodBuildFolder;
+  const specificBuildFolder = buildLocation ?? join(process.cwd(), mode === 'dev' ? devBuildOuterFolder : prodBuildFolder);
   const codeSubPath = `${buildCodeSubPath}/`;
   const frameworkDir = findProjectDir(import.meta.url);
   const routesLocation = config.routesLocation;
@@ -13,20 +13,20 @@ export async function createClientFiles(config, mode) {
   const [routeFilePath, routesExportName] = routesLocation;
   const promises = [
   // ensure the folder exists
-  fsPromises.mkdir(join(process.cwd(), specificBuildFolder, `${clientFolder}`), {
+  fsPromises.mkdir(join(specificBuildFolder, `${clientFolder}`), {
     recursive: true
   }),
   // client.js file
   fsPromises.copyFile(join(frameworkDir, frameworkDistFolder, frameworkClientFolder, 'client.js'),
   // from
-  join(process.cwd(), specificBuildFolder, `${clientFolder}/client.js`)),
+  join(specificBuildFolder, `${clientFolder}/client.js`)),
   // cjsHelpers.js file
   fsPromises.copyFile(join(frameworkDir, frameworkDistFolder, frameworkClientFolder, 'cjsHelpers.js'),
   // from
-  join(process.cwd(), specificBuildFolder, `${clientFolder}/cjsHelpers.js`)),
+  join(specificBuildFolder, `${clientFolder}/cjsHelpers.js`)),
   // app routes stuff
-  fsPromises.writeFile(join(process.cwd(), specificBuildFolder, clientFolder, 'routes.js'), `export { ${routesExportName} as routes } from '../${codeSubPath}${fixExtension(routeFilePath)}'`)];
-  const clientRootComponentFileLocation = join(process.cwd(), specificBuildFolder, clientFolder, 'RootComponent.js');
+  fsPromises.writeFile(join(specificBuildFolder, clientFolder, 'routes.js'), `export { ${routesExportName} as routes } from '../${codeSubPath}${fixExtension(routeFilePath)}'`)];
+  const clientRootComponentFileLocation = join(specificBuildFolder, clientFolder, 'RootComponent.js');
   if (config.useRootComponent) {
     const rootComponentRelFilePath = config.rootComponent;
     const rcFile = rootComponentRelFilePath.split('/').pop();

package/dist/build/createInstanceConfigFile.d.ts

@@ -1,4 +1,4 @@
 import type { Mode } from '../Mode.js';
 import { FrameworkConfigComplete } from '../FrameworkConfig.js';
-export declare function createInstanceConfigFile(config: FrameworkConfigComplete, mode: Mode): Promise<void>;
+export declare function createInstanceConfigFile(config: FrameworkConfigComplete, mode: Mode, buildLocation?: string): Promise<void>;
 //# sourceMappingURL=createInstanceConfigFile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createInstanceConfigFile.d.ts","sourceRoot":"","sources":["../../src/build/createInstanceConfigFile.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAI/D,wBAAsB,wBAAwB,CAAC,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,IAAI,iBA2BzF"}
+{"version":3,"file":"createInstanceConfigFile.d.ts","sourceRoot":"","sources":["../../src/build/createInstanceConfigFile.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAI/D,wBAAsB,wBAAwB,CAC1C,MAAM,EAAE,uBAAuB,EAC/B,IAAI,EAAE,IAAI,EACV,aAAa,CAAC,EAAE,MAAM,iBA6BzB"}

package/dist/build/createInstanceConfigFile.js

@@ -2,10 +2,10 @@ import { promises as fsPromises } from 'fs';
 import { join, dirname } from 'path';
 import { devBuildOuterFolder, prodBuildFolder } from "../settings.js";
 import { TungstenError } from "../TungstenError.js";
-export async function createInstanceConfigFile(config, mode) {
+export async function createInstanceConfigFile(config, mode, buildLocation) {
   //console.log('creating app config')
-  const specificBuildFolder = mode === 'dev' ? devBuildOuterFolder : prodBuildFolder;
-  const appConfigLocation = join(process.cwd(), specificBuildFolder, '.tungsten.config.js');
+  const specificBuildFolder = buildLocation ?? join(process.cwd(), mode === 'dev' ? devBuildOuterFolder : prodBuildFolder);
+  const appConfigLocation = join(specificBuildFolder, '.tungsten.config.js');
   // // ensure the folder exists
   // await fsPromises.mkdir(
   //     join(process.cwd(), specificBuildFolder), 

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, 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, oldDependencyGraph: DependencyGraph, dependencyGraph: DependencyGraph, importAliases: ImportAliases, promises: Promise<any>[]): 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;AAMnH,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,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GACzB,gBAAgB,CA0BlB"}
+{"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;AAMnH,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,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GACzB,gBAAgB,CA2BlB"}

package/dist/build/makeBabelUserDevConfig.js

@@ -6,13 +6,14 @@ import { MakeBabelTransformPackageImports } from "../babelPlugins/BabelTransform
 import { componentCssFolder, componentCssFile } from "../settings.js";
 import userCommonConfig from "./babel.user.common.config.js";
 import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
-export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, oldDependencyGraph, dependencyGraph, importAliases, promises) {
+export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, packagesCacheLocation, oldDependencyGraph, dependencyGraph, importAliases, promises) {
   const userDevConfig = objectCopy(userCommonConfig);
   userDevConfig.plugins.push(MakeBabelTransformPackageImports({
     projectDir: projectDir,
     codeDir: absCodeDir,
     buildLocation,
     buildCodeLocation,
+    packagesCacheLocation,
     oldDependencyGraph,
     dependencyGraph,
     importAliases,

package/dist/hydrate/hydrate.js

@@ -507,15 +507,7 @@ async function hydrateNodeSingle(node, parentElement, domPointer, instance, meta
       renderedChildren = await hydrateNode(children, parentElement, childDomPointer, instance, meta);
     }
     if (node[$type] === 'select' && node[$props].value !== undefined && node[$props].value !== null) {
-      const options = domNode.options;
-      const value = String(node[$props].value);
-      for (let i = options.length - 1; i >= 0; i--) {
-        const option = options[i];
-        if (option.value === value) {
-          option.selected = true;
-          break;
-        }
-      }
+      domNode.value = String(node[$props].value);
     }
     // note that we have left the form
     if (node[$type] === 'form') meta.insideForm = false;
@@ -662,13 +654,6 @@ function hydrateAttributes(node, domNode) {
       domNode[htmlEventHandlerKey(eventName)] = handler;
     }
   }
-  if (node[$type] === 'option') {
-    const option = domNode;
-    const select = option.closest('select');
-    if (select !== null && select.hasAttribute('value') && select.getAttribute('value') === option.value) {
-      option.selected = true;
-    }
-  }
   debug('--');
 }
 // onChange -> add

package/dist/postcssPlugins/parseSelectorsRich.sxyt.js

@@ -53,8 +53,11 @@ describe('parseSelectorsRich()', ({
   const input2 = 'html body';
   it(`parses out two tag selectors from '${input2}'`, () => {
     const selectors = parseSelectorsRich(input2);
-    console.log('selectors', selectors);
-    console.log('expected', [tagSelector('html'), tagSelector('body')]);
+    // console.log('selectors', selectors)
+    // console.log('expected', [
+    //     tagSelector('html'),
+    //     tagSelector('body')
+    // ])
     selectors.should.deep.equal([tagSelector('html'), whitespace(), tagSelector('body')]);
   });
   const input3 = '.foo';

package/dist/update/integrateUpdateVdom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EACH,WAAW,EAAwC,eAAe,EAElE,uBAAuB,EAG1B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAKlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKjD,OAAO,EAKyB,4BAA4B,EAI3D,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAYhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC5C,wBAAwB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,GAAG,CAAA;IACpE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAYD,wBAAsB,0BAA0B,CAC5C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,GAC/C,OAAO,CAAC,YAAY,CAAC,CA0GvB;AA+mBD,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,QAkK7E;AAuWD,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,uBAAuB,CAAC;IAE9B,UAAU,EAAE,UAAU,CAAA;CACzB,CAAA;AACD,wBAAsB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,GAC3G,OAAO,CAAC,4BAA4B,CAAC,CAU1C"}
+{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EACH,WAAW,EAAwC,eAAe,EAElE,uBAAuB,EAG1B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAKlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKjD,OAAO,EAKyB,4BAA4B,EAI3D,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAYhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC5C,wBAAwB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,GAAG,CAAA;IACpE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAYD,wBAAsB,0BAA0B,CAC5C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,GAC/C,OAAO,CAAC,YAAY,CAAC,CA0GvB;AAkmBD,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,QAkK7E;AAwUD,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,uBAAuB,CAAC;IAE9B,UAAU,EAAE,UAAU,CAAA;CACzB,CAAA;AACD,wBAAsB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,GAC3G,OAAO,CAAC,4BAA4B,CAAC,CAU1C"}

package/dist/update/integrateUpdateVdom.js

@@ -410,23 +410,11 @@ async function updateHtmlElement(tungstenElement, instance, newNode, oldNode, do
     domPointer: new DomPointer(domNode, 0),
     parentNode: newNode
   });
-  if (newNode[$type] === 'select') {
-    // if we updated a select element
-    // if the value changed, we need to update the options
-    // alternatively the options might have changed, also requiring 
-    // updates to `selected`
-    // if the options update without the select updating, then they will need to look-back to find the value of the select
-    if (newNode[$props].value !== undefined && newNode[$props].value !== null && String(newNode[$props].value) !== String(oldNode[$props].value)) {
-      const options = domNode.options;
-      const value = String(newNode[$props].value);
-      for (let i = options.length - 1; i >= 0; i--) {
-        const option = options[i];
-        if (option.value === value) {
-          option.selected = true;
-          break;
-        }
-      }
-    }
+  // Reapply the controlled value after reconciling the options. Updating the
+  // option collection can change the browser's selection even when the
+  // virtual select value itself has not changed.
+  if (newNode[$type] === 'select' && newNode[$props].value !== undefined && newNode[$props].value !== null) {
+    domNode.value = String(newNode[$props].value);
   }
   return makeRenderedContentNodeHtml(newNode, domNode, renderedChildren);
 }
@@ -800,22 +788,7 @@ async function createHtmlElement(tungstenElement, instance, node, domPointer, pa
   });
   if (node[$type] === 'select') {
     if (node[$props].value !== undefined && node[$props].value !== null) {
-      const options = htmlEl.options;
-      const value = String(node[$props].value);
-      for (let i = options.length - 1; i >= 0; i--) {
-        const option = options[i];
-        if (option.value === value) {
-          option.selected = true;
-          break;
-        }
-      }
-    }
-  }
-  if (node[$type] === 'option') {
-    const option = htmlEl;
-    const select = option.closest('select');
-    if (select !== null && select.hasAttribute('value') && select.getAttribute('value') === option.value) {
-      option.selected = true;
+      htmlEl.value = String(node[$props].value);
     }
   }
   return {
@@ -938,13 +911,6 @@ function updateAttributes(node, oldNode, domNodeHTMLElement) {
         }
     }
   }
-  if (node[$type] === 'option') {
-    const option = domNode;
-    const select = option.closest('select');
-    if (select !== null && select.hasAttribute('value') && select.getAttribute('value') === option.value) {
-      option.selected = true;
-    }
-  }
   domNode.__tungsten_oldAttributes = newAttributes;
   return newAttributes;
 }

package/package.json

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

package/readme.md

@@ -1,3 +1,60 @@
 # Tungsten Frontend Framework
 
-[Docs](https://robertsandiford.co.uk/tungsten)
+[Docs](https://robertsandiford.co.uk/tungsten)
+
+## Preparing code for tests
+
+Run a one-shot development compilation without starting a server:
+
+```sh
+tungsten compile
+```
+
+By default this compiles JavaScript (including JSX and Tungsten's Babel
+transforms), stylesheets, client support files, assets, and public files into
+`.tungsten/dev`.
+Each selected target's existing generated output is cleaned before the initial
+compilation, including when watch mode is used. Pass `--no-clean` to preserve
+existing output.
+
+Use `--output` to select an independent output root. The layout below that root
+is the same as `.tungsten/dev`, including `code`, `.client`, `.static`,
+`.assets`, `.public`, `.componentCss`, and `.packages`:
+
+```sh
+tungsten compile --output .tungsten/test
+tungsten compile --output .tungsten/test --watch
+```
+
+Cleaning and generated package-cache data are scoped to the selected output.
+Limit the work with one or more options:
+
+```sh
+tungsten compile --js
+tungsten compile --css
+tungsten compile --client
+tungsten compile --assets
+tungsten compile --public
+tungsten compile --js --css
+```
+
+`--all` explicitly selects all five targets.
+
+Add `--watch` to keep the JavaScript, stylesheet, asset, and/or public-file
+compiler running after the initial pass. Client support files are still
+generated once:
+
+```sh
+tungsten compile --watch
+tungsten compile --js --watch
+```
+
+For process orchestration, `--ready-file <file>` writes a small JSON file only
+after the initial compilation succeeds. A failed JavaScript watch cycle removes
+the file, and a later successful cycle recreates it. `--quiet` suppresses
+per-file transformation messages while retaining errors and cycle status:
+
+```sh
+tungsten compile --watch --output .tungsten/test \
+  --ready-file .tungsten/test.ready --quiet
+```