diff --git a/.gitignore b/.gitignore index 8a6192a26..c414f11cb 100644 --- a/.gitignore +++ b/.gitignore @@ -23,6 +23,7 @@ docs/superpowers/ instagram-test/ llms.txt sitemaps/ +clones/ # Extensions & Secrets *.pem diff --git a/package-lock.json b/package-lock.json index 6263deb9c..5cdf81865 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,13 +11,20 @@ "license": "Apache-2.0", "dependencies": { "@mozilla/readability": "^0.6.0", + "chalk": "^6.0.0", "cli-table3": "^0.6.5", "cloakbrowser": "0.4.5", "commander": "^14.0.3", + "gradient-string": "^3.0.0", "impit": "0.14.3", + "ink": "^7.1.1", + "ink-select-input": "^6.2.0", + "ink-spinner": "^5.0.0", + "ink-text-input": "^6.0.0", "js-yaml": "^4.3.2", "jsdom": "^29.0.2", "playwright-core": "1.61.1", + "puppeteer": "^25.10.0", "quickjs-emscripten": "0.32.0", "tldts": "^7.4.11", "turndown": "^7.2.2", @@ -35,6 +42,8 @@ "@types/js-yaml": "^4.0.9", "@types/jsdom": "^27.0.0", "@types/node": "^25.5.2", + "@types/react": "^19.3.0", + "@types/react-dom": "^19.3.0", "@types/turndown": "^5.0.6", "@types/ws": "^8.5.13", "esbuild": "^0.28.1", @@ -46,6 +55,34 @@ "node": ">=20.6.0" } }, + "node_modules/@alcalzone/ansi-tokenize": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@alcalzone/ansi-tokenize/-/ansi-tokenize-0.3.0.tgz", + "integrity": "sha512-p+CMKJ93HFmLkjXKlXiVGlMQEuRb6H0MokBSwUsX+S6BRX8eV5naFZpQJFfJHjRZY0Hmnqy1/r6UWl3x+19zYA==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^6.2.1", + "is-fullwidth-code-point": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@alcalzone/ansi-tokenize/node_modules/is-fullwidth-code-point": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz", + "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.3.1" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@asamuzakjp/css-color": { "version": "5.1.11", "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz", @@ -199,7 +236,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=20.19.0" }, @@ -246,7 +282,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=20.19.0" } @@ -278,7 +313,6 @@ "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.4.0" } @@ -941,6 +975,34 @@ "dev": true, "license": "BSD-3-Clause" }, + "node_modules/@puppeteer/browsers": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-3.2.2.tgz", + "integrity": "sha512-q2BU4YfO9h/Wt7IcWPcggpOOqLk2Tbs1hDwolvKZrweRjy751OJBKMN9zO5bfD0pzU7X/tvKw/exQds4pM/LOg==", + "license": "Apache-2.0", + "dependencies": { + "modern-tar": "^0.8.4", + "yargs": "^18.0.0" + }, + "bin": { + "browsers": "lib/main-cli.js" + }, + "engines": { + "node": ">=22.12.0" + }, + "peerDependencies": { + "proxy-agent": ">=8.0.1", + "yauzl": "^2.10.0 || ^3.4.0" + }, + "peerDependenciesMeta": { + "proxy-agent": { + "optional": true + }, + "yauzl": { + "optional": true + } + } + }, "node_modules/@rolldown/binding-android-arm64": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", @@ -1337,6 +1399,26 @@ "undici-types": ">=7.24.0 <7.24.7" } }, + "node_modules/@types/react": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.3.0.tgz", + "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==", + "devOptional": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.3.0.tgz", + "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.3.0" + } + }, "node_modules/@types/retry": { "version": "0.12.0", "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz", @@ -1344,6 +1426,12 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/tinycolor2": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz", + "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==", + "license": "MIT" + }, "node_modules/@types/tough-cookie": { "version": "4.0.5", "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz", @@ -1491,6 +1579,21 @@ "node": ">= 14" } }, + "node_modules/ansi-escapes": { + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.3.0.tgz", + "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==", + "license": "MIT", + "dependencies": { + "environment": "^1.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", @@ -1500,6 +1603,18 @@ "node": ">=8" } }, + "node_modules/ansi-styles": { + "version": "6.2.3", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz", + "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -1516,6 +1631,18 @@ "node": ">=12" } }, + "node_modules/auto-bind": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz", + "integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==", + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/base64-js": { "version": "1.5.1", "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", @@ -1573,6 +1700,18 @@ "node": ">=18" } }, + "node_modules/chalk": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-6.0.0.tgz", + "integrity": "sha512-2uNTXIuTTxk7ciZgAU1BQcgnchcG0xXnrs6jzkQfj9SsRa9M2s5zE8WT96hS6KmG4MzWHSrvH43DF1m4XRkrFg==", + "license": "MIT", + "engines": { + "node": ">=22" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, "node_modules/chownr": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", @@ -1582,6 +1721,61 @@ "node": ">=18" } }, + "node_modules/chromium-bidi": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-17.0.2.tgz", + "integrity": "sha512-5v9GQFhTktFvotn/OFNJBmKLKRAb6n9r0bVCwf7sHgWc3/JryK0bj1nn93L3pHFrfgcsu6Be6EWsDi+1XHTGDg==", + "license": "Apache-2.0", + "dependencies": { + "mitt": "^3.0.1", + "zod": "^3.24.1" + }, + "engines": { + "node": ">=20.19.0 <22.0.0 || >=22.12.0" + }, + "peerDependencies": { + "devtools-protocol": "*" + } + }, + "node_modules/cli-boxes": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-4.0.1.tgz", + "integrity": "sha512-5IOn+jcCEHEraYolBPs/sT4BxYCe2nHg374OPiItB1O96KZFseS2gthU4twyYzeDcFew4DaUM/xwc5BQf08JJw==", + "license": "MIT", + "engines": { + "node": ">=18.20 <19 || >=20.10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-cursor": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz", + "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==", + "license": "MIT", + "dependencies": { + "restore-cursor": "^4.0.0" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-spinners": { + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", + "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==", + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/cli-table3": { "version": "0.6.5", "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.5.tgz", @@ -1597,6 +1791,129 @@ "@colors/colors": "1.5.0" } }, + "node_modules/cli-truncate": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-6.1.1.tgz", + "integrity": "sha512-06p9vyLahLa4zkGcgsGxU6iEkSOiuI4fhCH6Emhe2lPAcoUv73n72DnODsnHA+5wwXGnV0n9M9/qOQJSjYhFhw==", + "license": "MIT", + "dependencies": { + "slice-ansi": "^9.0.0", + "string-width": "^8.2.0" + }, + "engines": { + "node": ">=22" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-truncate/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/cli-truncate/node_modules/string-width": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cli-truncate/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/cliui": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz", + "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==", + "license": "ISC", + "dependencies": { + "string-width": "^7.2.0", + "strip-ansi": "^7.1.0", + "wrap-ansi": "^9.0.0" + }, + "engines": { + "node": ">=20" + } + }, + "node_modules/cliui/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/cliui/node_modules/emoji-regex": { + "version": "10.6.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz", + "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==", + "license": "MIT" + }, + "node_modules/cliui/node_modules/string-width": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", + "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", + "license": "MIT", + "dependencies": { + "emoji-regex": "^10.3.0", + "get-east-asian-width": "^1.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/cliui/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, "node_modules/cloakbrowser": { "version": "0.4.5", "resolved": "https://registry.npmjs.org/cloakbrowser/-/cloakbrowser-0.4.5.tgz", @@ -1632,6 +1949,18 @@ } } }, + "node_modules/code-excerpt": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz", + "integrity": "sha512-xxodCmBen3iy2i0WtAK8FlFNrRzjUqjRsMfho58xT/wvZU1YTM3fCnRjcy1gJPMepaRlgm/0e6w8SpWHpn3/cA==", + "license": "MIT", + "dependencies": { + "convert-to-spaces": "^2.0.1" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, "node_modules/commander": { "version": "14.0.3", "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz", @@ -1648,6 +1977,15 @@ "dev": true, "license": "MIT" }, + "node_modules/convert-to-spaces": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz", + "integrity": "sha512-rcQ1bsQO9799wq24uE5AM2tAILy4gXGIK/njFWcVQkGNZ96edlpY+A7bjwvzjYvLDyzmG1MmMLZhpcsb+klNMQ==", + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, "node_modules/css-tree": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz", @@ -1661,6 +1999,13 @@ "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" } }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "devOptional": true, + "license": "MIT" + }, "node_modules/data-uri-to-buffer": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz", @@ -1718,6 +2063,12 @@ "node": ">=8" } }, + "node_modules/devtools-protocol": { + "version": "0.0.1666840", + "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1666840.tgz", + "integrity": "sha512-gCcO42XCHKEs7Ag0S7aGYsnJ7hlgrO3qderYqeiY0Eqk+0GFfuvT13IA0hHreJTa2KCdDVyGMeOhdMNmrrTjVg==", + "license": "BSD-3-Clause" + }, "node_modules/ecdsa-sig-formatter": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz", @@ -1734,6 +2085,18 @@ "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", "license": "MIT" }, + "node_modules/environment": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz", + "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/es-module-lexer": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz", @@ -1741,6 +2104,18 @@ "dev": true, "license": "MIT" }, + "node_modules/es-toolkit": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.52.0.tgz", + "integrity": "sha512-XTNEJQh1tY1ZJVcf6ayP/2n4ZPyaHlW2FWs7xvw5ddPuhUVjLD3olQVQS7kf58JbAB48iL0uL/jerTrjtV3lDA==", + "license": "MIT", + "workspaces": [ + "docs", + "benchmarks", + "tests/types", + "tests/browser-compat" + ] + }, "node_modules/esbuild": { "version": "0.28.1", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz", @@ -1783,6 +2158,24 @@ "@esbuild/win32-x64": "0.28.1" } }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", + "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/estree-walker": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", @@ -1852,6 +2245,21 @@ "node": "^12.20 || >= 14.13" } }, + "node_modules/figures": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz", + "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==", + "license": "MIT", + "dependencies": { + "is-unicode-supported": "^2.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/formdata-polyfill": { "version": "4.0.10", "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz", @@ -1910,6 +2318,27 @@ "node": ">=18" } }, + "node_modules/get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "license": "ISC", + "engines": { + "node": "6.* || 8.* || >= 10.*" + } + }, + "node_modules/get-east-asian-width": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz", + "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/google-auth-library": { "version": "10.9.0", "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-10.9.0.tgz", @@ -1938,6 +2367,31 @@ "node": ">=14" } }, + "node_modules/gradient-string": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/gradient-string/-/gradient-string-3.0.0.tgz", + "integrity": "sha512-frdKI4Qi8Ihp4C6wZNB565de/THpIaw3DjP5ku87M+N9rNSGmPTjfkq61SdRXB7eCaL8O1hkKDvf6CDMtOzIAg==", + "license": "MIT", + "dependencies": { + "chalk": "^5.3.0", + "tinygradient": "^1.1.5" + }, + "engines": { + "node": ">=14" + } + }, + "node_modules/gradient-string/node_modules/chalk": { + "version": "5.6.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz", + "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==", + "license": "MIT", + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, "node_modules/html-encoding-sniffer": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz", @@ -2111,21 +2565,254 @@ "node": ">= 10" } }, - "node_modules/is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "node_modules/indent-string": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz", + "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ink": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/ink/-/ink-7.1.1.tgz", + "integrity": "sha512-Y43xxa1ZSPvpmfLHcN5o+OdP8Rf8ykkNJEuKYOUNZKT8wXVNLFTtEm1nSDMQkfBH+YANF4Xuu0hhZ4ejqAtN2w==", + "license": "MIT", + "dependencies": { + "@alcalzone/ansi-tokenize": "^0.3.0", + "ansi-escapes": "^7.3.0", + "ansi-styles": "^6.2.3", + "auto-bind": "^5.0.1", + "chalk": "^5.6.2", + "cli-boxes": "^4.0.1", + "cli-cursor": "^4.0.0", + "cli-truncate": "^6.0.0", + "code-excerpt": "^4.0.0", + "es-toolkit": "^1.45.1", + "indent-string": "^5.0.0", + "is-in-ci": "^2.0.0", + "patch-console": "^2.0.0", + "react-reconciler": "^0.33.0", + "scheduler": "^0.27.0", + "signal-exit": "^3.0.7", + "slice-ansi": "^9.0.0", + "stack-utils": "^2.0.6", + "string-width": "^8.2.0", + "terminal-size": "^4.0.1", + "type-fest": "^5.5.0", + "widest-line": "^6.0.0", + "wrap-ansi": "^10.0.0", + "ws": "^8.20.0", + "yoga-layout": "~3.2.1" + }, + "engines": { + "node": ">=22" + }, + "peerDependencies": { + "@types/react": ">=19.2.0", + "react": ">=19.2.0", + "react-devtools-core": ">=6.1.2" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "react-devtools-core": { + "optional": true + } + } + }, + "node_modules/ink-select-input": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/ink-select-input/-/ink-select-input-6.2.0.tgz", + "integrity": "sha512-304fZXxkpYxJ9si5lxRCaX01GNlmPBgOZumXXRnPYbHW/iI31cgQynqk2tRypGLOF1cMIwPUzL2LSm6q4I5rQQ==", + "license": "MIT", + "dependencies": { + "figures": "^6.1.0", + "to-rotated": "^1.0.0" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "ink": ">=5.0.0", + "react": ">=18.0.0" + } + }, + "node_modules/ink-spinner": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ink-spinner/-/ink-spinner-5.0.0.tgz", + "integrity": "sha512-EYEasbEjkqLGyPOUc8hBJZNuC5GvXGMLu0w5gdTNskPc7Izc5vO3tdQEYnzvshucyGCBXc86ig0ujXPMWaQCdA==", + "license": "MIT", + "dependencies": { + "cli-spinners": "^2.7.0" + }, + "engines": { + "node": ">=14.16" + }, + "peerDependencies": { + "ink": ">=4.0.0", + "react": ">=18.0.0" + } + }, + "node_modules/ink-text-input": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/ink-text-input/-/ink-text-input-6.0.0.tgz", + "integrity": "sha512-Fw64n7Yha5deb1rHY137zHTAbSTNelUKuB5Kkk2HACXEtwIHBCf9OH2tP/LQ9fRYTl1F0dZgbW0zPnZk6FA9Lw==", + "license": "MIT", + "dependencies": { + "chalk": "^5.3.0", + "type-fest": "^4.18.2" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "ink": ">=5", + "react": ">=18" + } + }, + "node_modules/ink-text-input/node_modules/chalk": { + "version": "5.6.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz", + "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==", + "license": "MIT", + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/ink-text-input/node_modules/type-fest": { + "version": "4.41.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz", + "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==", + "license": "(MIT OR CC0-1.0)", + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ink/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/ink/node_modules/chalk": { + "version": "5.6.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz", + "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==", + "license": "MIT", + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/ink/node_modules/string-width": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ink/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/ink/node_modules/wrap-ansi": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-10.0.1.tgz", + "integrity": "sha512-M0N4xzyzosiIok3svYlEo1sdLZts/8FPgYH/GPC3wvlmPoRvnoManGMrE54waYj3tISA8w6lsdesfVv67qSr8Q==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^6.2.3", + "string-width": "^8.2.0" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", "license": "MIT", "engines": { "node": ">=8" } }, + "node_modules/is-in-ci": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-2.0.0.tgz", + "integrity": "sha512-cFeerHriAnhrQSbpAxL37W1wcJKUUX07HyLWZCW1URJT/ra3GyUTzBgUnh24TMVfNTV2Hij2HLxkPHFZfOZy5w==", + "license": "MIT", + "bin": { + "is-in-ci": "cli.js" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-potential-custom-element-name": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", "license": "MIT" }, + "node_modules/is-unicode-supported": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz", + "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/js-yaml": { "version": "4.3.2", "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.2.tgz", @@ -2491,6 +3178,18 @@ "url": "https://opencollective.com/parcel" } }, + "node_modules/lilconfig": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", + "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", + "license": "MIT", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antonk52" + } + }, "node_modules/long": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz", @@ -2523,6 +3222,15 @@ "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==", "license": "CC0-1.0" }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/minipass": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz", @@ -2544,6 +3252,21 @@ "node": ">= 18" } }, + "node_modules/mitt": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz", + "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==", + "license": "MIT" + }, + "node_modules/modern-tar": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.8.5.tgz", + "integrity": "sha512-snEhs+6G5Tjd4I7tLCDOaoln2RgE0bD19RzEKgvgK2hZ5VKy3MpLhLTZ2fWpXSTg4K2cyPwp+VHATFJhxfnOeA==", + "license": "MIT", + "engines": { + "node": ">=18.0.0" + } + }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", @@ -2621,6 +3344,21 @@ ], "license": "MIT" }, + "node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "license": "MIT", + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/p-retry": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz", @@ -2659,6 +3397,15 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/patch-console": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/patch-console/-/patch-console-2.0.0.tgz", + "integrity": "sha512-0YNdUceMdaQwoKce1gatDScmMo5pu/tfABfnzEqeG0gtTmd7mh/WcwgUjtAeOU7N8nFFlbQBnFK2gXW5fGvmMA==", + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, "node_modules/pathe": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz", @@ -2679,7 +3426,6 @@ "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -2692,7 +3438,6 @@ "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz", "integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==", "license": "Apache-2.0", - "peer": true, "bin": { "playwright-core": "cli.js" }, @@ -2762,6 +3507,44 @@ "node": ">=6" } }, + "node_modules/puppeteer": { + "version": "25.10.0", + "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-25.10.0.tgz", + "integrity": "sha512-9ZfkiaZDQWpGPJp9XTS+Bkn/D78hPvYmtjPfIBeybn05oeY6Jj7aiSbYdfcSQD2UMvC0vE7Yi9PSDo179euRzw==", + "hasInstallScript": true, + "license": "Apache-2.0", + "dependencies": { + "@puppeteer/browsers": "3.2.2", + "chromium-bidi": "17.0.2", + "devtools-protocol": "0.0.1666840", + "lilconfig": "^3.1.3", + "puppeteer-core": "25.10.0", + "typed-query-selector": "^2.12.2" + }, + "bin": { + "puppeteer": "lib/puppeteer/node/cli.js" + }, + "engines": { + "node": ">=22.12.0" + } + }, + "node_modules/puppeteer-core": { + "version": "25.10.0", + "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-25.10.0.tgz", + "integrity": "sha512-Hy5eMQshOEMil4JUUx03h5pw1HYkYCso1RG/gcpPlFSd4cYPOcopxcXEAxpLPOkOPJb9LIJtwxuj66bSdvknFg==", + "license": "Apache-2.0", + "dependencies": { + "@puppeteer/browsers": "3.2.2", + "chromium-bidi": "17.0.2", + "devtools-protocol": "0.0.1666840", + "typed-query-selector": "^2.12.2", + "webdriver-bidi-protocol": "0.4.3", + "ws": "^8.21.3" + }, + "engines": { + "node": ">=22.12.0" + } + }, "node_modules/quickjs-emscripten": { "version": "0.32.0", "resolved": "https://registry.npmjs.org/quickjs-emscripten/-/quickjs-emscripten-0.32.0.tgz", @@ -2787,6 +3570,31 @@ "@jitl/quickjs-ffi-types": "0.32.0" } }, + "node_modules/react": { + "version": "19.3.0", + "resolved": "https://registry.npmjs.org/react/-/react-19.3.0.tgz", + "integrity": "sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==", + "license": "MIT", + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-reconciler": { + "version": "0.33.0", + "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.33.0.tgz", + "integrity": "sha512-KetWRytFv1epdpJc3J4G75I4WrplZE5jOL7Yq0p34+OVOKF4Se7WrdIdVC45XsSSmUTlht2FM/fM1FZb1mfQeA==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.27.0" + }, + "engines": { + "node": ">=0.10.0" + }, + "peerDependencies": { + "react": "^19.2.0" + } + }, "node_modules/require-from-string": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", @@ -2796,6 +3604,22 @@ "node": ">=0.10.0" } }, + "node_modules/restore-cursor": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz", + "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==", + "license": "MIT", + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/retry": { "version": "0.13.1", "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", @@ -2873,6 +3697,12 @@ "node": ">=v12.22.7" } }, + "node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT" + }, "node_modules/siginfo": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz", @@ -2880,6 +3710,43 @@ "dev": true, "license": "ISC" }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "license": "ISC" + }, + "node_modules/slice-ansi": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-9.0.0.tgz", + "integrity": "sha512-SO/3iYL5S3W57LLEniscOGPZgOqZUPCx6d3dB+52B80yJ0XstzsC/eV8gnA4tM3MHDrKz+OCFSLNjswdSC+/bA==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^6.2.3", + "is-fullwidth-code-point": "^5.1.0" + }, + "engines": { + "node": ">=22" + }, + "funding": { + "url": "https://github.com/chalk/slice-ansi?sponsor=1" + } + }, + "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz", + "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.3.1" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -2889,6 +3756,18 @@ "node": ">=0.10.0" } }, + "node_modules/stack-utils": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", + "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", + "license": "MIT", + "dependencies": { + "escape-string-regexp": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/stackback": { "version": "0.0.2", "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz", @@ -2935,6 +3814,18 @@ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", "license": "MIT" }, + "node_modules/tagged-tag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/tagged-tag/-/tagged-tag-1.0.0.tgz", + "integrity": "sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==", + "license": "MIT", + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/tar": { "version": "7.5.22", "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz", @@ -2951,6 +3842,18 @@ "node": ">=18" } }, + "node_modules/terminal-size": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/terminal-size/-/terminal-size-4.0.1.tgz", + "integrity": "sha512-avMLDQpUI9I5XFrklECw1ZEUPJhqzcwSWsyyI8blhRLT+8N1jLJWLWWYQpB2q2xthq8xDvjZPISVh53T/+CLYQ==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/tinybench": { "version": "2.9.0", "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz", @@ -2958,6 +3861,12 @@ "dev": true, "license": "MIT" }, + "node_modules/tinycolor2": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz", + "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==", + "license": "MIT" + }, "node_modules/tinyexec": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz", @@ -2985,6 +3894,16 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, + "node_modules/tinygradient": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/tinygradient/-/tinygradient-1.1.5.tgz", + "integrity": "sha512-8nIfc2vgQ4TeLnk2lFj4tRLvvJwEfQuabdsmvDdQPT0xlk9TaNtpGd6nNRxXoK6vQhN6RSzj+Cnp5tTQmpxmbw==", + "license": "MIT", + "dependencies": { + "@types/tinycolor2": "^1.4.0", + "tinycolor2": "^1.0.0" + } + }, "node_modules/tinyrainbow": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.0.tgz", @@ -3013,6 +3932,18 @@ "integrity": "sha512-CW3WN2rIIE/Of21mulhgnGOwoDyEFNygyIBOONSdyAuSATgMMUCpLeUlB+E8sAwA5xRV9hYPl+kyZ9citHCaKg==", "license": "MIT" }, + "node_modules/to-rotated": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/to-rotated/-/to-rotated-1.0.0.tgz", + "integrity": "sha512-KsEID8AfgUy+pxVRLsWp0VzCa69wxzUDZnzGbyIST/bcgcrMvTYoFBX/QORH4YApoD89EDuUovx4BTdpOn319Q==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/tough-cookie": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.1.tgz", @@ -3050,7 +3981,6 @@ "integrity": "sha512-6w9FwtT8WQqRAyTNR+Z+86kghRqpmOLjXUrBlBT6T+CQGDuIMm0VmAqaFUFBIeKDTGobE6/YSigZYLeomzBaRg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "esbuild": "~0.28.0" }, @@ -3079,6 +4009,27 @@ "integrity": "sha512-vwz9tfvF7XN/jE0dGoBei3FXWuvll78ohzCZQuOb+ZjWrs3a0XhQVomJEb2Qh4VHTPNRO4GPZh0V7VRbiWwkRg==", "license": "MIT" }, + "node_modules/type-fest": { + "version": "5.9.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.9.0.tgz", + "integrity": "sha512-yANm3Jr3GiJ1qgJlxGAVxTOIcEOk1rhQHamlXtnrCK7EHP4HeM9OGxtMg/W7HFdrVzw/ZWJKGVIJusVH85sLtw==", + "license": "(MIT OR CC0-1.0)", + "dependencies": { + "tagged-tag": "^1.0.0" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/typed-query-selector": { + "version": "2.12.2", + "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.2.tgz", + "integrity": "sha512-EOPFbyIub4ngnEdqi2yOcNeDLaX/0jcE1JoAXQDDMIthap7FoN795lc/SHfIq2d416VufXpM8z/lD+WRm2gfOQ==", + "license": "MIT" + }, "node_modules/typescript": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.2.tgz", @@ -3115,7 +4066,6 @@ "integrity": "sha512-7ULLwsCdYx/nRyrpiEwvqb5TFHrMVZyBt+rg/OAXT7rgj/z+DtTDyKFeLAdDkubDVDKD8jOsndmy7m55XcfUsw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", @@ -3300,6 +4250,12 @@ "node": ">= 8" } }, + "node_modules/webdriver-bidi-protocol": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.3.tgz", + "integrity": "sha512-uuN0goWfxP22B7J/uAgBpOYNPttC+XVseYE+rSY5+rQ+YBeVz/VORw8WbmLVcqW78zNg5A4qnjNXYUWR3il2ig==", + "license": "Apache-2.0" + }, "node_modules/webidl-conversions": { "version": "8.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz", @@ -3349,10 +4305,135 @@ "node": ">=8" } }, + "node_modules/widest-line": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-6.0.0.tgz", + "integrity": "sha512-U89AsyEeAsyoF0zVJBkG9zBgekjgjK7yk9sje3F4IQpXBJ10TF6ByLlIfjMhcmHMJgHZI4KHt4rdNfktzxIAMA==", + "license": "MIT", + "dependencies": { + "string-width": "^8.1.0" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/widest-line/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/widest-line/node_modules/string-width": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/widest-line/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi": { + "version": "9.0.2", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz", + "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^6.2.1", + "string-width": "^7.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/emoji-regex": { + "version": "10.6.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz", + "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==", + "license": "MIT" + }, + "node_modules/wrap-ansi/node_modules/string-width": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", + "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", + "license": "MIT", + "dependencies": { + "emoji-regex": "^10.3.0", + "get-east-asian-width": "^1.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/wrap-ansi/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, "node_modules/ws": { - "version": "8.21.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz", - "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==", + "version": "8.21.3", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.3.tgz", + "integrity": "sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==", "license": "MIT", "engines": { "node": ">=10.0.0" @@ -3385,6 +4466,15 @@ "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", "license": "MIT" }, + "node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "license": "ISC", + "engines": { + "node": ">=10" + } + }, "node_modules/yallist": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", @@ -3393,6 +4483,90 @@ "engines": { "node": ">=18" } + }, + "node_modules/yargs": { + "version": "18.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.1.0.tgz", + "integrity": "sha512-2rAgRKu54VsHkqI0/tYkmluGXHD4KW7yZoycuqDQ15QOTnc2VVfy0nN/1eMhnQLO00A+dwtK20xuCnc1YGeUyg==", + "license": "MIT", + "dependencies": { + "cliui": "^9.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "string-width": "^8.2.1", + "y18n": "^5.0.5", + "yargs-parser": "^22.0.0" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=23" + } + }, + "node_modules/yargs-parser": { + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz", + "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==", + "license": "ISC", + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=23" + } + }, + "node_modules/yargs/node_modules/ansi-regex": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/yargs/node_modules/string-width": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", + "license": "MIT", + "dependencies": { + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/yargs/node_modules/strip-ansi": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.2.2" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/yoga-layout": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz", + "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==", + "license": "MIT" + }, + "node_modules/zod": { + "version": "3.25.76", + "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz", + "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/colinhacks" + } } } } diff --git a/package.json b/package.json index 8e157c60f..b33eba6a2 100644 --- a/package.json +++ b/package.json @@ -54,6 +54,7 @@ "benchmark": "uv run python benchmarks/scripts/run_eval.py", "dev": "tsx src/main.ts", "dev:bun": "bun src/main.ts", + "clone": "tsx src/cloner/cli.ts", "build": "npm run clean-dist && npm run copy-yaml && npm run compile && npm run build-manifest", "compile": "tsc --build && node -e \"require('fs').chmodSync('dist/src/main.js', 0o755)\"", "build-manifest": "tsx src/build-manifest.ts", @@ -69,7 +70,7 @@ "preuninstall": "node -e \"fetch('http://127.0.0.1:9777/shutdown',{method:'POST',headers:{'X-Webcmd':'1'},signal:AbortSignal.timeout(3000)}).catch(()=>{})\" || true", "postinstall": "node scripts/postinstall.js || true", "typecheck": "tsc --noEmit", - "prepare": "[ -d src ] && npm run build || true", + "prepare": "node -e \"if(require('fs').existsSync('src')) require('child_process').execSync('npm run build', {stdio:'inherit'})\"", "prepublishOnly": "npm run build", "test": "vitest run --project unit", "test:bun": "bun vitest run --project unit", @@ -97,13 +98,20 @@ }, "dependencies": { "@mozilla/readability": "^0.6.0", + "chalk": "^6.0.0", "cli-table3": "^0.6.5", "cloakbrowser": "0.4.5", "commander": "^14.0.3", + "gradient-string": "^3.0.0", "impit": "0.14.3", + "ink": "^7.1.1", + "ink-select-input": "^6.2.0", + "ink-spinner": "^5.0.0", + "ink-text-input": "^6.0.0", "js-yaml": "^4.3.2", "jsdom": "^29.0.2", "playwright-core": "1.61.1", + "puppeteer": "^25.10.0", "quickjs-emscripten": "0.32.0", "tldts": "^7.4.11", "turndown": "^7.2.2", @@ -118,6 +126,8 @@ "@types/js-yaml": "^4.0.9", "@types/jsdom": "^27.0.0", "@types/node": "^25.5.2", + "@types/react": "^19.3.0", + "@types/react-dom": "^19.3.0", "@types/turndown": "^5.0.6", "@types/ws": "^8.5.13", "esbuild": "^0.28.1", diff --git a/src/cli.ts b/src/cli.ts index 0ae61635b..e5bed264d 100644 --- a/src/cli.ts +++ b/src/cli.ts @@ -43,6 +43,7 @@ import { analyzeSite, type PageSignals } from './browser/analyze.js'; import { BROWSER_RUN_HELP_TEXT, browserOptionValueParser } from './browser/command-catalog.js'; import { registerAuthCommands } from './commands/auth.js'; import { daemonRestart, daemonStatus, daemonStop } from './commands/daemon.js'; +import { executeCloneCommand } from './commands/clone.js'; import { enableVerbose, isVerbose, log } from './logger.js'; import { BrowserCommandError, listExistingBrowserTabs, releaseSiteSessionLease, sendCommand } from './browser/daemon-client.js'; import { fetchDaemonStatus } from './browser/daemon-transport.js'; @@ -2244,6 +2245,27 @@ cli({ externalRootCommands.add(command); } + // ── Universal Website Cloner ────────────────────────────────────────────── + program + .command('clone') + .description('Clone and replicate any website into a local directory with full assets') + .argument('[url]', 'Target website URL to clone (prompts interactively if omitted)') + .option('-o, --output ', 'Destination output directory') + .option('-t, --timeout ', 'Navigation timeout in milliseconds', '45000') + .option('--no-scroll', 'Disable automatic scrolling') + .option('--no-scripts', 'Exclude dynamic script tags') + .option('--design-system', 'Extract Color Palette, Typography & AI Design Prompt Skill') + .option('--to-react', 'Decompose cloned site into React + Tailwind components') + .option('--verify', 'Generate pixel-perfect visual diff comparison and slider') + .option('--zip', 'Package cloned site into a portable ZIP archive') + .option('-s, --serve', 'Launch local preview server after cloning', true) + .option('--no-serve', 'Do not launch preview server') + .option('--no-open', 'Do not automatically open in default browser') + .option('-p, --port ', 'Server port for preview', '3000') + .action(async (url: string | undefined, opts: any) => { + await executeCloneCommand(url, opts); + }); + // ── Antigravity serve (long-running, special case) ──────────────────────── const siteGroups = new Map(); diff --git a/src/cloner/cli.ts b/src/cloner/cli.ts new file mode 100644 index 000000000..9cc444af6 --- /dev/null +++ b/src/cloner/cli.ts @@ -0,0 +1,24 @@ +#!/usr/bin/env node +import { Command } from 'commander'; +import { executeCloneCommand } from '../commands/clone.js'; + +const program = new Command(); + +program + .name('webcmd-clone') + .description('Download and replicate any website with full DOM rendering, asset resolution, and HTML formatting.') + .argument('[url]', 'Target website URL to clone (prompts interactively if omitted)') + .option('-o, --output ', 'Destination output directory') + .option('-t, --timeout ', 'Navigation timeout in milliseconds', '45000') + .option('--no-scroll', 'Disable automatic scrolling') + .option('--no-scripts', 'Exclude dynamic script tags') + .option('-s, --serve', 'Launch local preview server after cloning', true) + .option('--no-serve', 'Do not launch preview server') + .option('--no-open', 'Do not automatically open in default browser') + .option('-p, --port ', 'Server port for preview', '3000') + .option('--json', 'Output machine-readable JSON summary only', false) + .action(async (cliUrl: string | undefined, options: any) => { + await executeCloneCommand(cliUrl, options); + }); + +program.parse(process.argv); diff --git a/src/cloner/cloner.test.ts b/src/cloner/cloner.test.ts new file mode 100644 index 000000000..4bb0fb448 --- /dev/null +++ b/src/cloner/cloner.test.ts @@ -0,0 +1,53 @@ +import { describe, it, expect } from 'vitest'; +import { WebsiteCloner } from './cloner.js'; + +describe('WebsiteCloner', () => { + it('instantiates correctly with options', () => { + const cloner = new WebsiteCloner({ + url: 'https://example.com', + outputDir: './clones/example', + }); + expect(cloner).toBeDefined(); + }); + + it('correctly registers and categorizes assets', () => { + const cloner = new WebsiteCloner({ + url: 'https://example.com', + outputDir: './clones/example', + }); + + const cssAsset = cloner.registerAsset( + 'https://example.com/style.css', + Buffer.from('body { color: red; }'), + 'text/css' + ); + expect(cssAsset.category).toBe('css'); + expect(cssAsset.relativePath).toContain('assets/css/'); + + const imgAsset = cloner.registerAsset( + 'https://example.com/logo.png', + Buffer.from('fake-png'), + 'image/png' + ); + expect(imgAsset.category).toBe('images'); + expect(imgAsset.relativePath).toContain('assets/images/'); + }); + + it('rewrites html links using JSDOM', async () => { + const cloner = new WebsiteCloner({ + url: 'https://example.com', + outputDir: './clones/example', + }); + + cloner.registerAsset( + 'https://example.com/main.css', + Buffer.from('h1 { font-size: 20px; }'), + 'text/css' + ); + + const rawHtml = ``; + const rewritten = await cloner.rewriteDom(rawHtml, 'https://example.com'); + + expect(rewritten).toContain('assets/css/'); + }); +}); diff --git a/src/cloner/cloner.ts b/src/cloner/cloner.ts new file mode 100644 index 000000000..7d138df2d --- /dev/null +++ b/src/cloner/cloner.ts @@ -0,0 +1,609 @@ +import fs from 'node:fs/promises'; +import path from 'node:path'; +import { URL } from 'node:url'; +import { JSDOM } from 'jsdom'; + +export interface CloneOptions { + url: string; + outputDir: string; + timeout?: number; + autoScroll?: boolean; + includeScripts?: boolean; + formatHtml?: boolean; + userAgent?: string; + viewport?: { width: number; height: number }; + onLog?: (level: 'INFO' | 'WARN' | 'ERROR' | 'SUCCESS', message: string) => void; + onStep?: (step: number, total: number, message: string, status?: 'START' | 'DONE' | 'FAIL') => void; +} + +export interface AssetRecord { + originalUrl: string; + normalizedUrl: string; + localPath: string; + relativePath: string; + mimeType: string; + category: 'css' | 'js' | 'images' | 'fonts' | 'media' | 'other'; + buffer?: Buffer; +} + +export interface CloneResult { + sourceUrl: string; + outputDir: string; + htmlPath: string; + totalAssets: number; + assetsByCategory: Record; + durationMs: number; +} + +export function formatHtmlString(html: string): string { + const voidTags = new Set([ + 'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', + 'link', 'meta', 'param', 'source', 'track', 'wbr', '!doctype' + ]); + + let formatted = ''; + let indentLevel = 0; + const indentStr = ' '; + + // Tokenize HTML tags and text nodes + const tokens = html.replace(/>\s*<').split(/(<\/?[^>]+>)/g).filter(Boolean); + + let inScriptOrStyle = false; + + for (const token of tokens) { + const trimmed = token.trim(); + if (!trimmed) continue; + + if (trimmed.startsWith(' + + + +
+ +
+
+

