ike-weblca-html 2.1.2 → 2.1.3

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "ike-weblca-html",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "weblca-html-header&footer",
   "main": "dist/index.js",
   "engines": {
     "node": ">=14.20.1"
   },
   "scripts": {
+    "start": "node scripts/dev-server.js",
     "build": "webpack",
     "test": "echo \"Error: no test specified\" && exit 1",
     "prepublishOnly": "npm run build",

package/scripts/dev-server.js

@@ -0,0 +1,125 @@
+const http = require('http');
+const path = require('path');
+const fs = require('fs');
+const { spawn } = require('child_process');
+const os = require('os');
+
+const rootDir = path.resolve(__dirname, '..');
+const demoDir = path.join(rootDir, 'demo');
+const distDir = path.join(rootDir, 'dist');
+const port = Number(process.env.PORT) || 8080;
+
+function getWebpackBin() {
+  const binName = process.platform === 'win32' ? 'webpack.cmd' : 'webpack';
+  return path.join(rootDir, 'node_modules', '.bin', binName);
+}
+
+function startWebpackWatch() {
+  const webpackBin = getWebpackBin();
+  if (!fs.existsSync(webpackBin)) {
+    console.error('[dev-server] webpack not found. Please run "npm install" first.');
+    process.exit(1);
+  }
+
+  const child = spawn(webpackBin, ['--watch', '--mode', 'development'], {
+    stdio: 'inherit',
+    cwd: rootDir,
+    shell: false,
+  });
+
+  child.on('exit', (code) => {
+    if (code && code !== 0) {
+      console.error(`[dev-server] webpack exited with code ${code}`);
+    }
+  });
+
+  process.on('exit', () => {
+    child.kill();
+  });
+
+  process.on('SIGINT', () => {
+    child.kill('SIGINT');
+    process.exit(0);
+  });
+}
+
+const contentTypes = {
+  '.html': 'text/html; charset=utf-8',
+  '.js': 'application/javascript; charset=utf-8',
+  '.css': 'text/css; charset=utf-8',
+  '.json': 'application/json; charset=utf-8',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.svg': 'image/svg+xml',
+  '.ico': 'image/x-icon',
+  '.map': 'application/json; charset=utf-8',
+};
+
+function sendFile(res, filePath) {
+  fs.readFile(filePath, (err, data) => {
+    if (err) {
+      res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' });
+      res.end('Not Found');
+      return;
+    }
+    const ext = path.extname(filePath).toLowerCase();
+    const contentType = contentTypes[ext] || 'application/octet-stream';
+    res.writeHead(200, { 'Content-Type': contentType });
+    res.end(data);
+  });
+}
+
+function resolveRequestPath(urlPath) {
+  if (urlPath === '/' || urlPath === '') {
+    return path.join(demoDir, 'index.html');
+  }
+
+  const safePath = urlPath.replace(/\0/g, '');
+  const demoPath = path.join(demoDir, safePath);
+  if (fs.existsSync(demoPath) && fs.statSync(demoPath).isFile()) {
+    return demoPath;
+  }
+
+  const distPath = path.join(distDir, safePath);
+  if (fs.existsSync(distPath) && fs.statSync(distPath).isFile()) {
+    return distPath;
+  }
+
+  return null;
+}
+
+function startServer() {
+  const server = http.createServer((req, res) => {
+    const urlPath = decodeURIComponent((req.url || '').split('?')[0]);
+    const filePath = resolveRequestPath(urlPath);
+    if (!filePath) {
+      res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' });
+      res.end('Not Found');
+      return;
+    }
+    sendFile(res, filePath);
+  });
+
+  server.listen(port, '0.0.0.0', () => {
+    console.log(`[dev-server] running at http://localhost:${port}`);
+    const ips = [];
+    const nets = os.networkInterfaces();
+    Object.values(nets).forEach((list) => {
+      if (!list) return;
+      list.forEach((net) => {
+        if (net.family === 'IPv4' && !net.internal) {
+          ips.push(net.address);
+        }
+      });
+    });
+    if (ips.length) {
+      ips.forEach((ip) => {
+        console.log(`[dev-server] running at http://${ip}:${port}`);
+      });
+    }
+  });
+}
+
+startWebpackWatch();
+startServer();