foss-design 0.2.0 → 0.3.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 (132) hide show
  1. package/README.md +6 -3
  2. package/dist/cli.js +1700 -217
  3. package/dist/viewer/assets/index-ChcZNlVM.css +2 -0
  4. package/dist/viewer/assets/index-CzXF5TnZ.js +157 -0
  5. package/dist/viewer/index.html +2 -2
  6. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2 +0 -0
  7. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff +0 -0
  8. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff +0 -0
  9. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2 +0 -0
  10. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff +0 -0
  11. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2 +0 -0
  12. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff +0 -0
  13. package/dist/viewer-lib/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2 +0 -0
  14. package/dist/viewer-lib/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff +0 -0
  15. package/dist/viewer-lib/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2 +0 -0
  16. package/dist/viewer-lib/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff +0 -0
  17. package/dist/viewer-lib/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2 +0 -0
  18. package/dist/viewer-lib/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2 +0 -0
  19. package/dist/viewer-lib/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff +0 -0
  20. package/dist/viewer-lib/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2 +0 -0
  21. package/dist/viewer-lib/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff +0 -0
  22. package/dist/viewer-lib/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2 +0 -0
  23. package/dist/viewer-lib/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff +0 -0
  24. package/dist/viewer-lib/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff +0 -0
  25. package/dist/viewer-lib/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2 +0 -0
  26. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff +0 -0
  27. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2 +0 -0
  28. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff +0 -0
  29. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2 +0 -0
  30. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2 +0 -0
  31. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff +0 -0
  32. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff +0 -0
  33. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2 +0 -0
  34. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2 +0 -0
  35. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff +0 -0
  36. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff +0 -0
  37. package/dist/viewer-lib/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2 +0 -0
  38. package/dist/viewer-lib/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff +0 -0
  39. package/dist/viewer-lib/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2 +0 -0
  40. package/dist/viewer-lib/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff +0 -0
  41. package/dist/viewer-lib/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2 +0 -0
  42. package/dist/viewer-lib/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff +0 -0
  43. package/dist/viewer-lib/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2 +0 -0
  44. package/dist/viewer-lib/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2 +0 -0
  45. package/dist/viewer-lib/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff +0 -0
  46. package/dist/viewer-lib/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2 +0 -0
  47. package/dist/viewer-lib/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff +0 -0
  48. package/dist/viewer-lib/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff +0 -0
  49. package/dist/viewer-lib/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2 +0 -0
  50. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2 +0 -0
  51. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff +0 -0
  52. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff +0 -0
  53. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2 +0 -0
  54. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff +0 -0
  55. package/dist/viewer-lib/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2 +0 -0
  56. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2 +0 -0
  57. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff +0 -0
  58. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff +0 -0
  59. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2 +0 -0
  60. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff +0 -0
  61. package/dist/viewer-lib/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2 +0 -0
  62. package/dist/viewer-lib/index.d.ts +1 -0
  63. package/dist/viewer-lib/index.js +17581 -0
  64. package/dist/viewer-lib/styles.css +3090 -0
  65. package/dist/viewer-lib/types/src/shared/devices.d.ts +46 -0
  66. package/dist/viewer-lib/types/src/shared/types.d.ts +355 -0
  67. package/dist/viewer-lib/types/viewer/src/app.d.ts +20 -0
  68. package/dist/viewer-lib/types/viewer/src/components/auto-frame.d.ts +13 -0
  69. package/dist/viewer-lib/types/viewer/src/components/code-view.d.ts +6 -0
  70. package/dist/viewer-lib/types/viewer/src/components/command-palette.d.ts +2 -0
  71. package/dist/viewer-lib/types/viewer/src/components/inspector.d.ts +29 -0
  72. package/dist/viewer-lib/types/viewer/src/components/issues.d.ts +10 -0
  73. package/dist/viewer-lib/types/viewer/src/components/markdown.d.ts +8 -0
  74. package/dist/viewer-lib/types/viewer/src/components/search-button.d.ts +6 -0
  75. package/dist/viewer-lib/types/viewer/src/components/slide-panel.d.ts +11 -0
  76. package/dist/viewer-lib/types/viewer/src/components/theme-menu.d.ts +1 -0
  77. package/dist/viewer-lib/types/viewer/src/components/topbar.d.ts +8 -0
  78. package/dist/viewer-lib/types/viewer/src/components/wordmark.d.ts +7 -0
  79. package/dist/viewer-lib/types/viewer/src/lib/api.d.ts +14 -0
  80. package/dist/viewer-lib/types/viewer/src/lib/cn.d.ts +1 -0
  81. package/dist/viewer-lib/types/viewer/src/lib/copy.d.ts +1 -0
  82. package/dist/viewer-lib/types/viewer/src/lib/focus.d.ts +2 -0
  83. package/dist/viewer-lib/types/viewer/src/lib/format.d.ts +3 -0
  84. package/dist/viewer-lib/types/viewer/src/lib/frames.d.ts +25 -0
  85. package/dist/viewer-lib/types/viewer/src/lib/platform.d.ts +3 -0
  86. package/dist/viewer-lib/types/viewer/src/lib/source.d.ts +43 -0
  87. package/dist/viewer-lib/types/viewer/src/lib/store.d.ts +10 -0
  88. package/dist/viewer-lib/types/viewer/src/lib/theme.d.ts +6 -0
  89. package/dist/viewer-lib/types/viewer/src/lib/viewer.d.ts +44 -0
  90. package/dist/viewer-lib/types/viewer/src/library.d.ts +25 -0
  91. package/dist/viewer-lib/types/viewer/src/pages/canvas/camera.d.ts +43 -0
  92. package/dist/viewer-lib/types/viewer/src/pages/canvas/canvas-bar.d.ts +29 -0
  93. package/dist/viewer-lib/types/viewer/src/pages/canvas/canvas-page.d.ts +4 -0
  94. package/dist/viewer-lib/types/viewer/src/pages/canvas/items.d.ts +47 -0
  95. package/dist/viewer-lib/types/viewer/src/pages/canvas/layout.d.ts +30 -0
  96. package/dist/viewer-lib/types/viewer/src/pages/canvas/overlay.d.ts +19 -0
  97. package/dist/viewer-lib/types/viewer/src/pages/canvas/play-page.d.ts +4 -0
  98. package/dist/viewer-lib/types/viewer/src/pages/canvas/sidebar.d.ts +10 -0
  99. package/dist/viewer-lib/types/viewer/src/pages/canvas/view-state.d.ts +30 -0
  100. package/dist/viewer-lib/types/viewer/src/pages/canvas/viewport.d.ts +37 -0
  101. package/dist/viewer-lib/types/viewer/src/pages/home.d.ts +1 -0
  102. package/dist/viewer-lib/types/viewer/src/pages/not-found.d.ts +4 -0
  103. package/dist/viewer-lib/types/viewer/src/pages/system/assets.d.ts +4 -0
  104. package/dist/viewer-lib/types/viewer/src/pages/system/colors.d.ts +4 -0
  105. package/dist/viewer-lib/types/viewer/src/pages/system/component-page.d.ts +5 -0
  106. package/dist/viewer-lib/types/viewer/src/pages/system/guideline.d.ts +5 -0
  107. package/dist/viewer-lib/types/viewer/src/pages/system/motion.d.ts +7 -0
  108. package/dist/viewer-lib/types/viewer/src/pages/system/nav.d.ts +5 -0
  109. package/dist/viewer-lib/types/viewer/src/pages/system/other-tokens.d.ts +4 -0
  110. package/dist/viewer-lib/types/viewer/src/pages/system/overview.d.ts +4 -0
  111. package/dist/viewer-lib/types/viewer/src/pages/system/shape.d.ts +4 -0
  112. package/dist/viewer-lib/types/viewer/src/pages/system/shared.d.ts +34 -0
  113. package/dist/viewer-lib/types/viewer/src/pages/system/system-routes.d.ts +2 -0
  114. package/dist/viewer-lib/types/viewer/src/pages/system/typography.d.ts +4 -0
  115. package/dist/viewer-lib/types/viewer/src/ui/avatar.d.ts +14 -0
  116. package/dist/viewer-lib/types/viewer/src/ui/badge.d.ts +11 -0
  117. package/dist/viewer-lib/types/viewer/src/ui/button.d.ts +37 -0
  118. package/dist/viewer-lib/types/viewer/src/ui/choice.d.ts +19 -0
  119. package/dist/viewer-lib/types/viewer/src/ui/dialog.d.ts +18 -0
  120. package/dist/viewer-lib/types/viewer/src/ui/icon-paths.d.ts +87 -0
  121. package/dist/viewer-lib/types/viewer/src/ui/icon.d.ts +8 -0
  122. package/dist/viewer-lib/types/viewer/src/ui/menu.d.ts +27 -0
  123. package/dist/viewer-lib/types/viewer/src/ui/meter.d.ts +15 -0
  124. package/dist/viewer-lib/types/viewer/src/ui/page.d.ts +39 -0
  125. package/dist/viewer-lib/types/viewer/src/ui/panel.d.ts +72 -0
  126. package/dist/viewer-lib/types/viewer/src/ui/text-field.d.ts +19 -0
  127. package/dist/viewer-lib/types/viewer/src/ui/text.d.ts +22 -0
  128. package/dist/viewer-lib/types/viewer/src/ui/toast.d.ts +5 -0
  129. package/dist/viewer-lib/types/viewer/src/ui/tooltip.d.ts +13 -0
  130. package/package.json +20 -2
  131. package/dist/viewer/assets/index-DeZ8UVA6.css +0 -2
  132. package/dist/viewer/assets/index-j0vt81cl.js +0 -157