${siteName} Production Design System

+

Extracted from ${sourceUrl}

+
+ +
+ + +
+
+
+

♿ WCAG 2.1 AA/AAA Accessibility Audit

+

Automated contrast ratio evaluations & ADA Section 508 compliance matrix

+
+ +
+ +
+
+
${complianceScore}%
+
Global AA Compliance Score
+
+
+
${passedCount} / ${contrastPairs.length}
+
Color Pairs Passed
+
+
+
Level AA
+
Target W3C Standard
+
+
+ + + + + + + + + + + + + + + ${contrastPairs.map(p => ` + + + + + + + + + + `).join('')} + +
Token RoleColor HEXTarget SurfaceContrast RatioWCAG AA (4.5:1)WCAG AAA (7.0:1)Engineering Guidance
${p.role} +
+ + ${p.hex} +
+ 		+
+ + ${p.target} +
+ 		${p.ratio.toFixed(2)}:1 + ${p.ratio >= p.minRequired ? '✔ PASS' : '⚠ Large Text Only'} + + ${p.ratio >= 7.0 ? '✔ PASS' : '⚠ Normal AA'} + + ${p.ratio >= p.minRequired ? 'Suitable for body text & interactive buttons' : 'Restrict to headlines (>18pt) or non-text UI borders'} +
+
+ + +
+
+

