@redsift/ds-mcp-server 12.3.1-muiv6-alpha.2
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/README.md +203 -0
- package/consumer-instructions/.cursorrules +80 -0
- package/consumer-instructions/.windsurfrules +80 -0
- package/consumer-instructions/CLAUDE.md +87 -0
- package/consumer-instructions/redsift-design-system.instructions.md +87 -0
- package/data/demos/patterns/crossfiltered-datagrid-page/example.tsx +750 -0
- package/data/demos/patterns/crossfiltered-datagrid-page/with-empty-state.tsx +111 -0
- package/data/demos/patterns/crossfiltered-datagrid-page/with-error.tsx +122 -0
- package/data/demos/patterns/crossfiltered-datagrid-page/with-loading.tsx +88 -0
- package/data/demos/patterns/datagrid-page/example.tsx +521 -0
- package/data/demos/patterns/datagrid-page/with-empty-state.tsx +80 -0
- package/data/demos/patterns/datagrid-page/with-error.tsx +96 -0
- package/data/demos/patterns/datagrid-page/with-loading.tsx +57 -0
- package/data/demos/patterns/drilldown-datagrid-page/example.tsx +715 -0
- package/data/demos/patterns/drilldown-datagrid-page/with-empty-state.tsx +113 -0
- package/data/demos/patterns/drilldown-datagrid-page/with-error.tsx +125 -0
- package/data/demos/patterns/drilldown-datagrid-page/with-loading.tsx +90 -0
- package/data/demos/patterns/server-datagrid-page/example.tsx +757 -0
- package/data/demos/patterns/server-datagrid-page/with-empty-state.tsx +107 -0
- package/data/demos/patterns/server-datagrid-page/with-error.tsx +107 -0
- package/data/demos/patterns/server-datagrid-page/with-loading.tsx +63 -0
- package/data/docs/components/charts/Arc.json +179 -0
- package/data/docs/components/charts/Arcs.json +104 -0
- package/data/docs/components/charts/Axis.json +269 -0
- package/data/docs/components/charts/Bar.json +236 -0
- package/data/docs/components/charts/BarChart.json +852 -0
- package/data/docs/components/charts/BarChartBars.json +18 -0
- package/data/docs/components/charts/BarChartGroupedTooltip.json +9 -0
- package/data/docs/components/charts/BarChartOverlay.json +34 -0
- package/data/docs/components/charts/BarChartSection.json +94 -0
- package/data/docs/components/charts/BaseBarChart.json +852 -0
- package/data/docs/components/charts/ChartContainerTitle.json +574 -0
- package/data/docs/components/charts/DataPoint.json +160 -0
- package/data/docs/components/charts/Dot.json +191 -0
- package/data/docs/components/charts/EmptyBarChart.json +852 -0
- package/data/docs/components/charts/EmptyLineChart.json +753 -0
- package/data/docs/components/charts/EmptyPieChart.json +826 -0
- package/data/docs/components/charts/EmptyScatterPlot.json +802 -0
- package/data/docs/components/charts/Legend.json +510 -0
- package/data/docs/components/charts/LegendItem.json +128 -0
- package/data/docs/components/charts/Line.json +69 -0
- package/data/docs/components/charts/LineChart.json +753 -0
- package/data/docs/components/charts/LoadingBarChart.json +852 -0
- package/data/docs/components/charts/LoadingLineChart.json +753 -0
- package/data/docs/components/charts/LoadingPieChart.json +826 -0
- package/data/docs/components/charts/LoadingScatterPlot.json +802 -0
- package/data/docs/components/charts/PieChart.json +826 -0
- package/data/docs/components/charts/RenderedLineChart.json +753 -0
- package/data/docs/components/charts/RenderedLinearBarChart.json +823 -0
- package/data/docs/components/charts/RenderedOrdinalBarChart.json +852 -0
- package/data/docs/components/charts/RenderedPieChart.json +826 -0
- package/data/docs/components/charts/RenderedScatterPlot.json +802 -0
- package/data/docs/components/charts/ScatterPlot.json +802 -0
- package/data/docs/components/charts/getAxisType.json +9 -0
- package/data/docs/components/charts/getComponentPosition.json +9 -0
- package/data/docs/components/dashboard/ChartEmptyState.json +42 -0
- package/data/docs/components/dashboard/Dashboard.json +26 -0
- package/data/docs/components/dashboard/DataCard.json +300 -0
- package/data/docs/components/dashboard/DataCardBody.json +431 -0
- package/data/docs/components/dashboard/DataCardHeader.json +304 -0
- package/data/docs/components/dashboard/DataCardListbox.json +529 -0
- package/data/docs/components/dashboard/DataRow.json +539 -0
- package/data/docs/components/dashboard/DrilldownItem.json +342 -0
- package/data/docs/components/dashboard/FilterableBarChart.json +83 -0
- package/data/docs/components/dashboard/FilterableDataGrid.json +83 -0
- package/data/docs/components/dashboard/FilterablePieChart.json +83 -0
- package/data/docs/components/dashboard/FilterableScatterPlot.json +83 -0
- package/data/docs/components/dashboard/PdfDocument.json +58 -0
- package/data/docs/components/dashboard/PdfExportButton.json +458 -0
- package/data/docs/components/dashboard/TimeSeriesBarChart.json +172 -0
- package/data/docs/components/dashboard/WithFilters.json +83 -0
- package/data/docs/components/design-system/ActiveDescendantListbox.json +521 -0
- package/data/docs/components/design-system/Alert.json +349 -0
- package/data/docs/components/design-system/AppBar.json +64 -0
- package/data/docs/components/design-system/AppContainer.json +67 -0
- package/data/docs/components/design-system/AppContent.json +566 -0
- package/data/docs/components/design-system/AppSidePanel.json +87 -0
- package/data/docs/components/design-system/Badge.json +293 -0
- package/data/docs/components/design-system/BaseBreadcrumbs.json +298 -0
- package/data/docs/components/design-system/BaseGrid.json +543 -0
- package/data/docs/components/design-system/BaseSkeleton.json +338 -0
- package/data/docs/components/design-system/BreadcrumbItem.json +231 -0
- package/data/docs/components/design-system/Breadcrumbs.json +298 -0
- package/data/docs/components/design-system/Button.json +402 -0
- package/data/docs/components/design-system/ButtonGroup.json +415 -0
- package/data/docs/components/design-system/ButtonLink.json +568 -0
- package/data/docs/components/design-system/Card.json +328 -0
- package/data/docs/components/design-system/CardActions.json +431 -0
- package/data/docs/components/design-system/CardBody.json +431 -0
- package/data/docs/components/design-system/CardHeader.json +428 -0
- package/data/docs/components/design-system/Checkbox.json +426 -0
- package/data/docs/components/design-system/CheckboxGroup.json +382 -0
- package/data/docs/components/design-system/ConditionalWrapper.json +40 -0
- package/data/docs/components/design-system/DetailedCard.json +401 -0
- package/data/docs/components/design-system/DetailedCardCollapsibleSectionItems.json +29 -0
- package/data/docs/components/design-system/DetailedCardHeader.json +37 -0
- package/data/docs/components/design-system/DetailedCardSection.json +90 -0
- package/data/docs/components/design-system/DetailedCardSectionItem.json +109 -0
- package/data/docs/components/design-system/Flexbox.json +523 -0
- package/data/docs/components/design-system/FocusWithinGroup.json +9 -0
- package/data/docs/components/design-system/Grid.json +543 -0
- package/data/docs/components/design-system/GridItem.json +388 -0
- package/data/docs/components/design-system/Heading.json +390 -0
- package/data/docs/components/design-system/Icon.json +325 -0
- package/data/docs/components/design-system/IconButton.json +371 -0
- package/data/docs/components/design-system/IconButtonLink.json +588 -0
- package/data/docs/components/design-system/Item.json +554 -0
- package/data/docs/components/design-system/Link.json +552 -0
- package/data/docs/components/design-system/LinkButton.json +397 -0
- package/data/docs/components/design-system/Listbox.json +529 -0
- package/data/docs/components/design-system/Number.json +773 -0
- package/data/docs/components/design-system/NumberField.json +594 -0
- package/data/docs/components/design-system/Pill.json +378 -0
- package/data/docs/components/design-system/ProgressBar.json +121 -0
- package/data/docs/components/design-system/RadarSvgLinearGradient.json +9 -0
- package/data/docs/components/design-system/Radio.json +415 -0
- package/data/docs/components/design-system/RadioGroup.json +382 -0
- package/data/docs/components/design-system/RenderedListboxItem.json +18 -0
- package/data/docs/components/design-system/RovingTabindexListbox.json +521 -0
- package/data/docs/components/design-system/Shield.json +360 -0
- package/data/docs/components/design-system/SideNavigationMenu.json +144 -0
- package/data/docs/components/design-system/SideNavigationMenuBar.json +89 -0
- package/data/docs/components/design-system/SideNavigationMenuItem.json +319 -0
- package/data/docs/components/design-system/Skeleton.json +338 -0
- package/data/docs/components/design-system/SkeletonCircle.json +338 -0
- package/data/docs/components/design-system/SkeletonText.json +371 -0
- package/data/docs/components/design-system/Spinner.json +291 -0
- package/data/docs/components/design-system/Switch.json +415 -0
- package/data/docs/components/design-system/SwitchGroup.json +382 -0
- package/data/docs/components/design-system/Text.json +418 -0
- package/data/docs/components/design-system/TextArea.json +501 -0
- package/data/docs/components/design-system/TextField.json +539 -0
- package/data/docs/components/design-system/sizeToDimension.json +9 -0
- package/data/docs/components/pickers/BaseCombobox.json +320 -0
- package/data/docs/components/pickers/BaseComboboxContent.json +453 -0
- package/data/docs/components/pickers/BaseMenuButton.json +240 -0
- package/data/docs/components/pickers/BaseMenuButtonContent.json +442 -0
- package/data/docs/components/pickers/BaseSelect.json +258 -0
- package/data/docs/components/pickers/Combobox.json +320 -0
- package/data/docs/components/pickers/ComboboxContent.json +453 -0
- package/data/docs/components/pickers/ComboboxContentFooter.json +431 -0
- package/data/docs/components/pickers/ComboboxContentHeader.json +431 -0
- package/data/docs/components/pickers/ComboboxContentListbox.json +541 -0
- package/data/docs/components/pickers/ComboboxTrigger.json +336 -0
- package/data/docs/components/pickers/Item.json +554 -0
- package/data/docs/components/pickers/MenuButton.json +240 -0
- package/data/docs/components/pickers/MenuButtonContent.json +442 -0
- package/data/docs/components/pickers/MenuButtonContentFooter.json +431 -0
- package/data/docs/components/pickers/MenuButtonContentHeader.json +431 -0
- package/data/docs/components/pickers/MenuButtonContentMenu.json +523 -0
- package/data/docs/components/pickers/MenuButtonTrigger.json +287 -0
- package/data/docs/components/pickers/Select.json +258 -0
- package/data/docs/components/pickers/SelectContent.json +442 -0
- package/data/docs/components/pickers/SelectTrigger.json +298 -0
- package/data/docs/components/popovers/BaseDialog.json +114 -0
- package/data/docs/components/popovers/BaseDialogContent.json +21 -0
- package/data/docs/components/popovers/BasePopover.json +171 -0
- package/data/docs/components/popovers/BaseToggletip.json +184 -0
- package/data/docs/components/popovers/BaseTooltip.json +121 -0
- package/data/docs/components/popovers/Button.json +402 -0
- package/data/docs/components/popovers/ButtonLink.json +568 -0
- package/data/docs/components/popovers/Dialog.json +114 -0
- package/data/docs/components/popovers/DialogContent.json +21 -0
- package/data/docs/components/popovers/DialogContentActions.json +442 -0
- package/data/docs/components/popovers/DialogContentBody.json +442 -0
- package/data/docs/components/popovers/DialogContentHeader.json +76 -0
- package/data/docs/components/popovers/DialogTrigger.json +276 -0
- package/data/docs/components/popovers/IconButton.json +371 -0
- package/data/docs/components/popovers/IconButtonLink.json +588 -0
- package/data/docs/components/popovers/Link.json +552 -0
- package/data/docs/components/popovers/LinkButton.json +397 -0
- package/data/docs/components/popovers/Popover.json +171 -0
- package/data/docs/components/popovers/PopoverContent.json +442 -0
- package/data/docs/components/popovers/PopoverTrigger.json +276 -0
- package/data/docs/components/popovers/Toast.json +145 -0
- package/data/docs/components/popovers/ToastContainer.json +122 -0
- package/data/docs/components/popovers/Toggletip.json +184 -0
- package/data/docs/components/popovers/ToggletipContent.json +402 -0
- package/data/docs/components/popovers/ToggletipTrigger.json +276 -0
- package/data/docs/components/popovers/Tooltip.json +121 -0
- package/data/docs/components/popovers/TooltipContent.json +402 -0
- package/data/docs/components/popovers/TooltipTrigger.json +276 -0
- package/data/docs/components/products/Dialog.json +106 -0
- package/data/docs/components/products/MenuButton.json +232 -0
- package/data/docs/components/products/PulsedRadarImage.json +9 -0
- package/data/docs/components/products/RadarButton.json +402 -0
- package/data/docs/components/products/RadarItem.json +554 -0
- package/data/docs/components/table/ControlledPagination.json +9 -0
- package/data/docs/components/table/DataGrid.json +93 -0
- package/data/docs/components/table/GridToolbarFilterSemanticField.json +69 -0
- package/data/docs/components/table/ServerSideControlledPagination.json +9 -0
- package/data/docs/components/table/StatefulDataGrid.json +117 -0
- package/data/docs/components/table/TextCell.json +118 -0
- package/data/docs/components/table/Toolbar.json +145 -0
- package/data/docs/components/table/ToolbarWrapper.json +9 -0
- package/data/docs/components-index.json +1206 -0
- package/data/docs/components.json +55694 -0
- package/data/docs/llms-full.txt +8012 -0
- package/data/docs/llms.txt +234 -0
- package/data/docs/patterns-catalog.md +359 -0
- package/data/docs/patterns.json +712 -0
- package/data/metadata.json +4 -0
- package/data/patterns/crossfiltered-datagrid-page.mdx +386 -0
- package/data/patterns/datagrid-page.mdx +214 -0
- package/data/patterns/drilldown-datagrid-page.mdx +291 -0
- package/data/patterns/server-datagrid-page.mdx +301 -0
- package/data/tokens/properties/components/dark-components.json +1108 -0
- package/data/tokens/properties/components/light-components.json +1108 -0
- package/data/tokens/properties/core/border-radius.json +3 -0
- package/data/tokens/properties/core/color.json +280 -0
- package/data/tokens/properties/core/layout.json +14 -0
- package/data/tokens/properties/core/typography.json +199 -0
- package/data/tokens/redsift-design-tokens.css +1391 -0
- package/dist/data-store.d.ts +47 -0
- package/dist/data-store.d.ts.map +1 -0
- package/dist/data-store.js +152 -0
- package/dist/data-store.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +50 -0
- package/dist/index.js.map +1 -0
- package/dist/init.d.ts +14 -0
- package/dist/init.d.ts.map +1 -0
- package/dist/init.js +137 -0
- package/dist/init.js.map +1 -0
- package/dist/paths.d.ts +30 -0
- package/dist/paths.d.ts.map +1 -0
- package/dist/paths.js +53 -0
- package/dist/paths.js.map +1 -0
- package/dist/pattern-store.d.ts +41 -0
- package/dist/pattern-store.d.ts.map +1 -0
- package/dist/pattern-store.js +177 -0
- package/dist/pattern-store.js.map +1 -0
- package/dist/prompts.d.ts +14 -0
- package/dist/prompts.d.ts.map +1 -0
- package/dist/prompts.js +762 -0
- package/dist/prompts.js.map +1 -0
- package/dist/resources.d.ts +14 -0
- package/dist/resources.d.ts.map +1 -0
- package/dist/resources.js +482 -0
- package/dist/resources.js.map +1 -0
- package/dist/scaffold.d.ts +31 -0
- package/dist/scaffold.d.ts.map +1 -0
- package/dist/scaffold.js +239 -0
- package/dist/scaffold.js.map +1 -0
- package/dist/token-store.d.ts +70 -0
- package/dist/token-store.d.ts.map +1 -0
- package/dist/token-store.js +196 -0
- package/dist/token-store.js.map +1 -0
- package/dist/tools.d.ts +15 -0
- package/dist/tools.d.ts.map +1 -0
- package/dist/tools.js +491 -0
- package/dist/tools.js.map +1 -0
- package/dist/types.d.ts +108 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +17 -0
- package/dist/types.js.map +1 -0
- package/package.json +39 -0
package/dist/scaffold.js
ADDED
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Code scaffold generator for new components.
|
|
3
|
+
*
|
|
4
|
+
* Generates boilerplate files following the exact conventions from
|
|
5
|
+
* the design system's CONTRIBUTING.md and copilot-instructions.md.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Convert PascalCase to kebab-case.
|
|
9
|
+
*/
|
|
10
|
+
function toKebabCase(str) {
|
|
11
|
+
return str
|
|
12
|
+
.replace(/([a-z])([A-Z])/g, '$1-$2')
|
|
13
|
+
.replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
|
|
14
|
+
.toLowerCase();
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Generate all component scaffold files.
|
|
18
|
+
*/
|
|
19
|
+
export function generateComponentScaffold(options) {
|
|
20
|
+
const { name, element, description, props } = options;
|
|
21
|
+
const kebabName = toKebabCase(name);
|
|
22
|
+
const classname = `redsift-${kebabName}`;
|
|
23
|
+
return [
|
|
24
|
+
{
|
|
25
|
+
fileName: `${name}.tsx`,
|
|
26
|
+
language: 'tsx',
|
|
27
|
+
content: generateComponent(name, classname, element, description, props),
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
fileName: 'types.ts',
|
|
31
|
+
language: 'typescript',
|
|
32
|
+
content: generateTypes(name, element, props),
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
fileName: 'styles.ts',
|
|
36
|
+
language: 'typescript',
|
|
37
|
+
content: generateStyles(name),
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
fileName: 'index.ts',
|
|
41
|
+
language: 'typescript',
|
|
42
|
+
content: generateIndex(name),
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
fileName: `${name}.test.tsx`,
|
|
46
|
+
language: 'tsx',
|
|
47
|
+
content: generateTest(name),
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
fileName: `${name}.stories.tsx`,
|
|
51
|
+
language: 'tsx',
|
|
52
|
+
content: generateStories(name),
|
|
53
|
+
},
|
|
54
|
+
];
|
|
55
|
+
}
|
|
56
|
+
function generateComponent(name, classname, element, description, props) {
|
|
57
|
+
const styledName = `Styled${name}`;
|
|
58
|
+
const destructuredProps = props.map((p) => p.name).join(',\n ');
|
|
59
|
+
const styledTransientProps = props.map((p) => ` $${p.name}={${p.name}}`).join('\n');
|
|
60
|
+
return `import React, { forwardRef } from 'react';
|
|
61
|
+
import classNames from 'classnames';
|
|
62
|
+
import { Comp } from '../../types';
|
|
63
|
+
import { ${styledName} } from './styles';
|
|
64
|
+
import { ${name}Props } from './types';
|
|
65
|
+
|
|
66
|
+
const COMPONENT_NAME = '${name}';
|
|
67
|
+
const CLASSNAME = '${classname}';
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* ${description}
|
|
71
|
+
*/
|
|
72
|
+
export const ${name}: Comp<${name}Props, HTML${capitalize(element)}Element> = forwardRef((props, ref) => {
|
|
73
|
+
const {
|
|
74
|
+
children,
|
|
75
|
+
className,${destructuredProps ? '\n ' + destructuredProps + ',' : ''}
|
|
76
|
+
...forwardedProps
|
|
77
|
+
} = props;
|
|
78
|
+
|
|
79
|
+
return (
|
|
80
|
+
<${styledName}
|
|
81
|
+
{...forwardedProps}
|
|
82
|
+
${styledTransientProps}
|
|
83
|
+
className={classNames(${name}.className, className)}
|
|
84
|
+
ref={ref}
|
|
85
|
+
>
|
|
86
|
+
{children}
|
|
87
|
+
</${styledName}>
|
|
88
|
+
);
|
|
89
|
+
});
|
|
90
|
+
${name}.className = CLASSNAME;
|
|
91
|
+
${name}.displayName = COMPONENT_NAME;
|
|
92
|
+
`;
|
|
93
|
+
}
|
|
94
|
+
function generateTypes(name, element, props) {
|
|
95
|
+
const propsEntries = props
|
|
96
|
+
.map((p) => {
|
|
97
|
+
const lines = [];
|
|
98
|
+
if (p.description) {
|
|
99
|
+
lines.push(' /**');
|
|
100
|
+
lines.push(` * ${p.description}`);
|
|
101
|
+
if (p.defaultValue) {
|
|
102
|
+
lines.push(` * @default ${p.defaultValue}`);
|
|
103
|
+
}
|
|
104
|
+
lines.push(' */');
|
|
105
|
+
}
|
|
106
|
+
lines.push(` ${p.name}${p.required ? '' : '?'}: ${p.type};`);
|
|
107
|
+
return lines.join('\n');
|
|
108
|
+
})
|
|
109
|
+
.join('\n');
|
|
110
|
+
const styledPropsEntries = props.map((p) => ` $${p.name}?: ${name}Props['${p.name}'];`).join('\n');
|
|
111
|
+
return `import { ComponentProps } from 'react';
|
|
112
|
+
import { StylingProps } from '../../types';
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* ${name} component props.
|
|
116
|
+
*/
|
|
117
|
+
export interface ${name}Props extends ComponentProps<'${element}'>, StylingProps {
|
|
118
|
+
${propsEntries}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export type Styled${name}Props = ${name}Props & {
|
|
122
|
+
${styledPropsEntries}
|
|
123
|
+
};
|
|
124
|
+
`;
|
|
125
|
+
}
|
|
126
|
+
function generateStyles(name) {
|
|
127
|
+
return `import styled from 'styled-components';
|
|
128
|
+
import { baseStyling, focusRing } from '../shared';
|
|
129
|
+
import { Styled${name}Props } from './types';
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* ${name} component style.
|
|
133
|
+
*/
|
|
134
|
+
export const Styled${name} = styled.div<Styled${name}Props>\`
|
|
135
|
+
\${baseStyling}
|
|
136
|
+
\${focusRing}
|
|
137
|
+
\`;
|
|
138
|
+
`;
|
|
139
|
+
}
|
|
140
|
+
function generateIndex(name) {
|
|
141
|
+
return `export * from './types';
|
|
142
|
+
export * from './styles';
|
|
143
|
+
export * from './${name}';
|
|
144
|
+
`;
|
|
145
|
+
}
|
|
146
|
+
function generateTest(name) {
|
|
147
|
+
const kebabName = toKebabCase(name);
|
|
148
|
+
return `import React from 'react';
|
|
149
|
+
import { render } from '@testing-library/react';
|
|
150
|
+
import { composeStory } from '@storybook/react';
|
|
151
|
+
import Meta, { Default } from './${name}.stories';
|
|
152
|
+
import { ${name} } from '.';
|
|
153
|
+
|
|
154
|
+
describe('${name}', () => {
|
|
155
|
+
it('should match snapshot', () => {
|
|
156
|
+
const ComposedStory = composeStory(Default, Meta);
|
|
157
|
+
const tree = render(<ComposedStory />);
|
|
158
|
+
|
|
159
|
+
expect(tree).toMatchSnapshot();
|
|
160
|
+
});
|
|
161
|
+
|
|
162
|
+
it('should render with default props', () => {
|
|
163
|
+
const { container } = render(<${name}>Content</${name}>);
|
|
164
|
+
|
|
165
|
+
expect(container.querySelector('.${kebabName}')).toBeInTheDocument();
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
it('should forward className', () => {
|
|
169
|
+
const { container } = render(<${name} className="custom">Content</${name}>);
|
|
170
|
+
const element = container.querySelector('.${kebabName}');
|
|
171
|
+
|
|
172
|
+
expect(element).toHaveClass('custom');
|
|
173
|
+
});
|
|
174
|
+
|
|
175
|
+
it('should forward ref', () => {
|
|
176
|
+
const ref = React.createRef<HTMLDivElement>();
|
|
177
|
+
render(<${name} ref={ref}>Content</${name}>);
|
|
178
|
+
|
|
179
|
+
expect(ref.current).toBeInstanceOf(HTMLDivElement);
|
|
180
|
+
});
|
|
181
|
+
});
|
|
182
|
+
`;
|
|
183
|
+
}
|
|
184
|
+
function generateStories(name) {
|
|
185
|
+
return `import React from 'react';
|
|
186
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
187
|
+
import { ${name} } from '.';
|
|
188
|
+
|
|
189
|
+
const meta: Meta<typeof ${name}> = {
|
|
190
|
+
title: 'Components/${name}',
|
|
191
|
+
component: ${name} as any,
|
|
192
|
+
};
|
|
193
|
+
export default meta;
|
|
194
|
+
type Story = StoryObj<typeof ${name}>;
|
|
195
|
+
|
|
196
|
+
export const Default: Story = {
|
|
197
|
+
args: {
|
|
198
|
+
children: '${name} content',
|
|
199
|
+
},
|
|
200
|
+
};
|
|
201
|
+
`;
|
|
202
|
+
}
|
|
203
|
+
/**
|
|
204
|
+
* Capitalize first letter of a string.
|
|
205
|
+
*/
|
|
206
|
+
function capitalize(str) {
|
|
207
|
+
// Map common HTML elements to their HTMLElement type prefix
|
|
208
|
+
const elementMap = {
|
|
209
|
+
div: 'Div',
|
|
210
|
+
span: 'Span',
|
|
211
|
+
button: 'Button',
|
|
212
|
+
input: 'Input',
|
|
213
|
+
a: 'Anchor',
|
|
214
|
+
form: 'Form',
|
|
215
|
+
select: 'Select',
|
|
216
|
+
textarea: 'TextArea',
|
|
217
|
+
img: 'Image',
|
|
218
|
+
label: 'Label',
|
|
219
|
+
li: 'LI',
|
|
220
|
+
ul: 'UList',
|
|
221
|
+
ol: 'OList',
|
|
222
|
+
p: 'Paragraph',
|
|
223
|
+
h1: 'Heading',
|
|
224
|
+
h2: 'Heading',
|
|
225
|
+
h3: 'Heading',
|
|
226
|
+
nav: '',
|
|
227
|
+
section: '',
|
|
228
|
+
article: '',
|
|
229
|
+
aside: '',
|
|
230
|
+
header: '',
|
|
231
|
+
footer: '',
|
|
232
|
+
main: '',
|
|
233
|
+
};
|
|
234
|
+
if (str in elementMap) {
|
|
235
|
+
return elementMap[str] || str.charAt(0).toUpperCase() + str.slice(1);
|
|
236
|
+
}
|
|
237
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
238
|
+
}
|
|
239
|
+
//# sourceMappingURL=scaffold.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scaffold.js","sourceRoot":"","sources":["../src/scaffold.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Design token loader and search for the MCP server.
|
|
3
|
+
*
|
|
4
|
+
* Parses style-dictionary JSON source files and the generated CSS variables
|
|
5
|
+
* to provide searchable design token data (colors, typography, spacing, etc.).
|
|
6
|
+
*/
|
|
7
|
+
/** A single design token */
|
|
8
|
+
export interface DesignToken {
|
|
9
|
+
/** Full dot-path name (e.g. "Color.Blue.N") */
|
|
10
|
+
name: string;
|
|
11
|
+
/** Resolved value (e.g. "#4285f4") */
|
|
12
|
+
value: string;
|
|
13
|
+
/** CSS variable name if available (e.g. "--redsift-color-blue-n") */
|
|
14
|
+
cssVariable?: string;
|
|
15
|
+
/** Category: color, typography, layout, border-radius, component */
|
|
16
|
+
category: string;
|
|
17
|
+
/** Source file */
|
|
18
|
+
source: string;
|
|
19
|
+
/** Whether this is a reference to another token */
|
|
20
|
+
isReference: boolean;
|
|
21
|
+
/** Raw reference value if isReference (e.g. "{Color.Blue.N}") */
|
|
22
|
+
rawValue?: string;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Design token store — loads all tokens at startup and provides search.
|
|
26
|
+
*/
|
|
27
|
+
export declare class TokenStore {
|
|
28
|
+
private tokens;
|
|
29
|
+
private cssVariables;
|
|
30
|
+
private tokensByCategory;
|
|
31
|
+
constructor();
|
|
32
|
+
private loadTokens;
|
|
33
|
+
private loadCssVariables;
|
|
34
|
+
/**
|
|
35
|
+
* Match source tokens to their generated CSS variable names.
|
|
36
|
+
* Uses token path → kebab-case conversion with "redsift" prefix.
|
|
37
|
+
*/
|
|
38
|
+
private matchCssVariables;
|
|
39
|
+
private buildCategoryIndex;
|
|
40
|
+
/** Get all available categories */
|
|
41
|
+
getCategories(): string[];
|
|
42
|
+
/** Get tokens by category */
|
|
43
|
+
getTokensByCategory(category: string): DesignToken[];
|
|
44
|
+
/** Get all tokens */
|
|
45
|
+
getAllTokens(): DesignToken[];
|
|
46
|
+
/**
|
|
47
|
+
* Search tokens by query string.
|
|
48
|
+
* Matches against name, value, CSS variable, and category.
|
|
49
|
+
*/
|
|
50
|
+
searchTokens(query: string, category?: string): DesignToken[];
|
|
51
|
+
/**
|
|
52
|
+
* Lookup a specific CSS variable by name.
|
|
53
|
+
*/
|
|
54
|
+
getCssVariable(name: string): string | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* Get all CSS variables matching a pattern.
|
|
57
|
+
* Useful for finding all component-specific tokens.
|
|
58
|
+
*/
|
|
59
|
+
getCssVariablesByPattern(pattern: string): Array<{
|
|
60
|
+
name: string;
|
|
61
|
+
value: string;
|
|
62
|
+
}>;
|
|
63
|
+
/** Get summary stats */
|
|
64
|
+
getSummary(): {
|
|
65
|
+
totalTokens: number;
|
|
66
|
+
totalCssVariables: number;
|
|
67
|
+
categories: Record<string, number>;
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=token-store.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-store.d.ts","sourceRoot":"","sources":["../src/token-store.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,4BAA4B;AAC5B,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqDD;;GAEG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,gBAAgB,CAAyC;;IASjE,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,gBAAgB;IAOxB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,kBAAkB;IAQ1B,mCAAmC;IACnC,aAAa,IAAI,MAAM,EAAE;IAIzB,6BAA6B;IAC7B,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,EAAE;IAIpD,qBAAqB;IACrB,YAAY,IAAI,WAAW,EAAE;IAI7B;;;OAGG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,EAAE;IAwC7D;;OAEG;IACH,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAKhD;;;OAGG;IACH,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAajF,wBAAwB;IACxB,UAAU,IAAI;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE;CAYrG"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Design token loader and search for the MCP server.
|
|
3
|
+
*
|
|
4
|
+
* Parses style-dictionary JSON source files and the generated CSS variables
|
|
5
|
+
* to provide searchable design token data (colors, typography, spacing, etc.).
|
|
6
|
+
*/
|
|
7
|
+
import { readFileSync, existsSync, readdirSync } from 'node:fs';
|
|
8
|
+
import { resolve } from 'node:path';
|
|
9
|
+
import { resolveDataPaths } from './paths.js';
|
|
10
|
+
const { styleDictDir: STYLE_DICT_DIR, cssTokensPath: CSS_TOKENS_PATH } = resolveDataPaths();
|
|
11
|
+
/**
|
|
12
|
+
* Parse a nested style-dictionary JSON object into flat tokens.
|
|
13
|
+
*/
|
|
14
|
+
function flattenTokens(obj, path = [], category, source) {
|
|
15
|
+
const tokens = [];
|
|
16
|
+
for (const [key, val] of Object.entries(obj)) {
|
|
17
|
+
const currentPath = [...path, key];
|
|
18
|
+
if (val && typeof val === 'object' && 'value' in val) {
|
|
19
|
+
const tokenObj = val;
|
|
20
|
+
const rawValue = tokenObj.value;
|
|
21
|
+
const isReference = rawValue.startsWith('{') && rawValue.endsWith('}');
|
|
22
|
+
tokens.push({
|
|
23
|
+
name: currentPath.join('.'),
|
|
24
|
+
value: rawValue,
|
|
25
|
+
category,
|
|
26
|
+
source,
|
|
27
|
+
isReference,
|
|
28
|
+
rawValue: isReference ? rawValue : undefined,
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
else if (val && typeof val === 'object') {
|
|
32
|
+
tokens.push(...flattenTokens(val, currentPath, category, source));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return tokens;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Parse CSS variables from the generated tokens CSS file.
|
|
39
|
+
* Returns a map of variable name → value.
|
|
40
|
+
*/
|
|
41
|
+
function parseCssVariables(cssContent) {
|
|
42
|
+
const vars = new Map();
|
|
43
|
+
const regex = /--([a-z0-9-]+):\s*([^;]+);/gi;
|
|
44
|
+
let match;
|
|
45
|
+
while ((match = regex.exec(cssContent)) !== null) {
|
|
46
|
+
vars.set(`--${match[1]}`, match[2].trim());
|
|
47
|
+
}
|
|
48
|
+
return vars;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Design token store — loads all tokens at startup and provides search.
|
|
52
|
+
*/
|
|
53
|
+
export class TokenStore {
|
|
54
|
+
tokens = [];
|
|
55
|
+
cssVariables = new Map();
|
|
56
|
+
tokensByCategory = new Map();
|
|
57
|
+
constructor() {
|
|
58
|
+
this.loadTokens();
|
|
59
|
+
this.loadCssVariables();
|
|
60
|
+
this.matchCssVariables();
|
|
61
|
+
this.buildCategoryIndex();
|
|
62
|
+
}
|
|
63
|
+
loadTokens() {
|
|
64
|
+
// Load core tokens
|
|
65
|
+
const coreDir = resolve(STYLE_DICT_DIR, 'core');
|
|
66
|
+
if (existsSync(coreDir)) {
|
|
67
|
+
for (const file of readdirSync(coreDir).filter((f) => f.endsWith('.json'))) {
|
|
68
|
+
const category = file.replace('.json', '');
|
|
69
|
+
const content = JSON.parse(readFileSync(resolve(coreDir, file), 'utf-8'));
|
|
70
|
+
this.tokens.push(...flattenTokens(content, [], category, `core/${file}`));
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
// Load component tokens
|
|
74
|
+
const componentsDir = resolve(STYLE_DICT_DIR, 'components');
|
|
75
|
+
if (existsSync(componentsDir)) {
|
|
76
|
+
for (const file of readdirSync(componentsDir).filter((f) => f.endsWith('.json'))) {
|
|
77
|
+
const content = JSON.parse(readFileSync(resolve(componentsDir, file), 'utf-8'));
|
|
78
|
+
this.tokens.push(...flattenTokens(content, [], 'component', `components/${file}`));
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
loadCssVariables() {
|
|
83
|
+
if (existsSync(CSS_TOKENS_PATH)) {
|
|
84
|
+
const css = readFileSync(CSS_TOKENS_PATH, 'utf-8');
|
|
85
|
+
this.cssVariables = parseCssVariables(css);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Match source tokens to their generated CSS variable names.
|
|
90
|
+
* Uses token path → kebab-case conversion with "redsift" prefix.
|
|
91
|
+
*/
|
|
92
|
+
matchCssVariables() {
|
|
93
|
+
for (const token of this.tokens) {
|
|
94
|
+
// Convert token name "Color.Blue.N" → "--redsift-color-blue-n"
|
|
95
|
+
const cssName = '--redsift-' + token.name.replace(/\./g, '-').replace(/\s+/g, '-').toLowerCase();
|
|
96
|
+
if (this.cssVariables.has(cssName)) {
|
|
97
|
+
token.cssVariable = cssName;
|
|
98
|
+
// Resolve the value from CSS (which has references resolved)
|
|
99
|
+
if (token.isReference) {
|
|
100
|
+
token.value = this.cssVariables.get(cssName) || token.value;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
buildCategoryIndex() {
|
|
106
|
+
for (const token of this.tokens) {
|
|
107
|
+
const existing = this.tokensByCategory.get(token.category) || [];
|
|
108
|
+
existing.push(token);
|
|
109
|
+
this.tokensByCategory.set(token.category, existing);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
/** Get all available categories */
|
|
113
|
+
getCategories() {
|
|
114
|
+
return Array.from(this.tokensByCategory.keys()).sort();
|
|
115
|
+
}
|
|
116
|
+
/** Get tokens by category */
|
|
117
|
+
getTokensByCategory(category) {
|
|
118
|
+
return this.tokensByCategory.get(category) || [];
|
|
119
|
+
}
|
|
120
|
+
/** Get all tokens */
|
|
121
|
+
getAllTokens() {
|
|
122
|
+
return this.tokens;
|
|
123
|
+
}
|
|
124
|
+
/**
|
|
125
|
+
* Search tokens by query string.
|
|
126
|
+
* Matches against name, value, CSS variable, and category.
|
|
127
|
+
*/
|
|
128
|
+
searchTokens(query, category) {
|
|
129
|
+
const lowerQuery = query.toLowerCase();
|
|
130
|
+
const terms = lowerQuery.split(/\s+/).filter(Boolean);
|
|
131
|
+
const pool = category ? this.getTokensByCategory(category) : this.tokens;
|
|
132
|
+
const scored = pool
|
|
133
|
+
.map((token) => {
|
|
134
|
+
const nameLower = token.name.toLowerCase();
|
|
135
|
+
const valueLower = token.value.toLowerCase();
|
|
136
|
+
const cssLower = (token.cssVariable || '').toLowerCase();
|
|
137
|
+
let score = 0;
|
|
138
|
+
for (const term of terms) {
|
|
139
|
+
// Exact name segment match
|
|
140
|
+
if (nameLower.split('.').some((seg) => seg === term)) {
|
|
141
|
+
score += 100;
|
|
142
|
+
}
|
|
143
|
+
// Name contains term
|
|
144
|
+
else if (nameLower.includes(term)) {
|
|
145
|
+
score += 50;
|
|
146
|
+
}
|
|
147
|
+
// CSS variable contains term
|
|
148
|
+
if (cssLower.includes(term)) {
|
|
149
|
+
score += 30;
|
|
150
|
+
}
|
|
151
|
+
// Value matches (e.g. searching by hex color)
|
|
152
|
+
if (valueLower.includes(term)) {
|
|
153
|
+
score += 20;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
return { token, score };
|
|
157
|
+
})
|
|
158
|
+
.filter((s) => s.score > 0)
|
|
159
|
+
.sort((a, b) => b.score - a.score);
|
|
160
|
+
return scored.map((s) => s.token);
|
|
161
|
+
}
|
|
162
|
+
/**
|
|
163
|
+
* Lookup a specific CSS variable by name.
|
|
164
|
+
*/
|
|
165
|
+
getCssVariable(name) {
|
|
166
|
+
const normalized = name.startsWith('--') ? name : `--${name}`;
|
|
167
|
+
return this.cssVariables.get(normalized);
|
|
168
|
+
}
|
|
169
|
+
/**
|
|
170
|
+
* Get all CSS variables matching a pattern.
|
|
171
|
+
* Useful for finding all component-specific tokens.
|
|
172
|
+
*/
|
|
173
|
+
getCssVariablesByPattern(pattern) {
|
|
174
|
+
const lowerPattern = pattern.toLowerCase();
|
|
175
|
+
const results = [];
|
|
176
|
+
for (const [name, value] of this.cssVariables) {
|
|
177
|
+
if (name.toLowerCase().includes(lowerPattern)) {
|
|
178
|
+
results.push({ name, value });
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
return results.sort((a, b) => a.name.localeCompare(b.name));
|
|
182
|
+
}
|
|
183
|
+
/** Get summary stats */
|
|
184
|
+
getSummary() {
|
|
185
|
+
const categories = {};
|
|
186
|
+
for (const [cat, tokens] of this.tokensByCategory) {
|
|
187
|
+
categories[cat] = tokens.length;
|
|
188
|
+
}
|
|
189
|
+
return {
|
|
190
|
+
totalTokens: this.tokens.length,
|
|
191
|
+
totalCssVariables: this.cssVariables.size,
|
|
192
|
+
categories,
|
|
193
|
+
};
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
//# sourceMappingURL=token-store.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-store.js","sourceRoot":"","sources":["../src/token-store.ts"],"names":[],"mappings":"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"}
|
package/dist/tools.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MCP Tools for the Red Sift Design System.
|
|
3
|
+
*
|
|
4
|
+
* Provides search, lookup, usage, and code generation capabilities
|
|
5
|
+
* for AI assistants working with the design system.
|
|
6
|
+
*/
|
|
7
|
+
import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
|
|
8
|
+
import type { DataStore } from './data-store.js';
|
|
9
|
+
import type { TokenStore } from './token-store.js';
|
|
10
|
+
import type { PatternStore } from './pattern-store.js';
|
|
11
|
+
/**
|
|
12
|
+
* Register all MCP tools on the server.
|
|
13
|
+
*/
|
|
14
|
+
export declare function registerTools(server: McpServer, store: DataStore, tokenStore: TokenStore, patternStore: PatternStore): void;
|
|
15
|
+
//# sourceMappingURL=tools.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../src/tools.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAuCvD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GACzB,IAAI,CAoiBN"}
|