@fgv/ts-res-browser 5.0.0-2 → 5.0.0-4

package/cli.js

@@ -1,33 +1,121 @@
 #!/usr/bin/env node
 
-const { exec } = require('child_process');
+const { exec, spawn } = require('child_process');
 const path = require('path');
+const fs = require('fs');
 
 const command = process.argv[2];
 const projectRoot = __dirname;
 
+// Check if we have a built dist directory
+const distPath = path.join(projectRoot, 'dist');
+const hasBuiltFiles = fs.existsSync(distPath) && fs.existsSync(path.join(distPath, 'index.html'));
+
+function startDevServer(port = 3000) {
+  // Check if we have webpack-cli available (needed for dev server)
+  try {
+    require.resolve('webpack-cli');
+    require.resolve('webpack-dev-server');
+  } catch (error) {
+    console.error('❌ Development server is not available in the published package.');
+    console.error('');
+    console.error('The dev server requires webpack-cli and webpack-dev-server which are');
+    console.error('not included in the published package to keep it lightweight.');
+    console.error('');
+    console.error('To use the development server:');
+    console.error('1. Clone the repository: git clone <repo-url>');
+    console.error('2. Install dependencies: rush install');
+    console.error('3. Run: rushx dev');
+    console.error('');
+    console.error('For production use, run: ts-res-browser serve');
+    process.exit(1);
+  }
+
+  const packageManager = fs.existsSync(path.join(projectRoot, 'package-lock.json'))
+    ? 'npm'
+    : fs.existsSync(path.join(projectRoot, 'yarn.lock'))
+    ? 'yarn'
+    : 'npm';
+
+  console.log('Starting TS-RES Browser development server...');
+  console.log(`Using ${packageManager} to start server...`);
+
+  const child = spawn(packageManager, ['run', 'dev'], {
+    cwd: projectRoot,
+    stdio: 'inherit',
+    env: { ...process.env, PORT: port.toString() }
+  });
+
+  child.on('error', (error) => {
+    console.error(`Error starting dev server: ${error.message}`);
+    process.exit(1);
+  });
+}
+
+function serveBuildFiles(port = 8080) {
+  if (!hasBuiltFiles) {
+    console.error('No built files found. Please run "ts-res-browser build" first.');
+    process.exit(1);
+  }
+
+  // Try to use a simple static server
+  try {
+    const handler = require('serve-handler');
+    const http = require('http');
+
+    const server = http.createServer((request, response) => {
+      return handler(request, response, {
+        public: distPath,
+        rewrites: [{ source: '**', destination: '/index.html' }]
+      });
+    });
+
+    server.listen(port, () => {
+      console.log(`TS-RES Browser running at http://localhost:${port}`);
+      console.log('Press Ctrl+C to stop');
+    });
+  } catch (error) {
+    // Fallback: just open the HTML file
+    console.log(`Built files available at: ${path.join(distPath, 'index.html')}`);
+    console.log('To serve the files, install a static server like: npm install -g serve');
+    console.log(`Then run: serve -s ${distPath} -p ${port}`);
+  }
+}
+
 switch (command) {
   case 'dev':
-    console.log('Starting TS-RES Browser development server...');
-    exec('npm run dev', { cwd: projectRoot }, (error, stdout, stderr) => {
-      if (error) {
-        console.error(`Error: ${error}`);
-        return;
-      }
-      console.log(stdout);
-      if (stderr) console.error(stderr);
-    });
+    const devPort = process.argv[3] || process.env.PORT || 3000;
+    startDevServer(devPort);
+    break;
+
+  case 'serve':
+  case 'start':
+    const servePort = process.argv[3] || 8080;
+    serveBuildFiles(servePort);
     break;
 
   case 'build':
     console.log('Building TS-RES Browser...');
-    exec('npm run build', { cwd: projectRoot }, (error, stdout, stderr) => {
-      if (error) {
-        console.error(`Error: ${error}`);
-        return;
+    const packageManager = fs.existsSync(path.join(projectRoot, 'package-lock.json')) ? 'npm' : 'npm';
+
+    const buildChild = spawn(packageManager, ['run', 'build'], {
+      cwd: projectRoot,
+      stdio: 'inherit'
+    });
+
+    buildChild.on('error', (error) => {
+      console.error(`Error building: ${error.message}`);
+      process.exit(1);
+    });
+
+    buildChild.on('close', (code) => {
+      if (code === 0) {
+        console.log('Build completed successfully!');
+        console.log('To serve the built files, run: ts-res-browser serve');
+      } else {
+        console.error(`Build failed with code ${code}`);
+        process.exit(code);
       }
-      console.log(stdout);
-      if (stderr) console.error(stderr);
     });
     break;
 
@@ -35,11 +123,34 @@ switch (command) {
     console.log('TS-RES Browser CLI');
     console.log('');
     console.log('Usage:');
-    console.log('  ts-res-browser dev   - Start development server');
-    console.log('  ts-res-browser build - Build for production');
+    console.log('  ts-res-browser dev    - Start development server (requires dev dependencies)');
+    console.log('  ts-res-browser build  - Build for production');
+    console.log('  ts-res-browser serve  - Serve built files');
+    console.log('');
+    console.log('Options:');
+    console.log('  ts-res-browser dev [port]   - Start dev server on specific port');
+    console.log('  ts-res-browser serve [port] - Serve on specific port');
     console.log('');
-    console.log('For development, you can also use:');
-    console.log('  rushx dev   - Start development server');
-    console.log('  rushx build - Build for production');
+
+    // Check if dev dependencies are available
+    let hasDevDeps = false;
+    try {
+      require.resolve('webpack-cli');
+      require.resolve('webpack-dev-server');
+      hasDevDeps = true;
+    } catch (error) {
+      // Dev dependencies not available
+    }
+
+    if (hasBuiltFiles) {
+      console.log('✅ Built files found - you can run "ts-res-browser serve"');
+    } else {
+      console.log('⚠️  No built files - run "ts-res-browser build" first');
+    }
+
+    if (!hasDevDeps) {
+      console.log('ℹ️  Development server not available in published package');
+      console.log('   Use "ts-res-browser serve" for production serving');
+    }
     break;
 }

package/package.json

@@ -1,12 +1,19 @@
 {
   "name": "@fgv/ts-res-browser",
-  "version": "5.0.0-2",
+  "version": "5.0.0-4",
   "description": "Visual browser tool for ts-res resources",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "bin": {
     "ts-res-browser": "./cli.js"
   },
+  "files": [
+    "cli.js",
+    "dist/**/*",
+    "lib/**/*",
+    "README.md",
+    "package.json"
+  ],
   "keywords": [
     "ts-res",
     "browser",
@@ -29,11 +36,12 @@
     "jszip": "~3.10.1",
     "browserify-zlib": "~0.2.0",
     "assert": "~2.1.0",
-    "@fgv/ts-res": "5.0.0-2",
-    "@fgv/ts-json-base": "5.0.0-2",
-    "@fgv/ts-utils": "5.0.0-2",
-    "@fgv/ts-extras": "5.0.0-2",
-    "@fgv/ts-json": "5.0.0-2"
+    "serve-handler": "~6.1.6",
+    "@fgv/ts-json-base": "5.0.0-4",
+    "@fgv/ts-res": "5.0.0-4",
+    "@fgv/ts-utils": "5.0.0-4",
+    "@fgv/ts-json": "5.0.0-4",
+    "@fgv/ts-extras": "5.0.0-4"
   },
   "devDependencies": {
     "@types/react": "~19.1.8",
@@ -72,7 +80,7 @@
     "@rushstack/heft-sass-plugin": "~0.17.8",
     "@rushstack/heft-webpack5-plugin": "~0.11.34",
     "@types/jszip": "~3.4.1",
-    "@fgv/ts-utils-jest": "5.0.0-2"
+    "@fgv/ts-utils-jest": "5.0.0-4"
   },
   "scripts": {
     "build": "webpack --mode production",

package/.rush/temp/587277bfc395406ad444e989b6c309b9698f534c.tar.log

@@ -1,15 +0,0 @@
-Start time: Tue Jul 22 2025 06:50:27 GMT+0000 (Coordinated Universal Time)
-Invoking "/usr/bin/tar -c -f /home/runner/work/fgv/fgv/common/temp/build-cache/587277bfc395406ad444e989b6c309b9698f534c-4fe947f985563cb6.temp -z --files-from=-"
-
-======= BEGIN PROCESS INPUT ======
-.rush/temp/operation/build/all.log
-.rush/temp/operation/build/log-chunks.jsonl
-.rush/temp/operation/build/state.json
-dist/bundle.js
-dist/bundle.js.LICENSE.txt
-dist/index.html
-======== END PROCESS INPUT =======
-======= BEGIN PROCESS OUTPUT =======
-======== END PROCESS OUTPUT ========
-
-Exited with code "0"

package/.rush/temp/chunked-rush-logs/ts-res-browser.build.chunks.jsonl

@@ -1,35 +0,0 @@
-{"kind":"O","text":"Invoking: webpack --mode production \n"}
-{"kind":"O","text":"asset \u001b[1m\u001b[33mbundle.js\u001b[39m\u001b[22m \u001b[1m\u001b[33m2.41 MiB\u001b[39m\u001b[22m \u001b[1m\u001b[32m[emitted]\u001b[39m\u001b[22m \u001b[1m\u001b[32m[minimized]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[big]\u001b[39m\u001b[22m (name: main) 1 related asset\n"}
-{"kind":"O","text":"asset \u001b[1m\u001b[32mindex.html\u001b[39m\u001b[22m 478 bytes \u001b[1m\u001b[32m[emitted]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"orphan modules 678 KiB \u001b[1m\u001b[33m[orphan]\u001b[39m\u001b[22m 353 modules\n"}
-{"kind":"O","text":"runtime modules 1.02 KiB 6 modules\n"}
-{"kind":"O","text":"modules by path \u001b[1m../../common/temp/node_modules/.pnpm/\u001b[39m\u001b[22m 2.38 MiB 841 modules\n"}
-{"kind":"O","text":"modules by path \u001b[1m../../libraries/\u001b[39m\u001b[22m 2.24 MiB\n"}
-{"kind":"O","text":"  javascript modules 1.41 MiB 314 modules\n"}
-{"kind":"O","text":"  json modules 849 KiB 4 modules\n"}
-{"kind":"O","text":"optional modules 60 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mbuffer (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mcrypto (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mbuffer (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mvm (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"modules by path \u001b[1m./src/\u001b[39m\u001b[22m 406 KiB\n"}
-{"kind":"O","text":"  \u001b[1m./src/main.tsx + 54 modules\u001b[39m\u001b[22m 370 KiB \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  ../../common/temp/node_modules/.pnpm/css-loader@7.1.2_webpack@5.100.1/node_modules/css-loader/dist/cjs.js!../../common/temp/node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.8.3_webpack@5.100.1/node_modules/postcss-loader/dist/cjs.js!\u001b[1m./src/index.css\u001b[39m\u001b[22m 35.7 KiB \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"+ 15 modules\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1masset size limit: The following asset(s) exceed the recommended size limit (244 KiB).\n"}
-{"kind":"O","text":"This can impact web performance.\n"}
-{"kind":"O","text":"Assets: \n"}
-{"kind":"O","text":"  bundle.js (2.41 MiB)\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1mentrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.\n"}
-{"kind":"O","text":"Entrypoints:\n"}
-{"kind":"O","text":"  main (2.41 MiB)\n"}
-{"kind":"O","text":"      bundle.js\n"}
-{"kind":"O","text":"\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1mwebpack performance recommendations: \n"}
-{"kind":"O","text":"You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.\n"}
-{"kind":"O","text":"For more info visit https://webpack.js.org/guides/code-splitting/\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"webpack 5.100.1 compiled with \u001b[1m\u001b[33m3 warnings\u001b[39m\u001b[22m in 21598 ms\n"}

package/.rush/temp/operation/build/all.log

@@ -1,35 +0,0 @@
-Invoking: webpack --mode production 
-asset bundle.js 2.41 MiB [emitted] [minimized] [big] (name: main) 1 related asset
-asset index.html 478 bytes [emitted]
-orphan modules 678 KiB [orphan] 353 modules
-runtime modules 1.02 KiB 6 modules
-modules by path ../../common/temp/node_modules/.pnpm/ 2.38 MiB 841 modules
-modules by path ../../libraries/ 2.24 MiB
-  javascript modules 1.41 MiB 314 modules
-  json modules 849 KiB 4 modules
-optional modules 60 bytes [optional]
-  buffer (ignored) 15 bytes [optional] [built] [code generated]
-  crypto (ignored) 15 bytes [optional] [built] [code generated]
-  buffer (ignored) 15 bytes [optional] [built] [code generated]
-  vm (ignored) 15 bytes [optional] [built] [code generated]
-modules by path ./src/ 406 KiB
-  ./src/main.tsx + 54 modules 370 KiB [built] [code generated]
-  ../../common/temp/node_modules/.pnpm/css-loader@7.1.2_webpack@5.100.1/node_modules/css-loader/dist/cjs.js!../../common/temp/node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.8.3_webpack@5.100.1/node_modules/postcss-loader/dist/cjs.js!./src/index.css 35.7 KiB [built] [code generated]
-+ 15 modules
-
-WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
-This can impact web performance.
-Assets: 
-  bundle.js (2.41 MiB)
-
-WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
-Entrypoints:
-  main (2.41 MiB)
-      bundle.js
-
-
-WARNING in webpack performance recommendations: 
-You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
-For more info visit https://webpack.js.org/guides/code-splitting/
-
-webpack 5.100.1 compiled with 3 warnings in 21598 ms

package/.rush/temp/operation/build/log-chunks.jsonl

@@ -1,35 +0,0 @@
-{"kind":"O","text":"Invoking: webpack --mode production \n"}
-{"kind":"O","text":"asset \u001b[1m\u001b[33mbundle.js\u001b[39m\u001b[22m \u001b[1m\u001b[33m2.41 MiB\u001b[39m\u001b[22m \u001b[1m\u001b[32m[emitted]\u001b[39m\u001b[22m \u001b[1m\u001b[32m[minimized]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[big]\u001b[39m\u001b[22m (name: main) 1 related asset\n"}
-{"kind":"O","text":"asset \u001b[1m\u001b[32mindex.html\u001b[39m\u001b[22m 478 bytes \u001b[1m\u001b[32m[emitted]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"orphan modules 678 KiB \u001b[1m\u001b[33m[orphan]\u001b[39m\u001b[22m 353 modules\n"}
-{"kind":"O","text":"runtime modules 1.02 KiB 6 modules\n"}
-{"kind":"O","text":"modules by path \u001b[1m../../common/temp/node_modules/.pnpm/\u001b[39m\u001b[22m 2.38 MiB 841 modules\n"}
-{"kind":"O","text":"modules by path \u001b[1m../../libraries/\u001b[39m\u001b[22m 2.24 MiB\n"}
-{"kind":"O","text":"  javascript modules 1.41 MiB 314 modules\n"}
-{"kind":"O","text":"  json modules 849 KiB 4 modules\n"}
-{"kind":"O","text":"optional modules 60 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mbuffer (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mcrypto (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mbuffer (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  \u001b[1mvm (ignored)\u001b[39m\u001b[22m 15 bytes \u001b[1m\u001b[33m[optional]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"modules by path \u001b[1m./src/\u001b[39m\u001b[22m 406 KiB\n"}
-{"kind":"O","text":"  \u001b[1m./src/main.tsx + 54 modules\u001b[39m\u001b[22m 370 KiB \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"  ../../common/temp/node_modules/.pnpm/css-loader@7.1.2_webpack@5.100.1/node_modules/css-loader/dist/cjs.js!../../common/temp/node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.8.3_webpack@5.100.1/node_modules/postcss-loader/dist/cjs.js!\u001b[1m./src/index.css\u001b[39m\u001b[22m 35.7 KiB \u001b[1m\u001b[33m[built]\u001b[39m\u001b[22m \u001b[1m\u001b[33m[code generated]\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"+ 15 modules\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1masset size limit: The following asset(s) exceed the recommended size limit (244 KiB).\n"}
-{"kind":"O","text":"This can impact web performance.\n"}
-{"kind":"O","text":"Assets: \n"}
-{"kind":"O","text":"  bundle.js (2.41 MiB)\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1mentrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.\n"}
-{"kind":"O","text":"Entrypoints:\n"}
-{"kind":"O","text":"  main (2.41 MiB)\n"}
-{"kind":"O","text":"      bundle.js\n"}
-{"kind":"O","text":"\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"\u001b[1m\u001b[33mWARNING\u001b[39m\u001b[22m in \u001b[1mwebpack performance recommendations: \n"}
-{"kind":"O","text":"You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.\n"}
-{"kind":"O","text":"For more info visit https://webpack.js.org/guides/code-splitting/\u001b[39m\u001b[22m\n"}
-{"kind":"O","text":"\n"}
-{"kind":"O","text":"webpack 5.100.1 compiled with \u001b[1m\u001b[33m3 warnings\u001b[39m\u001b[22m in 21598 ms\n"}

package/.rush/temp/operation/build/state.json

@@ -1,3 +0,0 @@
-{
-  "nonCachedDurationMs": 22601.520310000007
-}