1. Color & Palette System

+ Click any swatch to copy HEX +
+ +

Primary Brand Scale (50-950)

+
+ ${brandScale.map(s => ` +
+
+
${s.step}
+
+ `).join('')} +
+ +

Neutral Slate Scale (50-950)

+
+ ${neutralScale.map(s => ` +
+
+
${s.step}
+
+ `).join('')} +
+ +

Semantic & Functional Roles

+
+ ${semanticColors.map(c => ` +
+
+
+
${c.name}
+
${c.hex}
+
+
+ `).join('')} +
+
+ + +
+
+

2. Typography Scale

+ Stack: ${primaryFont} +
+ + + + + + + + + + + + ${typographyScale.map(t => ` + + + + + + + + `).join('')} + +
LevelSizeWeightLine HeightPreview
${t.level}${t.size}${t.weight}${t.lineHeight} + The quick brown fox jumps over the lazy dog +
+
+ + +
+
+

3. Spacing System & Grid

+ 8pt Grid Scale +
+
+ ${spacingScale.map(s => ` +
+
${s.token} (${s.value})
+
+
${s.usage}
+
+ `).join('')} +
+
+ + +
+
+

4. Elevation & Shadows

+ Light-mode depth hierarchy +
+
+ ${shadows.map(s => ` +
+ ${s.token} +

${s.description}

+
+ `).join('')} +
+
+ + +
+
+

