@usefragments/core 1.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 (228) hide show
  1. package/LICENSE +21 -0
  2. package/dist/chunk-243QYRUF.js +2145 -0
  3. package/dist/chunk-243QYRUF.js.map +1 -0
  4. package/dist/chunk-3LLRNCPX.js +111 -0
  5. package/dist/chunk-3LLRNCPX.js.map +1 -0
  6. package/dist/chunk-EIYNNS77.js +48 -0
  7. package/dist/chunk-EIYNNS77.js.map +1 -0
  8. package/dist/chunk-JNBFJ34I.js +326 -0
  9. package/dist/chunk-JNBFJ34I.js.map +1 -0
  10. package/dist/chunk-R3X7UBHU.js +228 -0
  11. package/dist/chunk-R3X7UBHU.js.map +1 -0
  12. package/dist/chunk-SH4KPIYH.js +393 -0
  13. package/dist/chunk-SH4KPIYH.js.map +1 -0
  14. package/dist/chunk-V4VQB57N.js +56 -0
  15. package/dist/chunk-V4VQB57N.js.map +1 -0
  16. package/dist/chunk-X34IA4LR.js +319 -0
  17. package/dist/chunk-X34IA4LR.js.map +1 -0
  18. package/dist/chunk-YF65VYRY.js +493 -0
  19. package/dist/chunk-YF65VYRY.js.map +1 -0
  20. package/dist/codes/index.d.ts +40 -0
  21. package/dist/codes/index.js +23 -0
  22. package/dist/codes/index.js.map +1 -0
  23. package/dist/compiled-types/index.d.ts +5 -0
  24. package/dist/compiled-types/index.js +1 -0
  25. package/dist/compiled-types/index.js.map +1 -0
  26. package/dist/generate/index.d.ts +47 -0
  27. package/dist/generate/index.js +11 -0
  28. package/dist/generate/index.js.map +1 -0
  29. package/dist/governance-BOa3KyiJ.d.ts +3279 -0
  30. package/dist/graph/index.d.ts +66 -0
  31. package/dist/graph/index.js +17 -0
  32. package/dist/graph/index.js.map +1 -0
  33. package/dist/index.d.ts +11388 -0
  34. package/dist/index.js +8711 -0
  35. package/dist/index.js.map +1 -0
  36. package/dist/package-identity.d.ts +42 -0
  37. package/dist/package-identity.js +23 -0
  38. package/dist/package-identity.js.map +1 -0
  39. package/dist/preview/index.d.ts +484 -0
  40. package/dist/preview/index.js +1129 -0
  41. package/dist/preview/index.js.map +1 -0
  42. package/dist/react-types.d.ts +22 -0
  43. package/dist/react-types.js +1 -0
  44. package/dist/react-types.js.map +1 -0
  45. package/dist/registry.d.ts +2367 -0
  46. package/dist/registry.js +62 -0
  47. package/dist/registry.js.map +1 -0
  48. package/dist/schemas/index.d.ts +2584 -0
  49. package/dist/schemas/index.js +55 -0
  50. package/dist/schemas/index.js.map +1 -0
  51. package/dist/severity.d.ts +18 -0
  52. package/dist/severity.js +27 -0
  53. package/dist/severity.js.map +1 -0
  54. package/dist/test-utils.d.ts +14 -0
  55. package/dist/test-utils.js +63 -0
  56. package/dist/test-utils.js.map +1 -0
  57. package/dist/topology/index.d.ts +48 -0
  58. package/dist/topology/index.js +7 -0
  59. package/dist/topology/index.js.map +1 -0
  60. package/dist/types-xJ2xyp_G.d.ts +119 -0
  61. package/package.json +120 -0
  62. package/src/__tests__/contract-parser.test.ts +614 -0
  63. package/src/__tests__/dtcg-generators.test.ts +439 -0
  64. package/src/__tests__/dtcg-parser.test.ts +884 -0
  65. package/src/__tests__/preview-runtime.test.tsx +111 -0
  66. package/src/__tests__/schema.test.ts +31 -0
  67. package/src/__tests__/severity.test.ts +34 -0
  68. package/src/__tests__/style-comparison.test.ts +662 -0
  69. package/src/__tests__/tokens-compat.test.ts +51 -0
  70. package/src/agent-format.test.ts +105 -0
  71. package/src/agent-format.ts +141 -0
  72. package/src/bundle.ts +149 -0
  73. package/src/codes/__tests__/codes.test.ts +73 -0
  74. package/src/codes/codes.ts +463 -0
  75. package/src/codes/index.ts +7 -0
  76. package/src/codes/source-finding-bridge.ts +113 -0
  77. package/src/compiled-types/index.ts +293 -0
  78. package/src/component-contract.ts +231 -0
  79. package/src/component-discovery.ts +80 -0
  80. package/src/composition.test.ts +262 -0
  81. package/src/composition.ts +318 -0
  82. package/src/config-paths.test.ts +78 -0
  83. package/src/config-paths.ts +47 -0
  84. package/src/config.ts +18 -0
  85. package/src/conform-prove.test.ts +274 -0
  86. package/src/conform-prove.ts +326 -0
  87. package/src/conform.ts +160 -0
  88. package/src/constants.ts +114 -0
  89. package/src/context.ts +2 -0
  90. package/src/contract/fixture.ts +110 -0
  91. package/src/contract/hash.test.ts +86 -0
  92. package/src/contract/hash.ts +195 -0
  93. package/src/contract/index.ts +43 -0
  94. package/src/contract/preimage.test.ts +254 -0
  95. package/src/contract/preimage.ts +365 -0
  96. package/src/contract/stamp.test.ts +100 -0
  97. package/src/contract/stamp.ts +105 -0
  98. package/src/contract-parser.ts +141 -0
  99. package/src/defineFragment.test.ts +257 -0
  100. package/src/defineFragment.ts +293 -0
  101. package/src/dtcg-generators.ts +324 -0
  102. package/src/dtcg-parser.ts +1 -0
  103. package/src/dtcg.ts +237 -0
  104. package/src/facts/__snapshots__/facts.test.ts.snap +124 -0
  105. package/src/facts/builders.ts +835 -0
  106. package/src/facts/compile.ts +422 -0
  107. package/src/facts/fact-index.ts +394 -0
  108. package/src/facts/facts.test.ts +494 -0
  109. package/src/facts/ids.ts +125 -0
  110. package/src/facts/index.ts +119 -0
  111. package/src/facts/types.ts +614 -0
  112. package/src/figma.ts +263 -0
  113. package/src/fragment-types.ts +214 -0
  114. package/src/generate/generate.test.ts +594 -0
  115. package/src/generate/index.ts +438 -0
  116. package/src/governance-integrity.test.ts +186 -0
  117. package/src/governance-integrity.ts +282 -0
  118. package/src/governance.test.ts +300 -0
  119. package/src/governance.ts +605 -0
  120. package/src/governance.type-test.ts +75 -0
  121. package/src/graph/engine.ts +446 -0
  122. package/src/graph/graph.test.ts +746 -0
  123. package/src/graph/index.ts +32 -0
  124. package/src/graph/serialization.ts +55 -0
  125. package/src/graph/types.ts +178 -0
  126. package/src/index.ts +891 -0
  127. package/src/local-canonical.ts +102 -0
  128. package/src/mcp-snapshot.ts +222 -0
  129. package/src/package-identity-match.ts +33 -0
  130. package/src/package-identity.generated.ts +233 -0
  131. package/src/package-identity.test.ts +99 -0
  132. package/src/package-identity.ts +157 -0
  133. package/src/performance-presets.ts +142 -0
  134. package/src/preview/comparison-artifact.test.ts +228 -0
  135. package/src/preview/comparison-artifact.ts +181 -0
  136. package/src/preview/comparison-context.ts +93 -0
  137. package/src/preview/comparison-evidence.ts +112 -0
  138. package/src/preview/comparison-format.ts +21 -0
  139. package/src/preview/comparison-presentation.ts +187 -0
  140. package/src/preview/comparison-references.test.ts +430 -0
  141. package/src/preview/comparison-references.ts +72 -0
  142. package/src/preview/comparison-score.ts +59 -0
  143. package/src/preview/comparison-styles.ts +197 -0
  144. package/src/preview/comparison.test.ts +559 -0
  145. package/src/preview/comparison.ts +488 -0
  146. package/src/preview/index.ts +10 -0
  147. package/src/preview/types.ts +309 -0
  148. package/src/preview/validation.test.ts +290 -0
  149. package/src/preview/validation.ts +356 -0
  150. package/src/preview-runtime.tsx +144 -0
  151. package/src/raw-html-canonical.test.ts +41 -0
  152. package/src/raw-html-canonical.ts +179 -0
  153. package/src/react-types.ts +21 -0
  154. package/src/registry-install-plan.ts +344 -0
  155. package/src/registry.test.ts +245 -0
  156. package/src/registry.ts +369 -0
  157. package/src/rules/a11y-required-accessible-name.ts +93 -0
  158. package/src/rules/color-math.test.ts +72 -0
  159. package/src/rules/color-math.ts +192 -0
  160. package/src/rules/components-forbidden-prop-value.ts +108 -0
  161. package/src/rules/components-prefer-library.ts +943 -0
  162. package/src/rules/components-unknown-prop.ts +94 -0
  163. package/src/rules/composition-pattern-schema.ts +125 -0
  164. package/src/rules/composition-pattern.test.ts +320 -0
  165. package/src/rules/composition-pattern.ts +271 -0
  166. package/src/rules/emit-gate.test.ts +42 -0
  167. package/src/rules/emit-gate.ts +60 -0
  168. package/src/rules/finding.ts +54 -0
  169. package/src/rules/index.ts +235 -0
  170. package/src/rules/jsx-preferred-component.ts +68 -0
  171. package/src/rules/jsx-preferred-import-path.ts +67 -0
  172. package/src/rules/presets.ts +57 -0
  173. package/src/rules/props-invalid-value.ts +115 -0
  174. package/src/rules/rules.test.ts +3636 -0
  175. package/src/rules/spacing-resolution.ts +184 -0
  176. package/src/rules/styles-no-raw-color.ts +329 -0
  177. package/src/rules/styles-no-raw-dimensions.ts +357 -0
  178. package/src/rules/styles-no-raw-spacing.ts +236 -0
  179. package/src/rules/styles-no-raw-typography.ts +237 -0
  180. package/src/rules/tailwind-arbitrary-color.test.ts +128 -0
  181. package/src/rules/tailwind-arbitrary-color.ts +93 -0
  182. package/src/rules/tailwind-arbitrary-spacing.test.ts +157 -0
  183. package/src/rules/tailwind-arbitrary-spacing.ts +120 -0
  184. package/src/rules/tailwind-forbidden-palette.test.ts +116 -0
  185. package/src/rules/tailwind-forbidden-palette.ts +107 -0
  186. package/src/rules/tailwind-off-scale-spacing-token.test.ts +100 -0
  187. package/src/rules/tailwind-off-scale-spacing-token.ts +108 -0
  188. package/src/rules/tailwind-raw-color-via-token.test.ts +108 -0
  189. package/src/rules/tailwind-raw-color-via-token.ts +82 -0
  190. package/src/rules/tailwind-rule-utils.ts +106 -0
  191. package/src/rules/tailwind-unknown-class.test.ts +157 -0
  192. package/src/rules/tailwind-unknown-class.ts +121 -0
  193. package/src/rules/taxonomy.test.ts +238 -0
  194. package/src/rules/theme-no-theme-coupled-literal.ts +132 -0
  195. package/src/rules/tiers.ts +111 -0
  196. package/src/rules/tokens-css-vars-must-be-defined.test.ts +244 -0
  197. package/src/rules/tokens-css-vars-must-be-defined.ts +156 -0
  198. package/src/rules/tokens-require-dual-fallback.ts +78 -0
  199. package/src/rules/types.ts +27 -0
  200. package/src/rules/utils.test.ts +110 -0
  201. package/src/rules/utils.ts +599 -0
  202. package/src/schema.ts +427 -0
  203. package/src/schemas/index.ts +275 -0
  204. package/src/schemas/schemas.test.ts +124 -0
  205. package/src/severity.ts +54 -0
  206. package/src/storyAdapter.test.ts +571 -0
  207. package/src/storyAdapter.ts +761 -0
  208. package/src/storyFilters.test.ts +350 -0
  209. package/src/storyFilters.ts +253 -0
  210. package/src/storybook-csf.ts +11 -0
  211. package/src/style-comparison.ts +423 -0
  212. package/src/test-utils.ts +68 -0
  213. package/src/token-parser.ts +2 -0
  214. package/src/token-types.ts +287 -0
  215. package/src/tokens/categories.ts +131 -0
  216. package/src/tokens/color.ts +193 -0
  217. package/src/tokens/design-token-parser.test.ts +159 -0
  218. package/src/tokens/design-token-parser.ts +402 -0
  219. package/src/tokens/dtcg.ts +428 -0
  220. package/src/tokens/index.ts +130 -0
  221. package/src/tokens/lookup.ts +19 -0
  222. package/src/tokens/scss.ts +171 -0
  223. package/src/tokens/tailwind-v4.ts +187 -0
  224. package/src/tokens/types.ts +43 -0
  225. package/src/topology/index.ts +9 -0
  226. package/src/topology/resolve-area.test.ts +174 -0
  227. package/src/topology/resolve-area.ts +215 -0
  228. package/src/types.ts +1057 -0
