@web-applets/inspector 0.1.3 → 0.2.0-alpha.9

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@web-applets/inspector",
-  "version": "0.1.3",
+  "version": "0.2.0-alpha.9",
   "author": "Rupert Manfredi <rupert@unternet.co>",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "description": "",
+  "description": "An inspector CLI for web applets.",
   "scripts": {
-    "build": "tsc && npm run build:web",
-    "build:web": "cd ../web && npm run build && cp -r dist/ ../cli/dist/web"
+    "start": "npm run build && node dist/index.js",
+    "build": "./scripts/build.sh",
+    "build:cli": "tsc",
+    "build:web": "cd web && npm run build"
   },
   "files": [
     "dist"

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-export declare function serve(): Promise<void>;
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAeA,wBAAsB,KAAK,kBAuB1B"}

package/dist/index.js

@@ -1,41 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serve = serve;
-const commander_1 = require("commander");
-const express_1 = __importDefault(require("express"));
-const path_1 = __importDefault(require("path"));
-const program = new commander_1.Command();
-program
-    .name('@web-applets/inspector')
-    .description('Launch the web applets inspector.')
-    .action(serve);
-program.parse(process.argv);
-async function serve() {
-    const port = 1234;
-    const serverDir = path_1.default.join(__dirname, 'web');
-    const app = (0, express_1.default)();
-    app.use(express_1.default.static(serverDir));
-    try {
-        const server = app
-            .listen(port, () => {
-            console.log(`Applets inspector running at http://localhost:${port}`);
-        })
-            .on('error', (err) => {
-            if (err.code === 'EADDRINUSE') {
-                console.log(`Port ${port} is busy, trying port ${port + 1}`);
-                server.listen(port + 1);
-            }
-            else {
-                console.error(err);
-            }
-        });
-    }
-    catch (error) {
-        console.error('Error starting inspector web server:', error);
-        process.exit(1);
-    }
-}

package/dist/web/assets/index-BMFi0b0p.css

@@ -1 +0,0 @@
-app-root{width:100%;height:100%;display:flex;flex-direction:column}app-root main{flex-grow:1;display:flex}app-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding:var(--space-xs) var(--space-md);height:40px}app-header h1{font-size:var(--text-lg);display:flex}url-input{align-self:stretch;max-width:600px;width:100%}url-input input{border:1px solid var(--color-border);background:var(--color-raised);border-radius:var(--rounded-sm);padding:0 var(--space-sm);height:100%;width:100%}app-viewer{flex-grow:1;background:#f4f4f4;padding:16px;display:flex}app-viewer .hidden{display:none}app-viewer .container{display:flex;flex-direction:column;background:#fff;border:none;flex-grow:1;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}applet-frame{flex-grow:1}app-viewer .data-view{flex-grow:1;background:#eee;padding:8px;margin:0}app-viewer .applet-footer{border-top:1px solid var(--color-border);padding:4px 8px;display:flex;align-items:center;gap:8px}app-viewer .applet-footer label{font-size:13px}app-viewer .applet-footer .toggle{background:#eee;border:1px solid var(--color-border);display:flex;padding:1px;border-radius:4px;gap:2px}app-viewer .applet-footer button{cursor:pointer;border:none;color:#555;border-radius:2px;padding:2px 6px;font-weight:500;border:1px solid transparent}app-viewer .applet-footer button:hover{background:#ddd}app-viewer .applet-footer button[data-selected=true]{background:#fff;color:#000;border-color:var(--color-border)}app-sidebar{width:400px;border-right:1px solid var(--color-border);padding:13px;height:100%}app-sidebar form{width:100%;height:100%;display:flex;gap:15px;flex-direction:column}app-sidebar label{font-weight:500}app-sidebar fieldset{display:flex;flex-direction:column;gap:6px;border:none;padding:0;margin:0}app-sidebar .status-message{display:flex;align-items:center;justify-content:center;flex-grow:1;color:#666;font-style:italic;padding:0;margin:0}app-sidebar select{width:100%;padding:7px;border:1px solid var(--color-border);border-radius:4px;font-weight:500}.schema{margin:0;background:#eee;padding:12px;font-size:12px;border-radius:4px;border:1px solid var(--color-border)}app-sidebar textarea{resize:none;border:1px solid var(--color-border);font-size:12px;border-radius:4px}app-sidebar input[type=submit]{padding:8px;font-weight:500;cursor:pointer;border:1px solid var(--color-border);border-radius:4px}app-sidebar input[type=submit]:hover{background:var(--color-border)}:root{--color-neutral-7: #fff;--color-neutral-6: #eee;--color-neutral-5: #ddd;--color-neutral-1: #111;--color-background: #fff;--color-border: #ddd;--color-raised: #eee;--space-unit: 4px;--space-xxs: calc(var(--space-unit) * .5);--space-xs: var(--space-unit);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 4);--space-xl: calc(var(--space-unit) * 6);--space-2xl: calc(var(--space-unit) * 8);--space-3xl: calc(var(--space-unit) * 12);--space-4xl: calc(var(--space-unit) * 16);--rounded-sm: 4px;--text-base: 14px;--text-md: 16px}*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);background:var(--color-background)}header{display:flex}h1,h2,h3,h4,h5{padding:0;margin:0}