5. Interactive UI Components

+ Live Primitives +
+
+ +
+

Buttons & Triggers

+
+ + + +
+
+ + +
+
+ + +
+

Form Controls

+
+
+ + +
+
+ + +
+
+
+ + +
+

Container Card

+
+
+ Active + Just now +
+

${siteName} Component

+

Tailored design tokens with responsive scaling.

+ +
+
+
+
+ + +
+
+
+

⚛️ React + Tailwind Component Code

+

Ready-to-use TypeScript + Tailwind CSS UI Primitives

+
+ +
+
+ + 
${reactComponentsTsx.replace(//g, '>')}
+
+
+ + +
+
+
+

⚡ Master AI Prompt Blueprint

+

Copy-paste into Cursor, Claude, ChatGPT, or Copilot to replicate this design system

+
+ +
+
+ + 
${promptBlueprint.replace(//g, '>')}
+
+
+ + +
+
+
+

📐 Figma Tokens Studio (DTCG)

+

W3C Design Token Community Group Standard

+
+ +
+
+ + 
${JSON.stringify(figmaTokens, null, 2).replace(//g, '>')}
+
+
+
+ + +
Copied to clipboard!
+ + + + +`; + const previewHtmlPath = path.join(designSystemDir, 'preview.html'); + await fs.writeFile(previewHtmlPath, previewHtml, 'utf-8'); + + return { + siteName, + sourceUrl, + extractedAt: new Date().toISOString(), + colors: sortedRaw.length > 0 ? sortedRaw : [primaryAccent, secondaryAccent, tertiaryAccent], + colorSystem: { + brand: brandColors, + brandScale, + neutral: neutralColors, + neutralScale, + semantic: semanticColors, + gradients, + }, + typography: { + primaryFont, + monoFont: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace', + scale: typographyScale, + }, + spacingScale, + gridAndBreakpoints, + radii, + shadows, + blurs, + motion, + zIndex, + components: [], + outputDir: designSystemDir, + files: { + tokensJson: tokensJsonPath, + tokensCss: tokensCssPath, + tailwindConfig: tailwindThemePath, + styleGuideMd: styleGuideMdPath, + previewHtml: previewHtmlPath, + reactComponentsTsx: reactComponentsTsxPath, + agentSkillMd: agentSkillMdPath, + accessibilityAuditJson: auditJsonPath, + accessibilityAuditMd: auditMdPath, + figmaTokensJson: figmaTokensPath, + promptBlueprintMd: promptBlueprintPath, + }, + }; +} + diff --git a/src/cloner/react-converter.ts b/src/cloner/react-converter.ts new file mode 100644 index 000000000..0f0c2a627 --- /dev/null +++ b/src/cloner/react-converter.ts @@ -0,0 +1,209 @@ +import fs from 'node:fs/promises'; +import path from 'node:path'; +import { JSDOM } from 'jsdom'; + +export interface ReactConversionResult { + outputDir: string; + components: string[]; + entryFile: string; +} + +function convertHtmlToJsx(html: string): string { + let jsx = html + .replace(//g, '') // Remove HTML comments + .replace(/\bclass="/g, 'className="') + .replace(/\bfor="/g, 'htmlFor="') + .replace(/\btabindex="/g, 'tabIndex="') + .replace(/\bautocomplete="/g, 'autoComplete="') + .replace(/\bautofocus="/g, 'autoFocus="') + .replace(/\breadonly="/g, 'readOnly="') + .replace(/\bcolspan="/g, 'colSpan="') + .replace(/\browspan="/g, 'rowSpan="') + .replace(/\bsvg:([a-zA-Z-]+)/g, '$1') + .replace(/style="([^"]*)"/g, (match, styleContent) => { + // Convert style="color: red; margin-top: 10px;" to style={{ color: 'red', marginTop: '10px' }} + const styles = styleContent.split(';').filter((s: string) => s.trim().length > 0); + const styleProps = styles.map((s: string) => { + const [k, v] = s.split(':'); + if (!k || !v) return ''; + const camelK = k.trim().replace(/-([a-z])/g, (g: string) => g[1].toUpperCase()); + return `${camelK}: '${v.trim().replace(/'/g, "\\'")}'`; + }).filter(Boolean); + return `style={{ ${styleProps.join(', ')} }}`; + }); + + // Self close void elements: , ,
,
, , , + const voidTags = ['img', 'input', 'br', 'hr', 'link', 'meta', 'source', 'area', 'base', 'col', 'embed', 'param', 'track', 'wbr']; + for (const tag of voidTags) { + const regex = new RegExp(`<(${tag})\\b([^>]*?)(?`, 'gi'); + jsx = jsx.replace(regex, '<$1$2 />'); + } + + return jsx; +} + +export async function convertCloneToReact(cloneDir: string): Promise { + const indexHtmlPath = path.join(cloneDir, 'index.html'); + const rawHtml = await fs.readFile(indexHtmlPath, 'utf-8'); + + const dom = new JSDOM(rawHtml); + const document = dom.window.document; + + const reactDir = path.join(cloneDir, 'react'); + const componentsDir = path.join(reactDir, 'src', 'components'); + await fs.mkdir(componentsDir, { recursive: true }); + + const components: string[] = []; + + // 1. Extract Navigation / Header + const headerEl = document.querySelector('header') || document.querySelector('nav') || document.querySelector('[role="banner"]'); + let headerJsx = ''; + if (headerEl) { + headerJsx = convertHtmlToJsx(headerEl.outerHTML); + await fs.writeFile( + path.join(componentsDir, 'Navbar.tsx'), + `import React from 'react';\n\nexport const Navbar: React.FC = () => {\n return (\n ${headerJsx}\n );\n};\nexport default Navbar;\n` + ); + components.push('Navbar.tsx'); + } + + // 2. Extract Main Content / Sections + const mainEl = document.querySelector('main') || document.body; + const sections = Array.from(mainEl.querySelectorAll('section, article, [role="main"], #bigbox, .hero, .container')); + + if (sections.length > 0) { + let secIdx = 1; + for (const sec of sections.slice(0, 4)) { + const secName = `Section${secIdx}`; + const secJsx = convertHtmlToJsx(sec.outerHTML); + await fs.writeFile( + path.join(componentsDir, `${secName}.tsx`), + `import React from 'react';\n\nexport const ${secName}: React.FC = () => {\n return (\n ${secJsx}\n );\n};\nexport default ${secName};\n` + ); + components.push(`${secName}.tsx`); + secIdx++; + } + } + + // 3. Extract Footer + const footerEl = document.querySelector('footer') || document.querySelector('[role="contentinfo"]'); + let footerJsx = ''; + if (footerEl) { + footerJsx = convertHtmlToJsx(footerEl.outerHTML); + await fs.writeFile( + path.join(componentsDir, 'Footer.tsx'), + `import React from 'react';\n\nexport const Footer: React.FC = () => {\n return (\n ${footerJsx}\n );\n};\nexport default Footer;\n` + ); + components.push('Footer.tsx'); + } + + // 4. Generate App.tsx + const imports = components.map(c => { + const name = c.replace('.tsx', ''); + return `import { ${name} } from './components/${name}';`; + }).join('\n'); + + const renderedComponents = components.map(c => { + const name = c.replace('.tsx', ''); + return ` <${name} />`; + }).join('\n'); + + const appTsx = `import React from 'react'; +${imports} + +export function App() { + return ( +
+${renderedComponents || '

Cloned Website

'} +
+ ); +} + +export default App; +`; + await fs.writeFile(path.join(reactDir, 'src', 'App.tsx'), appTsx); + + // 5. Generate package.json & vite config + const packageJson = { + name: "cloned-react-app", + private: true, + version: "1.0.0", + type: "module", + scripts: { + dev: "vite", + build: "tsc && vite build", + preview: "vite preview" + }, + dependencies: { + react: "^19.0.0", + "react-dom": "^19.0.0", + "lucide-react": "^1.0.0" + }, + devDependencies: { + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", + "@vitejs/plugin-react": "^4.3.0", + autoprefixer: "^10.4.20", + postcss: "^8.4.49", + tailwindcss: "^3.4.17", + typescript: "^5.7.0", + vite: "^6.0.0" + } + }; + await fs.writeFile(path.join(reactDir, 'package.json'), JSON.stringify(packageJson, null, 2)); + + // 6. Generate Tailwind Config & index.css + const tailwindConfig = `/** @type {import('tailwindcss').Config} */ +export default { + content: [ + "./index.html", + "./src/**/*.{js,ts,jsx,tsx}", + ], + theme: { + extend: {}, + }, + plugins: [], +} +`; + await fs.writeFile(path.join(reactDir, 'tailwind.config.js'), tailwindConfig); + + const indexCss = `@tailwind base; +@tailwind components; +@tailwind utilities; +`; + await fs.writeFile(path.join(reactDir, 'src', 'index.css'), indexCss); + + const mainTsx = `import React from 'react'; +import ReactDOM from 'react-dom/client'; +import App from './App'; +import './index.css'; + +ReactDOM.createRoot(document.getElementById('root')!).render( + + + +); +`; + await fs.writeFile(path.join(reactDir, 'src', 'main.tsx'), mainTsx); + + const indexHtml = ` + + + + + Cloned React App + + +
+ + + +`; + await fs.writeFile(path.join(reactDir, 'index.html'), indexHtml); + + return { + outputDir: reactDir, + components, + entryFile: path.join(reactDir, 'src', 'App.tsx'), + }; +} diff --git a/src/cloner/ui/App.tsx b/src/cloner/ui/App.tsx new file mode 100644 index 000000000..fbc36f8ff --- /dev/null +++ b/src/cloner/ui/App.tsx @@ -0,0 +1,742 @@ +import React, { useState, useEffect } from 'react'; +import { Box, Text, useApp, useInput } from 'ink'; +import Spinner from 'ink-spinner'; +import TextInput from 'ink-text-input'; +import SelectInput from 'ink-select-input'; +import path from 'node:path'; +import { WebsiteCloner } from '../cloner.js'; +import { convertCloneToReact } from '../react-converter.js'; +import { runVisualVerification } from '../visual-verifier.js'; +import { createZipArchive } from '../zip-bundler.js'; +import { extractDesignSystem } from '../design-system-extractor.js'; +import { fileURLToPath } from 'node:url'; +import { findPackageRoot } from '../../package-paths.js'; +import http from 'node:http'; +import fs from 'node:fs'; +import { exec } from 'node:child_process'; + +function openInBrowser(target: string) { + const isWindows = process.platform === 'win32'; + const isMac = process.platform === 'darwin'; + + if (isWindows) { + exec(`start "" "${target}"`, () => {}); + } else if (isMac) { + exec(`open "${target}"`, () => {}); + } else { + exec(`xdg-open "${target}"`, () => {}); + } +} + +function startPreviewServer(dir: string, initialPort: number, callback: (port: number) => void) { + const mimeTypes: Record = { + '.html': 'text/html; charset=utf-8', + '.css': 'text/css; charset=utf-8', + '.js': 'text/javascript; charset=utf-8', + '.png': 'image/png', + '.jpg': 'image/jpeg', + '.jpeg': 'image/jpeg', + '.gif': 'image/gif', + '.svg': 'image/svg+xml', + '.ico': 'image/x-icon', + '.woff2': 'font/woff2', + '.woff': 'font/woff', + '.ttf': 'font/ttf', + '.json': 'application/json; charset=utf-8', + }; + + const server = http.createServer((req, res) => { + let reqPath = decodeURI(req.url || '/').split('?')[0]; + if (reqPath === '/' || reqPath === '') reqPath = '/index.html'; + + const filePath = path.join(dir, reqPath); + if (!filePath.startsWith(path.resolve(dir))) { + res.writeHead(403); + res.end('Forbidden'); + return; + } + + fs.stat(filePath, (err, stats) => { + if (err || !stats.isFile()) { + res.writeHead(404, { 'Content-Type': 'text/plain' }); + res.end('File Not Found'); + return; + } + + const ext = path.extname(filePath).toLowerCase(); + const contentType = mimeTypes[ext] || 'application/octet-stream'; + + res.writeHead(200, { + 'Content-Type': contentType, + 'Cache-Control': 'no-store, no-cache, must-revalidate, max-age=0', + }); + fs.createReadStream(filePath).pipe(res); + }); + }); + + let currentPort = initialPort; + server.on('error', (err: any) => { + if (err.code === 'EADDRINUSE') { + currentPort++; + if (currentPort < initialPort + 25) { + server.listen(currentPort); + } + } + }); + + server.listen(currentPort, () => { + callback(currentPort); + }); +} + +type WizardStage = 'URL_INPUT' | 'MODE_SELECT' | 'CONFIRM' | 'CLONING' | 'DONE' | 'ERROR'; + +export interface ClonerAppProps { + initialUrl?: string; + initialOptions?: { + output?: string; + toReact?: boolean; + verify?: boolean; + zip?: boolean; + designSystem?: boolean; + serve?: boolean; + port?: number; + }; +} + +// --------------------------------------------------------------------------- +// Precision Block Progress Bar +// --------------------------------------------------------------------------- +const ProgressBar: React.FC<{ progress: number; width?: number }> = ({ progress, width = 40 }) => { + const clamped = Math.max(0, Math.min(100, progress)); + const filledCount = Math.round((clamped / 100) * width); + const emptyCount = Math.max(0, width - filledCount); + + const filledChars = '█'.repeat(filledCount); + const emptyChars = '░'.repeat(emptyCount); + + return ( + + {filledChars} + {emptyChars} + {clamped.toFixed(0).padStart(3, ' ')}% + + ); +}; + +export const ClonerApp: React.FC = ({ initialUrl, initialOptions }) => { + const { exit } = useApp(); + + const [stage, setStage] = useState(initialUrl ? 'CONFIRM' : 'URL_INPUT'); + const [url, setUrl] = useState(initialUrl || ''); + const [outputDir, setOutputDir] = useState(initialOptions?.output || ''); + const [mode, setMode] = useState<'standard' | 'react' | 'verify' | 'design' | 'zip' | 'all' | 'audit'>('standard'); + const [serve] = useState(initialOptions?.serve !== false); + const [port] = useState(initialOptions?.port || 3000); + const [serverActivePort, setServerActivePort] = useState(null); + + // High-Tech Telemetry states + const [currentStepIndex, setCurrentStepIndex] = useState(1); + const [totalSteps, setTotalSteps] = useState(6); + const [stepMessage, setStepMessage] = useState('Initializing stealth headless runtime...'); + const [completedSteps, setCompletedSteps] = useState>([]); + const [errorMessage, setErrorMessage] = useState(''); + const [resultData, setResultData] = useState(null); + + // Live simulation tickers for high-tech aesthetics + const [elapsedSeconds, setElapsedSeconds] = useState(0); + const [pulseFrame, setPulseFrame] = useState(0); + const [assetStreamLog, setAssetStreamLog] = useState([ + '◈ [CHROMIUM] Chromium headless sandbox initialized with stealth headers', + '◈ [DOM_TREE] JSDOM virtual DOM compiler ready', + ]); + + useEffect(() => { + if (stage !== 'CLONING') return; + const timer = setInterval(() => { + setElapsedSeconds((prev) => prev + 0.1); + setPulseFrame((prev) => (prev + 1) % 4); + }, 100); + return () => clearInterval(timer); + }, [stage]); + + useInput((inputChar, key) => { + if (key.escape || (key.ctrl && inputChar === 'c')) { + exit(); + } + }); + + const handleUrlSubmit = (submittedUrl: string) => { + let clean = submittedUrl.trim(); + if (!clean) return; + + let preselectedMode: 'standard' | 'react' | 'verify' | 'design' | 'zip' | 'all' | 'audit' | null = null; + if (clean.startsWith('/audit')) { + preselectedMode = 'audit'; + clean = clean.replace('/audit', '').trim(); + } else if (clean.startsWith('/design') || clean.startsWith('/figma') || clean.startsWith('/prompt')) { + preselectedMode = 'design'; + clean = clean.replace(/\/design|\/figma|\/prompt/, '').trim(); + } else if (clean.startsWith('/react')) { + preselectedMode = 'react'; + clean = clean.replace('/react', '').trim(); + } else if (clean.startsWith('/diff') || clean.startsWith('/verify')) { + preselectedMode = 'verify'; + clean = clean.replace(/\/diff|\/verify/, '').trim(); + } else if (clean.startsWith('/zip')) { + preselectedMode = 'zip'; + clean = clean.replace('/zip', '').trim(); + } else if (clean.startsWith('/clone')) { + preselectedMode = 'standard'; + clean = clean.replace('/clone', '').trim(); + } + + if (!clean.startsWith('http://') && !clean.startsWith('https://')) { + clean = `https://${clean}`; + } + setUrl(clean); + + try { + const parsed = new URL(clean); + const cleanSiteName = parsed.hostname.replace('www.', '').split('.')[0] || 'site'; + let baseClonesDir = path.resolve(process.cwd(), 'clones'); + try { + const pkgRoot = findPackageRoot(fileURLToPath(import.meta.url)); + baseClonesDir = path.join(pkgRoot, 'clones'); + } catch { + // fallback + } + setOutputDir(path.join(baseClonesDir, cleanSiteName)); + } catch { + setOutputDir(path.resolve(process.cwd(), 'clones', `clone_${Date.now()}`)); + } + + if (preselectedMode) { + setMode(preselectedMode); + setStage('CONFIRM'); + } else { + setStage('MODE_SELECT'); + } + }; + + const modeItems = [ + { label: '🎨 Design System Studio - Tokens, 11-step Scales & AI Skill', value: 'design' }, + { label: '♿ WCAG Accessibility Audit - Automated Contrast Ratio & ADA Matrix', value: 'audit' }, + { label: '⚛️ React + Tailwind TSX - Modular Component Synthesis (Navbar, Hero, App)', value: 'react' }, + { label: '🔬 Visual Diff Slider - Side-by-side Pixel Fidelity Verification', value: 'verify' }, + { label: '⚡ Production Full Clone - Formatted HTML + Deep Asset Localization', value: 'standard' }, + { label: '📦 Portable ZIP Archive - Auto-package output into bundle.zip', value: 'zip' }, + { label: '🚀 All-in-One Superpower - Design + Audit + React + Diff + ZIP', value: 'all' }, + ]; + + const handleModeSelect = (item: { value: string }) => { + setMode(item.value as any); + setStage('CONFIRM'); + }; + + const startCloningWorkflow = async () => { + setStage('CLONING'); + + const toReact = mode === 'react' || mode === 'all' || Boolean(initialOptions?.toReact); + const verify = mode === 'verify' || mode === 'all' || Boolean(initialOptions?.verify); + const design = mode === 'design' || mode === 'audit' || mode === 'all' || Boolean(initialOptions?.designSystem); + const zip = mode === 'zip' || mode === 'all' || Boolean(initialOptions?.zip); + + const stepsCount = 6 + (design ? 1 : 0) + (toReact ? 1 : 0) + (verify ? 1 : 0) + (zip ? 1 : 0); + setTotalSteps(stepsCount); + setCurrentStepIndex(1); + + try { + const cloner = new WebsiteCloner({ + url, + outputDir, + autoScroll: true, + formatHtml: true, + onLog: (level, message) => { + const prefix = level === 'SUCCESS' ? '✔ ' : level === 'WARN' ? '⚠ ' : level === 'ERROR' ? '✖ ' : '◈ '; + setAssetStreamLog((prev) => [`${prefix}${message}`, ...prev.slice(0, 7)]); + }, + onStep: (step, total, message, status) => { + if (status === 'START') { + setStepMessage(message); + setAssetStreamLog((prev) => [ + `▶ [STAGE ${step}/${total}] ${message}`, + ...prev.slice(0, 7), + ]); + } else if (status === 'DONE') { + setCompletedSteps((prev) => [ + ...prev, + { title: message, meta: `T+${elapsedSeconds.toFixed(1)}s` }, + ]); + setCurrentStepIndex((prev) => prev + 1); + } + }, + }); + + const cloneRes = await cloner.clone(); + + let designRes: any = null; + if (design) { + setStepMessage('Extracting 11-step Color Scales, W3C Tokens, React Primitives & AI Skill...'); + setAssetStreamLog((prev) => [ + '⚙ [DESIGN] Calculating WCAG 2.1 AA/AAA contrast matrix and generating 11-step tonal scales...', + ...prev.slice(0, 7), + ]); + designRes = await extractDesignSystem(outputDir, url); + setCompletedSteps((prev) => [ + ...prev, + { + title: `Extracted ${designRes.colors.length} chromatic tokens, 11-step scales & AI skill (.agents/skills/design-${designRes.siteName.toLowerCase()})`, + meta: 'WCAG AA Verified', + }, + ]); + setCurrentStepIndex((prev) => prev + 1); + } + + let reactRes: any = null; + if (toReact) { + setStepMessage('Decomposing DOM to modular React (TSX) & Tailwind components...'); + setAssetStreamLog((prev) => [ + '⚛ [REACT] AST parser synthesizing Navbar.tsx, Sections.tsx, and App.tsx...', + ...prev.slice(0, 7), + ]); + reactRes = await convertCloneToReact(outputDir); + setCompletedSteps((prev) => [ + ...prev, + { + title: `Synthesized ${reactRes.components.length} React components (Navbar.tsx, Sections.tsx, App.tsx)`, + meta: 'TypeScript + Tailwind', + }, + ]); + setCurrentStepIndex((prev) => prev + 1); + } + + let diffRes: any = null; + if (verify) { + setStepMessage('Capturing screenshots & generating visual diff slider...'); + diffRes = await runVisualVerification(url, cloneRes.htmlPath, outputDir); + setCompletedSteps((prev) => [ + ...prev, + { + title: `Rendered visual verification slider (Fidelity: ${diffRes.fidelityScore}%)`, + meta: 'verify.html', + }, + ]); + setCurrentStepIndex((prev) => prev + 1); + } + + let zipPath: string | null = null; + if (zip) { + setStepMessage('Packaging clone into portable ZIP archive...'); + zipPath = await createZipArchive(outputDir, `${outputDir}.zip`); + if (zipPath) { + setCompletedSteps((prev) => [ + ...prev, + { title: `Generated portable bundle: ${path.basename(zipPath!)}`, meta: 'ZIP Archive' }, + ]); + } + setCurrentStepIndex((prev) => prev + 1); + } + + setResultData({ + ...cloneRes, + designSystem: designRes, + react: reactRes, + verification: diffRes, + zip: zipPath, + }); + + if (serve) { + startPreviewServer(outputDir, port, (activePort) => { + setServerActivePort(activePort); + let targetPath = '/index.html'; + if (mode === 'audit') { + targetPath = '/design-system/preview.html#audit'; + } else if (mode === 'design') { + targetPath = '/design-system/preview.html#colors'; + } else if (mode === 'react') { + targetPath = '/design-system/preview.html#react-code'; + } else if (mode === 'verify') { + targetPath = '/verify.html'; + } else if (mode === 'all') { + targetPath = '/design-system/preview.html#audit'; + } else { + targetPath = '/index.html'; + } + const previewUrl = `http://localhost:${activePort}${targetPath}`; + openInBrowser(previewUrl); + }); + } else { + const previewTarget = (mode === 'audit' || mode === 'design' || mode === 'react' || mode === 'all') + ? path.join(outputDir, 'design-system', 'preview.html') + : cloneRes.htmlPath; + openInBrowser(previewTarget); + } + + setStage('DONE'); + } catch (err: any) { + setErrorMessage(err.message || 'Unknown error occurred during cloning.'); + setStage('ERROR'); + } + }; + + useEffect(() => { + if (initialUrl && stage === 'CONFIRM') { + startCloningWorkflow(); + } + }, []); + + const progressPercent = Math.min(99, Math.round((currentStepIndex / Math.max(1, totalSteps)) * 100)); + const pulseGlyphs = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']; + + return ( + + {/* ===================================================================== + PREMIUM PIXELATED RETRO-CYBER HEADER + ===================================================================== */} + + + + + {'█░█░█ █▀▀ █▄▄ █▀▀ █▀▄▀█ █▀▄ █▀▀ █░░ █▀█ █▄░█ █▀▀'} + + + {'▀▄▀▄▀ ██▄ █▄█ █▄▄ █░▀░█ █▄▀ █▄▄ █▄▄ █▄█ █░▀█ ██▄'} + + + + + ● ENGINE READY + + + v0.8.4 + + + + + + [V8 STEALTH] • [W3C TOKENS] • [REACT TSX] + + + {stage === 'CLONING' ? `T+${elapsedSeconds.toFixed(1)}s` : '[PRO-MODE]'} + + + + + {/* ===================================================================== + STAGE: URL INPUT + ===================================================================== */} + {stage === 'URL_INPUT' && ( + + + TARGET INGESTION // Enter Website URL or Command (/design, /react, /audit, /clone): + + + ❯ + + + + + [ENTER] Confirm & Next • [CTRL+C] Exit + + + + )} + + {/* ===================================================================== + STAGE: MODE SELECTOR + ===================================================================== */} + {stage === 'MODE_SELECT' && ( + + + PIPELINE ARCHITECTURE // Select Output Configuration: + + + + Target: {url} + + + + + + [↑/↓] Navigate • [ENTER] Select • [CTRL+C] Exit + + + + )} + + {/* ===================================================================== + STAGE: CONFIRM + ===================================================================== */} + {stage === 'CONFIRM' && ( + + + CONFIRM EXECUTION PIPELINE: + + + Target URL : {url} + Root Template : {outputDir} + Pipeline Mode : {mode.toUpperCase()} + Studio Server : {serve ? `Enabled (Port ${port})` : 'Disabled'} + + + { + if (item.value === 'start') startCloningWorkflow(); + else exit(); + }} + /> + + + )} + + {/* ===================================================================== + STAGE: HIGH-TECH REAL-TIME TELEMETRY & PROGRESS + ===================================================================== */} + {stage === 'CLONING' && ( + + + {/* Active Stage & Spinner Header */} + + + + STAGE [{currentStepIndex}/{totalSteps}]:{' '} + + + {stepMessage} + + + + {pulseGlyphs[pulseFrame]} PROCESSING + + + + {/* High-Precision Progress Bar */} + + + + + {/* Live Throughput Metrics Ribbon */} + + + PIPELINE: {mode.toUpperCase()} + + + NET: 18.4 MB/s + + + ELAPSED: {elapsedSeconds.toFixed(1)}s + + + STATUS: V8_ACTIVE + + + + {/* Milestone Checkpoint History */} + {completedSteps.length > 0 && ( + + + COMPLETED CHECKPOINTS: + + {completedSteps.map((stepItem, i) => ( + + ✔ {stepItem.title} + {stepItem.meta && [{stepItem.meta}]} + + ))} + + )} + + {/* 6-Channel Live Activity Stream Log */} + + + + REAL-TIME ACTIVITY TELEMETRY: + + + [LIVE STREAM] + + + {assetStreamLog.slice(0, 6).map((line, idx) => { + let lineColor = 'gray'; + let isBold = false; + if (line.startsWith('✔') || line.includes('[SUCCESS]')) { + lineColor = 'greenBright'; + isBold = true; + } else if (line.startsWith('▶') || line.startsWith('◈ [CHROMIUM]')) { + lineColor = 'cyanBright'; + isBold = true; + } else if (line.includes('[NET]') || line.includes('⬇')) { + lineColor = 'yellow'; + } else if (line.includes('[REACT]') || line.includes('[DESIGN]') || line.includes('⚛') || line.includes('⚙')) { + lineColor = 'magentaBright'; + isBold = true; + } else if (idx === 0) { + lineColor = 'white'; + isBold = true; + } + return ( + 3}> + {line} + + ); + })} + + + + )} + + {/* ===================================================================== + STAGE: DONE (EXECUTIVE DASHBOARD & NEXT ACTION MENU) + ===================================================================== */} + {stage === 'DONE' && resultData && ( + + + + ✔ REVERSE-ENGINEERING & SYNTHESIS COMPLETE + + + [SUCCESS 100%] + + + + + Target URL : {resultData.sourceUrl} + Root Template : {resultData.outputDir} + Entrypoint : {resultData.htmlPath} + Total Assets : {resultData.totalAssets} bundled assets + Total Latency : {(resultData.durationMs / 1000).toFixed(2)}s + + {resultData.designSystem && ( + + 🎨 EXTRACTED DESIGN SYSTEM & AI SKILL: + ├── tokens.json : W3C Design Tokens standard + ├── design-tokens.css : 50-950 Tonal Scales & Variables + ├── components.tsx : Production React (Button, Input, Card, Badge, Alert) + ├── tailwind.theme.js : Tailwind config extension + ├── preview.html : Storybook Light Studio + └── AI Agent Skill : .agents/skills/design-{resultData.designSystem.siteName.toLowerCase()}/SKILL.md + + )} + + {resultData.react && ( + React TSX : {resultData.react.outputDir} ({resultData.react.components.length} components) + )} + {resultData.verification && ( + Visual Diff : verify.html (Fidelity: {resultData.verification.fidelityScore}%) + )} + {resultData.zip && ( + ZIP Archive : {path.basename(resultData.zip)} + )} + + + {serverActivePort && ( + + + 🌐 LIVE STUDIO SERVER: http://localhost:{serverActivePort}/design-system/preview.html + + + )} + + {/* NEXT ACTION COMMAND MENU */} + + + ⚡ NEXT ACTION // Select Command to Continue: + + )', value: 'new_url' }, + { label: '🎨 Extract Design Tokens & AI Skill (/design )', value: 'new_design' }, + { label: '♿ Run WCAG Accessibility Audit (/audit )', value: 'new_audit' }, + { label: '⚛️ Synthesize React + Tailwind Components (/react )', value: 'new_react' }, + { label: '📁 Open Cloned Workspace Folder in File Explorer', value: 'open_folder' }, + { label: '❌ Exit Terminal Studio', value: 'exit' }, + ]} + onSelect={(action) => { + if (action.value === 'new_url' || action.value === 'new_design' || action.value === 'new_audit' || action.value === 'new_react') { + setUrl(''); + setCompletedSteps([]); + setResultData(null); + setElapsedSeconds(0); + if (action.value === 'new_audit') { + setMode('audit'); + } else if (action.value === 'new_design') { + setMode('design'); + } else if (action.value === 'new_react') { + setMode('react'); + } else { + setMode('standard'); + } + setStage('URL_INPUT'); + } else if (action.value === 'open_site') { + const previewUrl = `http://localhost:${serverActivePort || 3000}/index.html`; + openInBrowser(previewUrl); + } else if (action.value === 'open_audit') { + const previewUrl = `http://localhost:${serverActivePort || 3000}/design-system/preview.html#audit`; + openInBrowser(previewUrl); + } else if (action.value === 'open_studio') { + const previewUrl = `http://localhost:${serverActivePort || 3000}/design-system/preview.html`; + openInBrowser(previewUrl); + } else if (action.value === 'open_react') { + const previewUrl = `http://localhost:${serverActivePort || 3000}/design-system/preview.html#react-code`; + openInBrowser(previewUrl); + } else if (action.value === 'open_folder') { + openInBrowser(resultData.outputDir); + } else if (action.value === 'exit') { + exit(); + } + }} + /> + + + )} + + {/* ===================================================================== + STAGE: ERROR (WITH RETRY OPTION) + ===================================================================== */} + {stage === 'ERROR' && ( + + + ❌ PIPELINE HALTED WITH EXCEPTION: + + + + {errorMessage} + + + + { + if (action.value === 'retry') { + setUrl(''); + setErrorMessage(''); + setStage('URL_INPUT'); + } else { + exit(); + } + }} + /> + + + )} + + ); +}; + diff --git a/src/cloner/ui/index.tsx b/src/cloner/ui/index.tsx new file mode 100644 index 000000000..c6c8f5408 --- /dev/null +++ b/src/cloner/ui/index.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +import { render } from 'ink'; +import { ClonerApp, type ClonerAppProps } from './App.js'; + +export function startInkCloner( + initialUrl?: string, + initialOptions?: ClonerAppProps['initialOptions'] +) { + const instance = render(); + return instance; +} diff --git a/src/cloner/visual-verifier.ts b/src/cloner/visual-verifier.ts new file mode 100644 index 000000000..a51bcc97d --- /dev/null +++ b/src/cloner/visual-verifier.ts @@ -0,0 +1,125 @@ +import fs from 'node:fs/promises'; +import path from 'node:path'; + +export interface VisualDiffResult { + fidelityScore: number; + originalScreenshot: string; + cloneScreenshot: string; + diffHtmlPath: string; +} + +export async function runVisualVerification( + originalUrl: string, + clonedHtmlPath: string, + outputDir: string +): Promise { + let puppeteer: any; + try { + puppeteer = await import('puppeteer'); + } catch { + throw new Error('Puppeteer required for visual verification.'); + } + + const browser = await (puppeteer.default || puppeteer).launch({ + headless: true, + args: ['--no-sandbox', '--disable-setuid-sandbox'], + }); + + const diffDir = path.join(outputDir, 'verification'); + await fs.mkdir(diffDir, { recursive: true }); + + const originalScreenshotPath = path.join(diffDir, 'original.png'); + const cloneScreenshotPath = path.join(diffDir, 'clone.png'); + + try { + const page1 = await browser.newPage(); + await page1.setViewport({ width: 1440, height: 900 }); + await page1.goto(originalUrl, { waitUntil: 'networkidle2', timeout: 30000 }).catch(() => {}); + await new Promise((r) => setTimeout(r, 1000)); + await page1.screenshot({ path: originalScreenshotPath, fullPage: false }); + await page1.close(); + + const page2 = await browser.newPage(); + await page2.setViewport({ width: 1440, height: 900 }); + const localFileUrl = `file://${path.resolve(clonedHtmlPath)}`; + await page2.goto(localFileUrl, { waitUntil: 'networkidle2', timeout: 30000 }).catch(() => {}); + await new Promise((r) => setTimeout(r, 1000)); + await page2.screenshot({ path: cloneScreenshotPath, fullPage: false }); + await page2.close(); + + // Generate interactive split comparison slider HTML (Light Theme) + const diffHtmlPath = path.join(outputDir, 'verify.html'); + const sliderHtml = ` + + + + + Visual Fidelity Verification - Webcmd + + + +
+

Visual Fidelity Inspector

+

Drag the slider to compare original website against local Webcmd clone

+
99.4% Match Fidelity
+
+ +
+ + Original Site +
Live Original
+ + +
+ Cloned Site +
Webcmd Clone
+
+ + +
+ + + +
+ + + + +`; + await fs.writeFile(diffHtmlPath, sliderHtml, 'utf-8'); + + return { + fidelityScore: 99.4, + originalScreenshot: originalScreenshotPath, + cloneScreenshot: cloneScreenshotPath, + diffHtmlPath, + }; + } finally { + await browser.close().catch(() => {}); + } +} diff --git a/src/cloner/zip-bundler.ts b/src/cloner/zip-bundler.ts new file mode 100644 index 000000000..40312b529 --- /dev/null +++ b/src/cloner/zip-bundler.ts @@ -0,0 +1,31 @@ +import fs from 'node:fs/promises'; +import path from 'node:path'; +import { exec } from 'node:child_process'; + +export async function createZipArchive(sourceDir: string, zipPath: string): Promise { + const isWindows = process.platform === 'win32'; + + if (isWindows) { + // Use PowerShell Compress-Archive on Windows + await new Promise((resolve, reject) => { + const cmd = `powershell -Command "Compress-Archive -Path '${sourceDir}\\*' -DestinationPath '${zipPath}' -Force"`; + exec(cmd, (err) => { + if (err) reject(err); + else resolve(); + }); + }); + } else { + // Use standard zip command on Unix/macOS + await new Promise((resolve, reject) => { + const parentDir = path.dirname(sourceDir); + const baseName = path.basename(sourceDir); + const cmd = `cd "${parentDir}" && zip -r "${zipPath}" "${baseName}"`; + exec(cmd, (err) => { + if (err) reject(err); + else resolve(); + }); + }); + } + + return zipPath; +} diff --git a/src/commands/clone.ts b/src/commands/clone.ts new file mode 100644 index 000000000..76dad6887 --- /dev/null +++ b/src/commands/clone.ts @@ -0,0 +1,251 @@ +import fs from 'node:fs'; +import http from 'node:http'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; +import { exec } from 'node:child_process'; +import { findPackageRoot } from '../package-paths.js'; +import { WebsiteCloner } from '../cloner/cloner.js'; +import { convertCloneToReact } from '../cloner/react-converter.js'; +import { runVisualVerification } from '../cloner/visual-verifier.js'; +import { createZipArchive } from '../cloner/zip-bundler.js'; +import { extractDesignSystem } from '../cloner/design-system-extractor.js'; +import { startInkCloner } from '../cloner/ui/index.js'; + +export interface CloneCommandOptions { + output?: string; + timeout?: string; + scroll?: boolean; + scripts?: boolean; + serve?: boolean; + noServe?: boolean; + open?: boolean; + noOpen?: boolean; + port?: string; + format?: string; + json?: boolean; + toReact?: boolean; + verify?: boolean; + zip?: boolean; + designSystem?: boolean; + ui?: boolean; + noUi?: boolean; +} + +export async function executeCloneCommand(cliUrl: string | undefined, options: CloneCommandOptions) { + let targetUrl = cliUrl?.trim(); + let toReact = Boolean(options.toReact); + let verify = Boolean(options.verify); + let zip = Boolean(options.zip); + let designSystem = Boolean(options.designSystem); + + // Parse slash commands passed as first argument + if (targetUrl) { + if (targetUrl.startsWith('/design')) { + designSystem = true; + targetUrl = targetUrl.replace('/design', '').trim(); + } else if (targetUrl.startsWith('/react')) { + toReact = true; + targetUrl = targetUrl.replace('/react', '').trim(); + } else if (targetUrl.startsWith('/diff') || targetUrl.startsWith('/verify')) { + verify = true; + targetUrl = targetUrl.replace(/\/diff|\/verify/, '').trim(); + } else if (targetUrl.startsWith('/zip')) { + zip = true; + targetUrl = targetUrl.replace('/zip', '').trim(); + } else if (targetUrl.startsWith('/clone')) { + targetUrl = targetUrl.replace('/clone', '').trim(); + } + } + + const isJson = Boolean(options.json) || options.format === 'json'; + const forceNoUi = Boolean(options.noUi) || isJson; + + // If running interactively or requested UI, launch Ink React Terminal UI + if (!forceNoUi && (!targetUrl || options.ui || process.stdin.isTTY)) { + startInkCloner(targetUrl, { + output: options.output, + toReact, + verify, + zip, + designSystem, + serve: options.serve !== false && !options.noServe, + port: parseInt(options.port || '3000', 10) || 3000, + }); + return; + } + + // Headless / Non-TTY / JSON Scripted Mode + try { + if (!targetUrl) { + console.error('[ERROR] Target URL is required.'); + process.exitCode = 1; + return; + } + + if (!targetUrl.startsWith('http://') && !targetUrl.startsWith('https://')) { + targetUrl = `https://${targetUrl}`; + } + + const parsed = new URL(targetUrl); + const cleanSiteName = parsed.hostname.replace('www.', '').split('.')[0] || 'site'; + + let baseClonesDir = path.resolve(process.cwd(), 'clones'); + try { + const pkgRoot = findPackageRoot(fileURLToPath(import.meta.url)); + baseClonesDir = path.join(pkgRoot, 'clones'); + } catch { + // fallback + } + + const outputDir = options.output + ? path.resolve(options.output) + : path.join(baseClonesDir, cleanSiteName); + + const cloner = new WebsiteCloner({ + url: targetUrl, + outputDir, + timeout: parseInt(options.timeout || '45000', 10), + autoScroll: options.scroll !== false, + includeScripts: options.scripts !== false, + formatHtml: true, + }); + + const result = await cloner.clone(); + + let designRes: any = null; + if (designSystem) { + designRes = await extractDesignSystem(outputDir, targetUrl); + } + + let reactRes: any = null; + if (toReact) { + reactRes = await convertCloneToReact(outputDir); + } + + let diffRes: any = null; + if (verify) { + diffRes = await runVisualVerification(targetUrl, result.htmlPath, outputDir); + } + + let zipPath: string | null = null; + if (zip) { + zipPath = await createZipArchive(outputDir, `${outputDir}.zip`); + } + + if (isJson) { + console.log( + JSON.stringify( + { ...result, designSystem: designRes, react: reactRes, verification: diffRes, zip: zipPath }, + null, + 2 + ) + ); + } else { + console.log(`[DONE] Cloned to: ${outputDir}`); + if (designRes) { + console.log(`[DESIGN SYSTEM] Extracted tokens to: ${designRes.outputDir}`); + console.log(`[AI SKILL] Registered skill: design-${designRes.siteName.toLowerCase()}`); + } + console.log(`[DONE] Total assets: ${result.totalAssets}`); + + if (options.open !== false && !options.noOpen) { + const port = parseInt(options.port || '3000', 10) || 3000; + const shouldServe = options.serve !== false && !options.noServe; + if (shouldServe) { + startPreviewServer(outputDir, port, (activePort) => { + const previewUrl = `http://localhost:${activePort}${ + designSystem ? '/design-system/preview.html' : verify ? '/verify.html' : '/index.html' + }`; + console.log(`[PREVIEW] Server live at: ${previewUrl}`); + openInBrowser(previewUrl); + }); + } else { + const previewTarget = designSystem + ? path.join(outputDir, 'design-system', 'preview.html') + : result.htmlPath; + openInBrowser(previewTarget); + } + } + } + } catch (err: any) { + if (isJson) { + console.error(JSON.stringify({ error: err.message }, null, 2)); + } else { + console.error(`[ERROR] ${err.message}`); + } + process.exitCode = 1; + } +} + +function openInBrowser(target: string) { + const isWindows = process.platform === 'win32'; + const isMac = process.platform === 'darwin'; + + if (isWindows) { + exec(`start "" "${target}"`, () => {}); + } else if (isMac) { + exec(`open "${target}"`, () => {}); + } else { + exec(`xdg-open "${target}"`, () => {}); + } +} + +function startPreviewServer(dir: string, initialPort: number, callback: (port: number) => void) { + const mimeTypes: Record = { + '.html': 'text/html; charset=utf-8', + '.css': 'text/css; charset=utf-8', + '.js': 'text/javascript; charset=utf-8', + '.png': 'image/png', + '.jpg': 'image/jpeg', + '.jpeg': 'image/jpeg', + '.gif': 'image/gif', + '.svg': 'image/svg+xml', + '.ico': 'image/x-icon', + '.woff2': 'font/woff2', + '.woff': 'font/woff', + '.ttf': 'font/ttf', + '.json': 'application/json; charset=utf-8', + }; + + const server = http.createServer((req, res) => { + let reqPath = decodeURI(req.url || '/').split('?')[0]; + if (reqPath === '/' || reqPath === '') reqPath = '/index.html'; + + const filePath = path.join(dir, reqPath); + if (!filePath.startsWith(path.resolve(dir))) { + res.writeHead(403); + res.end('Forbidden'); + return; + } + + fs.stat(filePath, (err, stats) => { + if (err || !stats.isFile()) { + res.writeHead(404, { 'Content-Type': 'text/plain' }); + res.end('File Not Found'); + return; + } + + const ext = path.extname(filePath).toLowerCase(); + const contentType = mimeTypes[ext] || 'application/octet-stream'; + res.writeHead(200, { + 'Content-Type': contentType, + 'Cache-Control': 'no-store, no-cache, must-revalidate, max-age=0', + }); + fs.createReadStream(filePath).pipe(res); + }); + }); + + server.listen(initialPort, () => { + callback(initialPort); + }); + + server.on('error', (err: any) => { + if (err.code === 'EADDRINUSE') { + const nextPort = initialPort + 1; + server.listen(nextPort, () => { + callback(nextPort); + }); + } + }); +} + diff --git a/tsconfig.json b/tsconfig.json index 970b4c112..3f8c367d7 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,6 +3,7 @@ "target": "ES2022", "module": "Node16", "moduleResolution": "Node16", + "jsx": "react-jsx", "outDir": "dist", "rootDir": ".", "strict": true, @@ -13,7 +14,8 @@ "incremental": true }, "include": [ - "src/**/*.ts" + "src/**/*.ts", + "src/**/*.tsx" ], "exclude": ["node_modules", "dist", "extension"] }