designlang 7.2.0 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +17 -0
  3. package/bin/design-extract.js +5 -1
  4. package/package.json +1 -1
  5. package/src/config.js +2 -0
  6. package/src/crawler.js +35 -6
  7. package/src/extractors/accessibility.js +44 -1
  8. package/src/extractors/colors.js +50 -12
  9. package/src/extractors/scoring.js +49 -30
  10. package/.github/FUNDING.yml +0 -1
  11. package/.github/ISSUE_TEMPLATE/bug_report.yml +0 -62
  12. package/.github/ISSUE_TEMPLATE/config.yml +0 -8
  13. package/.github/ISSUE_TEMPLATE/feature_request.yml +0 -28
  14. package/.github/og-preview.png +0 -0
  15. package/.github/workflows/manavarya-bot.yml +0 -17
  16. package/chrome-extension/README.md +0 -41
  17. package/chrome-extension/icons/favicon.svg +0 -7
  18. package/chrome-extension/icons/icon-128.png +0 -0
  19. package/chrome-extension/icons/icon-16.png +0 -0
  20. package/chrome-extension/icons/icon-32.png +0 -0
  21. package/chrome-extension/icons/icon-48.png +0 -0
  22. package/chrome-extension/manifest.json +0 -26
  23. package/chrome-extension/popup.html +0 -167
  24. package/chrome-extension/popup.js +0 -59
  25. package/docs/superpowers/plans/2026-04-18-designlang-v7.md +0 -1121
  26. package/docs/superpowers/specs/2026-04-18-designlang-v7-design.md +0 -150
  27. package/docs/superpowers/specs/2026-04-18-website-redesign-design.md +0 -120
  28. package/docs/superpowers/specs/2026-04-19-designlang-v7-1-design.md +0 -111
  29. package/tests/cli.test.js +0 -84
  30. package/tests/cookies.test.js +0 -98
  31. package/tests/extractors.test.js +0 -792
  32. package/tests/formatters.test.js +0 -709
  33. package/tests/interaction-states.test.js +0 -62
  34. package/tests/mcp.test.js +0 -68
  35. package/tests/modern-css.test.js +0 -104
  36. package/tests/routes-reconciliation.test.js +0 -120
  37. package/tests/utils.test.js +0 -413
  38. package/tests/wide-gamut.test.js +0 -90
  39. package/website/.claude/launch.json +0 -11
  40. package/website/AGENTS.md +0 -5
  41. package/website/CLAUDE.md +0 -1
  42. package/website/README.md +0 -36
  43. package/website/app/api/extract/route.js +0 -245
  44. package/website/app/components/A11ySlider.js +0 -369
  45. package/website/app/components/Comparison.js +0 -286
  46. package/website/app/components/CssHealth.js +0 -243
  47. package/website/app/components/Extractor.js +0 -184
  48. package/website/app/components/HeroExtractor.js +0 -455
  49. package/website/app/components/Marginalia.js +0 -3
  50. package/website/app/components/McpSection.js +0 -223
  51. package/website/app/components/PlatformTabs.js +0 -250
  52. package/website/app/components/RegionsComponents.js +0 -429
  53. package/website/app/components/Rule.js +0 -13
  54. package/website/app/components/Specimens.js +0 -237
  55. package/website/app/components/StructuredData.js +0 -144
  56. package/website/app/components/TokenBrowser.js +0 -344
  57. package/website/app/components/token-browser-sample.js +0 -65
  58. package/website/app/globals.css +0 -505
  59. package/website/app/icon.svg +0 -7
  60. package/website/app/layout.js +0 -126
  61. package/website/app/opengraph-image.js +0 -170
  62. package/website/app/page.js +0 -399
  63. package/website/app/robots.js +0 -15
  64. package/website/app/seo-config.js +0 -82
  65. package/website/app/sitemap.js +0 -18
  66. package/website/jsconfig.json +0 -7
  67. package/website/lib/cache.js +0 -73
  68. package/website/lib/rate-limit.js +0 -30
  69. package/website/lib/rate-limit.test.js +0 -55
  70. package/website/lib/specimens.json +0 -86
  71. package/website/lib/token-helpers.js +0 -70
  72. package/website/lib/url-safety.js +0 -103
  73. package/website/lib/url-safety.test.js +0 -116
  74. package/website/lib/zip-files.js +0 -15
  75. package/website/next.config.mjs +0 -15
  76. package/website/package-lock.json +0 -1353
  77. package/website/package.json +0 -19
  78. package/website/public/favicon.svg +0 -7
  79. package/website/public/logo-specimen.svg +0 -76
  80. package/website/public/mark.svg +0 -12
  81. package/website/public/site.webmanifest +0 -13
