stitch2 0.19.2 → 0.19.3

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.
package/dist/canvas.html CHANGED
@@ -139,7 +139,7 @@
139
139
  <input id="search" placeholder="Search screens… ( / )" />
140
140
  <div class="seg" id="statusFilter"><button type="button" data-v="active" class="on" title="Everything except archived versions">Active</button><button type="button" data-v="approved" title="The reference versions agents build on">Approved</button><button type="button" data-v="review" title="Finished by an agent, waiting for your decision">Needs review</button><button type="button" data-v="all" title="Including archived versions">All</button></div>
141
141
  <details id="versionFilter" class="multi" hidden title="Show only the versions you pick (several at once), or all of them"><summary>All versions</summary><div class="menu"></div></details>
142
- <details id="variantFilter" class="multi" hidden title="Show only the variants you pick: mobile, desktop (several at once), or all of them"><summary>All variants</summary><div class="menu"></div></details>
142
+ <details id="variantFilter" class="multi" hidden title="Show only the variants you pick: mobile, tablet, desktop (several at once), or all of them"><summary>All variants</summary><div class="menu"></div></details>
143
143
  <select id="themeFilter" class="pick" hidden title="Show every screen in this theme (T)" aria-label="Theme"></select>
144
144
  <select id="widthFilter" class="pick" title="Show every screen at the narrowest or widest window its variant covers, or at one breakpoint (W)" aria-label="Width"></select>
145
145
  <select id="langFilter" class="pick" title="Show every screen in this language (L)" aria-label="Language"></select>
package/dist/list.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Lists every screen version, variant by variant (mobile, desktop), with its status and the reviewer's note, for agents (and anyone without the
2
+ * Lists every screen version, variant by variant (mobile, tablet, desktop), with its status and the reviewer's note, for agents (and anyone without the
3
3
  * canvas open). Approved versions are the reference; review versions wait for the user; notes are feedback.
4
4
  * Ends with what makes the current version unclear (versionProblems); --strict fails on it.
5
5
  * Usage: stitch2 screens [screen name] [--status approved|review|draft|archived] [--json] [--strict]
package/dist/sandbox.js CHANGED
@@ -3,7 +3,7 @@
3
3
  * versions, so their work is not anchored to what exists ("fresh eyes"), and where changes to the skills can
4
4
  * be tested on output that only the rules produced.
5
5
  *
6
- * stitch2 sandbox create <dir> <brief.md>… [--device mobile|desktop] [--context <screen>…]
6
+ * stitch2 sandbox create <dir> <brief.md>… [--device mobile|tablet|desktop] [--context <screen>…]
7
7
  * The project's config, its design folder without screens (DESIGN.md, tokens, components, the catalog and
8
8
  * templates), the skills from the config, a copy of stitch2 and the briefs (one screen each, named after the
9
9
  * file). --context adds the approved versions of other screens, to stay consistent with them.
@@ -34,7 +34,7 @@ if (sub === 'create') {
34
34
  const context = flag('context') ?? [];
35
35
  const [dir, ...briefs] = argv;
36
36
  if (!dir || !briefs.length) {
37
- console.error('usage: stitch2 sandbox create <dir> <brief.md>… [--device mobile|desktop] [--context <screen>…]');
37
+ console.error('usage: stitch2 sandbox create <dir> <brief.md>… [--device mobile|tablet|desktop] [--context <screen>…]');
38
38
  process.exit(1);
39
39
  }
40
40
  const out = resolve(dir);
package/dist/screens.d.ts CHANGED
@@ -25,7 +25,7 @@ export interface Screen {
25
25
  * decides it for all of its versions; without one a screen is its own page.
26
26
  */
27
27
  page: string;
28
- device: 'mobile' | 'desktop';
28
+ device: 'mobile' | 'tablet' | 'desktop';
29
29
  /** Where the version came from: stitch, lab or trial. */
30
30
  source: 'stitch' | 'lab' | 'trial';
31
31
  /** Short version label: "v3", "Stitch", "Trial 2". */
package/dist/screens.js CHANGED
@@ -41,7 +41,7 @@ export function listScreens() {
41
41
  const source = (meta(html, tag('source')) ??
42
42
  (under(path, config.stitchDir) ? 'stitch' : archive ? 'trial' : 'lab'));
43
43
  // design/screens/<screen>/<device>-v<N>.html, or older files named after the screen.
44
- const versioned = /^(mobile|desktop)-v(\d+)$/.exec(name);
44
+ const versioned = /^(mobile|tablet|desktop)-v(\d+)$/.exec(name);
45
45
  out.push({
46
46
  path,
47
47
  group,
@@ -53,7 +53,7 @@ export function listScreens() {
53
53
  screen: meta(html, tag('screen')) ?? (versioned ? group.split('/').pop() : name),
54
54
  page: meta(html, tag('page')) ?? '',
55
55
  device: (meta(html, tag('device')) ??
56
- (versioned?.[1] || (width >= 768 ? 'desktop' : 'mobile'))),
56
+ (versioned?.[1] || (width >= 1000 ? 'desktop' : width >= 600 ? 'tablet' : 'mobile'))),
57
57
  source,
58
58
  version: meta(html, tag('version')) ??
59
59
  (versioned
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stitch2",
3
- "version": "0.19.2",
3
+ "version": "0.19.3",
4
4
  "description": "A design canvas, layout and type checks, component consistency and screen versioning for agent-built UI, on Google's DESIGN.md format.",
5
5
  "license": "MIT",
6
6
  "author": "ifokeev",