mirror of
https://github.com/Manavarya09/design-extract.git
synced 2026-09-19 02:41:14 +08:00
Manav Arya Singh
aab2b0b72a
* docs: v7.1 spec — designer toolkit * feat(v7.1): cookie-file loader + --insecure + --user-agent + Chrome extension Ships three community-requested features in one release. ## Cookie handling - `--cookie-file <path>` loads cookies from JSON array, Playwright storageState, or Netscape cookies.txt. - `src/utils-cookies.js` with 8 unit tests covering all three formats plus merge-with-CLI behavior. ## Network / auth - `--insecure` sets `ignoreHTTPSErrors: true` on the Playwright context and adds the matching Chromium flags. - `--user-agent <ua>` overrides the browser UA. ## Chrome extension (chrome-extension/) - Manifest v3 popup with activeTab permission only. - Handoff button opens the hosted extractor with the current URL prefilled (via `?url=`). - Copy-CLI button drops `npx designlang <url>` into the clipboard. - Four PNG icons rendered from the existing favicon SVG. - Install-in-dev-mode instructions in chrome-extension/README.md. ## Website - HeroExtractor now honours `?url=` query param (Chrome extension handoff, deep links). Prefill is mount-only and URL-validated. ## Contributing - CONTRIBUTING.md adds a 'Good first issues' list and a 'Credits' section. Bumped to v7.1.0.
46 lines
1.1 KiB
JSON
46 lines
1.1 KiB
JSON
{
|
|
"name": "designlang",
|
|
"version": "7.1.0",
|
|
"description": "Extract the complete design language from any website — colors, typography, spacing, shadows, and more. Outputs AI-optimized markdown, W3C design tokens, Tailwind config, and CSS variables.",
|
|
"type": "module",
|
|
"bin": {
|
|
"designlang": "./bin/design-extract.js"
|
|
},
|
|
"main": "src/index.js",
|
|
"scripts": {
|
|
"postinstall": "npx playwright install chromium --with-deps 2>/dev/null || npx playwright install chromium",
|
|
"start": "node bin/design-extract.js",
|
|
"test": "node --test tests/*.test.js"
|
|
},
|
|
"dependencies": {
|
|
"@modelcontextprotocol/sdk": "^1.29.0",
|
|
"chalk": "^5.3.0",
|
|
"commander": "^12.0.0",
|
|
"ora": "^8.0.0",
|
|
"playwright": "^1.42.0"
|
|
},
|
|
"engines": {
|
|
"node": ">=20"
|
|
},
|
|
"keywords": [
|
|
"design-system",
|
|
"design-tokens",
|
|
"design-language",
|
|
"css",
|
|
"tailwind",
|
|
"playwright",
|
|
"extraction",
|
|
"colors",
|
|
"typography",
|
|
"claude-code",
|
|
"plugin",
|
|
"wordpress",
|
|
"vue",
|
|
"svelte",
|
|
"json",
|
|
"ci-cd"
|
|
],
|
|
"author": "masyv",
|
|
"license": "MIT"
|
|
}
|