tungsten 0.2.4 → 0.2.6

package/dist/Servers/ProdServer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProdServer.d.ts","sourceRoot":"","sources":["../../src/Servers/ProdServer.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAI7B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAMpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AASrD,qBAAa,UAAW,SAAQ,cAAc;IAC1C,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,SAAS,EAAE,SAAS,CAAA;IACpB,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAK5C,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAO;IAC9B,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;gBAEX,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,uBAAuB,EAC/B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,EAC5C,gBAAgB,EAAE,gBAAgB,GAAG,IAAI;IA0H7C,OAAO,CAAC,gBAAgB,CAgBvB;IACD,aAAa,GAAU,KAAK,OAAO,CAAC,OAAO,EAAE,KAAK,OAAO,CAAC,QAAQ,KAAG,OAAO,CAAC,IAAI,CAAC,CA6GjF;IACD,SAAS,eASR;IAMD,KAAK,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,UAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAwBlE,IAAI;CAKP"}
+{"version":3,"file":"ProdServer.d.ts","sourceRoot":"","sources":["../../src/Servers/ProdServer.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAI7B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAQpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AASrD,qBAAa,UAAW,SAAQ,cAAc;IAC1C,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,SAAS,EAAE,SAAS,CAAA;IACpB,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAK5C,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAO;IAC9B,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;gBAEX,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,uBAAuB,EAC/B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,EAC5C,gBAAgB,EAAE,gBAAgB,GAAG,IAAI;IA8H7C,OAAO,CAAC,gBAAgB,CAgBvB;IACD,aAAa,GAAU,KAAK,OAAO,CAAC,OAAO,EAAE,KAAK,OAAO,CAAC,QAAQ,KAAG,OAAO,CAAC,IAAI,CAAC,CA6GjF;IACD,SAAS,eASR;IAMD,KAAK,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,UAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAwBlE,IAAI;CAKP"}

package/dist/Servers/ProdServer.js

@@ -4,7 +4,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import express from 'express';
 import { join } from 'path';
 import { existsSync } from 'fs';
-import { staticFolder, assetsFolder, packageNameCapitalized, publicFolder } from "../settings.js";
+import { staticFolder, assetsFolder, packageNameCapitalized, publicFolder, componentCssFolder } from "../settings.js";
 import { rootToHtml as renderRootToHtml } from "../render/rootToHtml.js";
 import { contentToHtml as renderContentToHtml } from "../render/contentToHtml.js";
 import { Instance } from "../Instance/Instance.js";
@@ -239,6 +239,7 @@ export class ProdServer extends TungstenServer {
       throwError('ProdServer', 'compilationInfo.bundleLocation is unset/undefined');
     }
     this.app.use('/bundle', express.static(this.compilationInfo.bundleLocation));
+    this.app.use(`/${componentCssFolder}/`, express.static(join(this.compilationInfo.buildLocation, componentCssFolder)));
     const publicLocation = join(this.compilationInfo.buildLocation, publicFolder);
     //console.log('publicLocation', publicLocation, existsSync(publicLocation))
     if (existsSync(publicLocation)) this.app.use(express.static(publicLocation)); // files from public folder

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":"AA4JA,OAAO,EAAE,CAAA"}

package/dist/bin/commands/compile.js

@@ -0,0 +1,91 @@
+import { join } from 'path';
+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);
+if (args.includes('--help') || args.includes('-h')) {
+  cliOut('Usage: tungsten compile [targets] [--all] [--watch] [--no-clean]');
+  cliOut('Targets: --js, --css, --client, --assets, --public');
+  cliOut('With no target options, all targets are compiled.');
+  process.exit(0);
+}
+const commandOptions = new Set(['--all', '--watch', '--no-clean']);
+const unknownOptions = args.filter(arg => !(arg in targetOptions) && !commandOptions.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]');
+  process.exit(1);
+}
+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 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 = join(projectDir, devBuildOuterFolder);
+const buildCodeLocation = join(buildLocation, buildCodeSubPath);
+const cleanTasks = [];
+if (clean && targets.has('js')) {
+  cleanTasks.push(rmfr(buildCodeLocation), rmfr(join(buildLocation, componentCssFolder)), rmfr(join(buildLocation, packagesFolder)), rmfr(join(projectDir, packagesCacheFolder)));
+}
+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 = [];
+if (targets.has('js')) {
+  compilationTasks.push(compileJavascript(projectDir, config, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, 'dev', watch));
+}
+if (targets.has('css')) {
+  compilationTasks.push(compileStyles(projectDir, config, styleImportBase, buildLocation, watch));
+}
+if (targets.has('client')) {
+  compilationTasks.push(createInstanceConfigFile(config, 'dev'));
+  compilationTasks.push(createClientFiles(config, 'dev'));
+}
+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));
+}
+await Promise.all(compilationTasks);
+cliNews(`Compile complete: ${[...targets].join(', ')}`);
+if (watch && (targets.has('js') || targets.has('css') || targets.has('assets') || targets.has('public'))) {
+  cliNews('Watching for changes');
+} 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/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,10 @@ 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;
 };
-export declare function compileJavascript(projectDir: string, appConfig: FrameworkConfigComplete, codeLocation: string, sourceLocation: string, styleImportBase: string, buildLocation: string, buildCodeLocation: string, mode: Mode): Promise<CompileJavascriptResult>;
+export declare function compileJavascript(projectDir: string, appConfig: FrameworkConfigComplete, codeLocation: string, sourceLocation: string, styleImportBase: string, buildLocation: string, buildCodeLocation: string, mode: Mode, watch?: boolean): 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;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,EAAE,KAAK,UAAO,GAC3E,OAAO,CAAC,uBAAuB,CAAC,CAwPlC"}

package/dist/build/compileJavascript.js

@@ -13,14 +13,14 @@ 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) {
   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);
@@ -119,8 +119,25 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
     transformPromises.push(transformFile(file));
   });
   await Promise.all(transformPromises);
+  if (!watch) {
+    if (mode === 'dev') {
+      await Promise.all(promises);
+      if (!fs.existsSync(dependencyGraphDir)) {
+        fs.mkdirSync(dependencyGraphDir, {
+          recursive: true
+        });
+      }
+      fs.writeFileSync(dependencyGraphLocation, `export const graph = ${serializeJavascript(dependencyGraph)}`);
+    }
+    return {
+      watcher: null,
+      copyWatcher: null,
+      importAliases
+    };
+  }
   const watcher = chokidar.watch(watchGlob, {
-    ignored
+    ignored,
+    ignoreInitial: true
     //useFsEvents: false
   });
   watcher.on('all', async (event, file) => {

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/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/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.4",
+  "version": "0.2.6",
   "description": "",
   "type": "module",
   "bin": {

package/readme.md

@@ -1,3 +1,39 @@
 # 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.
+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 three 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
+```