package/README.md CHANGED
@@ -21,7 +21,7 @@ Or install the `design` command globally: `npm i -g foss-design`.
21
21
  - **A design system.** `.design/system/` holds `tokens.css` (light and dark CSS variables mapped to Tailwind v4 utilities), components importable as `@system/components/…`, specimens, guidelines and assets. The viewer renders it as a style guide at `/system`.
22
22
  - **Batteries.** Every screen gets Tailwind v4 with the tokens, React, `motion`, `lucide-react`, `clsx` and `tailwind-merge`, even in projects without them; the project's own packages and `design.json` aliases work too. `import { go, useTheme, useScreen } from '@design/runtime'` links screens into prototypes.
23
23
  - **Checks for agents.** `design check --render` loads every screen in Chrome and reports errors; `design shot` writes PNGs an agent can look at.
24
- - **Sharing.** `design build --tar` produces a static site of the canvases and the system for any static host.
24
+ - **Sharing.** `design build --tar` produces a static site of the canvases and the system for any static host, or [foss-design Cloud](https://fossdesign.dev) syncs `.design` between machines and people: `design login`, `design link`, `design push`, `design pull`.
25
25
 
26
26
  ## Commands
27
27
 
@@ -31,13 +31,16 @@ Or install the `design` command globally: `npm i -g foss-design`.
31
31
  | `system init [--name] [--empty]` | Scaffold `.design/system`. |
32
32
  | `new <canvas> [--title] [--empty]` | Scaffold a canvas. |
33
33
  | `preview [--open [path]] [--port] [--restart] [--foreground]` | Start or reuse the viewer and print its URL. |
34
- | `stop`, `status` | Stop the viewer; show its state and a project summary. |
34
+ | `stop`, `status` | Stop the viewer; show its state, a project summary and the cloud state. |
35
35
  | `check [canvas…] [--render] [--json]` | Validate the project; `--render` also loads every screen in Chrome. |
36
36
  | `shot <canvas>[/<screen>] [--page] [--theme] [--out] [--overview]` | Screenshot screens or whole pages. |
37
37
  | `build [canvas…] [--out] [--tar]` | Static site. |
38
+ | `login`, `logout` | Sign this machine in to foss-design Cloud (a link with the code in it). |
39
+ | `link [<project>] [--new <name>]` | List cloud projects, or link `.design` to one. |
40
+ | `push [canvas…] [--resolved <unit>]`, `pull [canvas…] [--theirs <unit>]` | Sync with the cloud; exit 2 on a conflict. |
38
41
 
39
42
  Requirements: Node.js 20.19+. `check --render` and `shot` need an installed Chrome, Chromium, Edge or Brave, or `DESIGN_CHROME` pointing at one.
40
43
 
41
- Formats, agent skills and plugins: https://github.com/wiolett-industries/foss-design
44
+ Formats, agent skills and plugins: https://github.com/wiolett-industries/foss-design · Cloud: https://fossdesign.dev
42
45
 
43
46
  MIT © Wiolett Industries