@@ -0,0 +1,124 @@
1
+ import { describe, expect, it } from "vitest";
2
+
3
+ import {
4
+ findingSchema,
5
+ governanceVerdictSchema,
6
+ normalizeSeverity,
7
+ normalizeViolation,
8
+ suppressionDirectiveSchema,
9
+ validatorResultSchema,
10
+ } from "./index.js";
11
+ import { makeFinding } from "../rules/finding.js";
12
+
13
+ describe("canonical TypeStyle schemas", () => {
14
+ it("validates a canonical finding with derived level", () => {
15
+ const finding = findingSchema.parse({
16
+ ruleId: "tokens/require-design-tokens",
17
+ ruleVersion: "1.0.0",
18
+ severity: "moderate",
19
+ level: "warn",
20
+ code: "FUI2001",
21
+ helpUrl: "https://usefragments.com/errors/FUI2001",
22
+ message: "Use a design token.",
23
+ fingerprint: "abc123",
24
+ location: { file: "src/button.tsx", line: 4, column: 12 },
25
+ evidence: [
26
+ {
27
+ factId: "fact:1",
28
+ fact: {
29
+ kind: "style_declaration",
30
+ location: { file: "src/button.tsx", line: 4, column: 12 },
31
+ },
32
+ },
33
+ ],
34
+ });
35
+
36
+ expect(finding.severity).toBe("moderate");
37
+ expect(finding.level).toBe("warn");
38
+ });
39
+
40
+ it("normalizes legacy severity levels at compatibility boundaries", () => {
41
+ expect(normalizeSeverity("error")).toBe("serious");
42
+ expect(normalizeSeverity("warning")).toBe("moderate");
43
+ expect(normalizeSeverity("info")).toBe("minor");
44
+ expect(
45
+ normalizeViolation({
46
+ nodeId: "node-1",
47
+ nodeType: "Button",
48
+ rule: "components/allow",
49
+ severity: "serious",
50
+ message: "Use an allowed component.",
51
+ }).level
52
+ ).toBe("error");
53
+ });
54
+
55
+ it("validates verdict and suppression contracts", () => {
56
+ expect(() =>
57
+ governanceVerdictSchema.parse({
58
+ passed: true,
59
+ score: 100,
60
+ results: [],
61
+ metadata: {
62
+ runner: "cli",
63
+ duration: 10,
64
+ nodeCount: 1,
65
+ componentTypes: ["Button"],
66
+ },
67
+ })
68
+ ).not.toThrow();
69
+
70
+ expect(() =>
71
+ suppressionDirectiveSchema.parse({
72
+ ruleId: "tokens/require-design-tokens",
73
+ reason: "Legacy file scheduled for removal.",
74
+ expiresAt: "2026-08-01T00:00:00.000Z",
75
+ scope: "line",
76
+ code: "FUI2001",
77
+ })
78
+ ).not.toThrow();
79
+ });
80
+
81
+ it("allows validator results to bridge legacy violations and canonical findings", () => {
82
+ const finding = makeFinding({
83
+ ruleId: "safety/block-event-handlers",
84
+ ruleVersion: "1.0.0",
85
+ severity: "serious",
86
+ message: "Event handlers are blocked.",
87
+ location: { file: "<ui-spec>", line: 0, column: 0 },
88
+ evidence: [
89
+ {
90
+ factId: "ui-spec:safety:block-event-handlers:button-1:onClick",
91
+ fact: {
92
+ kind: "ui_spec_violation",
93
+ location: { file: "<ui-spec>", line: 0, column: 0 },
94
+ },
95
+ },
96
+ ],
97
+ fingerprintIdentity: {
98
+ nodeId: "button-1",
99
+ prop: "onClick",
100
+ },
101
+ });
102
+
103
+ expect(finding.code).toBe("FUI8001");
104
+ expect(finding.helpUrl).toBe("https://usefragments.com/errors/FUI8001");
105
+ expect(() =>
106
+ validatorResultSchema.parse({
107
+ validator: "safety",
108
+ severity: "serious",
109
+ passed: false,
110
+ violations: [
111
+ {
112
+ nodeId: "button-1",
113
+ nodeType: "Button",
114
+ rule: "safety/block-event-handlers",
115
+ severity: "serious",
116
+ code: "FUI8001",
117
+ message: "Event handlers are blocked.",
118
+ },
119
+ ],
120
+ findings: [finding],
121
+ })
122
+ ).not.toThrow();
123
+ });
124
+ });
@@ -0,0 +1,54 @@
1
+ import { z } from "zod";
2
+
3
+ export const severitySchema = z.enum(["critical", "serious", "moderate", "minor"]);
4
+ export type Severity = z.infer<typeof severitySchema>;
5
+
6
+ export const severityLevelSchema = z.enum(["error", "warn"]);
7
+ export type SeverityLevel = z.infer<typeof severityLevelSchema>;
8
+
9
+ export const legacySeverityLevelSchema = z.enum(["error", "warn", "info", "warning"]);
10
+ export type LegacySeverityLevel = z.infer<typeof legacySeverityLevelSchema>;
11
+
12
+ export const SEVERITIES = severitySchema.options;
13
+
14
+ export const SEVERITY_WEIGHTS: Record<Severity, number> = {
15
+ critical: 10,
16
+ serious: 5,
17
+ moderate: 2,
18
+ minor: 1,
19
+ };
20
+
21
+ export const SEVERITY_RANK: Record<Severity, number> = {
22
+ critical: 4,
23
+ serious: 3,
24
+ moderate: 2,
25
+ minor: 1,
26
+ };
27
+
28
+ export function severityLevel(severity: Severity): SeverityLevel {
29
+ return severity === "critical" || severity === "serious" ? "error" : "warn";
30
+ }
31
+
32
+ export function severityFromLevel(level: LegacySeverityLevel): Severity {
33
+ switch (level) {
34
+ case "error":
35
+ return "serious";
36
+ case "warn":
37
+ case "warning":
38
+ return "moderate";
39
+ case "info":
40
+ return "minor";
41
+ }
42
+ }
43
+
44
+ export function compareSeverity(a: Severity, b: Severity): number {
45
+ return SEVERITY_RANK[b] - SEVERITY_RANK[a];
46
+ }
47
+
48
+ export function maxSeverity(a: Severity, b: Severity): Severity {
49
+ return SEVERITY_RANK[a] >= SEVERITY_RANK[b] ? a : b;
50
+ }
51
+
52
+ export function sortBySeverity<T>(items: readonly T[], getSeverity: (item: T) => Severity): T[] {
53
+ return items.slice().sort((a, b) => compareSeverity(getSeverity(a), getSeverity(b)));
54
+ }