@@ -1,19 +0,0 @@
1
- {
2
- "name": "website",
3
- "version": "0.1.0",
4
- "private": true,
5
- "scripts": {
6
- "dev": "next dev",
7
- "build": "next build --webpack",
8
- "start": "next start"
9
- },
10
- "dependencies": {
11
- "@sparticuz/chromium": "^147.0.0",
12
- "@vercel/blob": "^2.3.3",
13
- "jszip": "^3.10.1",
14
- "next": "16.2.3",
15
- "playwright-core": "^1.59.1",
16
- "react": "19.2.4",
17
- "react-dom": "19.2.4"
18
- }
19
- }
@@ -1,7 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="designlang">
2
- <title>designlang</title>
3
- <rect width="32" height="32" fill="#F3F1EA"/>
4
- <circle cx="13" cy="20" r="7.5" fill="none" stroke="#0A0908" stroke-width="4.5"/>
5
- <rect x="19" y="4" width="4.5" height="25" fill="#0A0908"/>
6
- <rect x="25" y="25" width="4" height="4" fill="#FF4800"/>
7
- </svg>
@@ -1,76 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 420" role="img" aria-label="designlang — reads a website the way a developer reads a stylesheet">
2
- <title>designlang</title>
3
- <desc>Museum specimen label for designlang. A lowercase d constructed from a ring, a stem, and one extracted orange token, set on warm paper with a palette strip.</desc>
4
-
5
- <!-- Paper card -->
6
- <rect width="1200" height="420" fill="#F3F1EA"/>
7
- <rect x="1" y="1" width="1198" height="418" fill="none" stroke="#0A0908" stroke-width="2"/>
8
-
9
- <!-- Top caption strip -->
10
- <g font-family="ui-monospace, 'SF Mono', Menlo, monospace" font-size="13" fill="#403C34" letter-spacing="1.4">
11
- <text x="40" y="40">SPECIMEN / 01</text>
12
- <text x="40" y="58">EXTRACTED 2026</text>
13
- </g>
14
- <g font-family="ui-monospace, 'SF Mono', Menlo, monospace" font-size="13" fill="#403C34" letter-spacing="1.4" text-anchor="end">
15
- <text x="1160" y="40">v7.0</text>
16
- <text x="1160" y="58">W3C DTCG</text>
17
- </g>
18
-
19
- <!-- Top hairline -->
20
- <line x1="40" y1="82" x2="1160" y2="82" stroke="#0A0908" stroke-width="1"/>
21
-
22
- <!-- Mark: lowercase d with extracted token. Fits inside the band 100-300 (200px tall). -->
23
- <g transform="translate(64, 116)">
24
- <circle cx="58" cy="120" r="50" fill="none" stroke="#0A0908" stroke-width="24"/>
25
- <rect x="94" y="20" width="24" height="164" fill="#0A0908"/>
26
- <rect x="124" y="156" width="28" height="28" fill="#FF4800"/>
27
- </g>
28
-
29
- <!-- Wordmark -->
30
- <text x="260" y="216"
31
- font-family="'Fraunces', 'Iowan Old Style', Georgia, serif"
32
- font-size="128" fill="#0A0908" letter-spacing="-3"
33
- text-rendering="geometricPrecision">designlang<tspan fill="#FF4800">.</tspan></text>
34
-
35
- <!-- Tagline -->
36
- <text x="260" y="268"
37
- font-family="'Instrument Sans', 'Helvetica Neue', sans-serif"
38
- font-size="18" fill="#403C34" font-style="italic">
39
- reads a website the way a developer reads a stylesheet.
40
- </text>
41
-
42
- <!-- Bottom hairline -->
43
- <line x1="40" y1="308" x2="1160" y2="308" stroke="#0A0908" stroke-width="1"/>
44
-
45
- <!-- Palette strip -->
46
- <g transform="translate(40, 344)">
47
- <g font-family="ui-monospace, 'SF Mono', Menlo, monospace" font-size="10" fill="#403C34" letter-spacing="0.7">
48
- <g>
49
- <rect width="42" height="42" fill="#0A0908"/>
50
- <text x="0" y="56">#0A0908</text>
51
- </g>
52
- <g transform="translate(58, 0)">
53
- <rect width="42" height="42" fill="#403C34"/>
54
- <text x="0" y="56">#403C34</text>
55
- </g>
56
- <g transform="translate(116, 0)">
57
- <rect width="42" height="42" fill="#8B8778"/>
58
- <text x="0" y="56">#8B8778</text>
59
- </g>
60
- <g transform="translate(174, 0)">
61
- <rect width="42" height="42" fill="#D8D3C5"/>
62
- <text x="0" y="56">#D8D3C5</text>
63
- </g>
64
- <g transform="translate(232, 0)">
65
- <rect width="42" height="42" fill="#FF4800"/>
66
- <text x="0" y="56">#FF4800</text>
67
- </g>
68
- </g>
69
-
70
- <!-- Right caption -->
71
- <g font-family="ui-monospace, 'SF Mono', Menlo, monospace" font-size="12" fill="#403C34" letter-spacing="1" text-anchor="end">
72
- <text x="1120" y="16">$ npx designlang &lt;url&gt;</text>
73
- <text x="1120" y="34" fill="#8B8778">MIT / Node ≥ 20 / Playwright</text>
74
- </g>
75
- </g>
76
- </svg>
@@ -1,12 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" role="img" aria-label="designlang">
2
- <title>designlang</title>
3
- <!-- Token grid scaffold, set in a 10×10 specimen field. -->
4
- <!-- Mark = a lowercase d constructed from two primitives (counter, stem) + one orange token. -->
5
- <rect width="120" height="120" fill="transparent"/>
6
- <!-- counter: a ring, ink -->
7
- <circle cx="50" cy="74" r="30" fill="none" stroke="#0A0908" stroke-width="16"/>
8
- <!-- stem: a bar right of counter, ink -->
9
- <rect x="72" y="10" width="16" height="100" fill="#0A0908"/>
10
- <!-- token: the extracted primary, accent -->
11
- <rect x="92" y="92" width="18" height="18" fill="#FF4800"/>
12
- </svg>
@@ -1,13 +0,0 @@
1
- {
2
- "name": "designlang",
3
- "short_name": "designlang",
4
- "description": "Extract any website's complete design system as W3C DTCG tokens, Tailwind, Figma variables, shadcn, iOS, Android, Flutter, WordPress, plus an MCP server.",
5
- "start_url": "/",
6
- "display": "standalone",
7
- "background_color": "#F3F1EA",
8
- "theme_color": "#F3F1EA",
9
- "icons": [
10
- { "src": "/favicon.svg", "sizes": "any", "type": "image/svg+xml" },
11
- { "src": "/icon.svg", "sizes": "any", "type": "image/svg+xml" }
12
- ]
13
- }