@wireweave/language-data 1.0.0

package/dist/index.js

@@ -0,0 +1,628 @@
+// src/components.ts
+var ALL_COMPONENTS = [
+  // Layout
+  {
+    name: "page",
+    description: "Page root container. Starting point for the entire layout.",
+    category: "layout",
+    attributes: ["title", "width", "height", "viewport", "device", "centered", "p", "px", "py", "pt", "pr", "pb", "pl", "m", "gap"],
+    hasChildren: true,
+    validChildren: ["header", "main", "footer", "sidebar", "section", "nav", "row", "col", "card"],
+    validParents: [],
+    example: 'page "Dashboard" centered { ... }'
+  },
+  {
+    name: "header",
+    description: "Page header area. Place navigation, logo, etc.",
+    category: "layout",
+    attributes: ["p", "px", "py", "border", "gap", "justify", "align"],
+    hasChildren: true,
+    validParents: ["page"],
+    example: "header p=4 border { ... }"
+  },
+  {
+    name: "main",
+    description: "Main content area. Place primary content here.",
+    category: "layout",
+    attributes: ["p", "px", "py", "gap"],
+    hasChildren: true,
+    validParents: ["page"],
+    example: "main p=6 { ... }"
+  },
+  {
+    name: "footer",
+    description: "Page footer area. Place copyright, links, etc.",
+    category: "layout",
+    attributes: ["p", "px", "py", "border", "gap"],
+    hasChildren: true,
+    validParents: ["page"],
+    example: "footer p=4 border { ... }"
+  },
+  {
+    name: "sidebar",
+    description: "Sidebar area. Place auxiliary navigation or information.",
+    category: "layout",
+    attributes: ["position", "w", "p", "px", "py", "gap"],
+    hasChildren: true,
+    validParents: ["page"],
+    example: "sidebar w=240 { ... }"
+  },
+  {
+    name: "section",
+    description: "Section area. Logically group content.",
+    category: "layout",
+    attributes: ["title", "expanded", "p", "px", "py", "gap"],
+    hasChildren: true,
+    example: 'section "Settings" expanded { ... }'
+  },
+  // Grid
+  {
+    name: "row",
+    description: "Horizontal flex container. Arrange children horizontally.",
+    category: "grid",
+    attributes: ["gap", "justify", "align", "wrap", "direction", "flex", "p", "m", "mt", "mb"],
+    hasChildren: true,
+    example: "row flex gap=4 justify=between { ... }"
+  },
+  {
+    name: "col",
+    description: "Vertical flex container or grid column.",
+    category: "grid",
+    attributes: ["span", "sm", "md", "lg", "xl", "order", "gap", "justify", "align", "p", "m", "w"],
+    hasChildren: true,
+    example: "col span=6 md=4 { ... }"
+  },
+  // Container
+  {
+    name: "card",
+    description: "Card component. Group and display content.",
+    category: "container",
+    attributes: ["title", "p", "shadow", "border", "gap"],
+    hasChildren: true,
+    example: 'card "Settings" p=4 shadow=md { ... }'
+  },
+  {
+    name: "modal",
+    description: "Modal dialog. Display content on an overlay.",
+    category: "container",
+    attributes: ["title", "w", "h", "p"],
+    hasChildren: true,
+    example: 'modal "Confirm" w=400 { ... }'
+  },
+  {
+    name: "drawer",
+    description: "Drawer panel. Slides in from the edge of the screen.",
+    category: "container",
+    attributes: ["title", "position", "p"],
+    hasChildren: true,
+    example: 'drawer "Menu" position=left { ... }'
+  },
+  {
+    name: "accordion",
+    description: "Accordion. Collapsible content panel.",
+    category: "container",
+    attributes: ["title", "p"],
+    hasChildren: true,
+    example: 'accordion { section "FAQ 1" { ... } }'
+  },
+  // Text
+  {
+    name: "text",
+    description: "Text element. Display plain text.",
+    category: "text",
+    attributes: ["size", "weight", "align", "muted", "m", "mt", "mb"],
+    hasChildren: false,
+    example: 'text "Hello World" size=lg weight=bold'
+  },
+  {
+    name: "title",
+    description: "Title element. Display h1-h6 headings.",
+    category: "text",
+    attributes: ["level", "size", "align", "m", "mt", "mb"],
+    hasChildren: false,
+    example: 'title "Welcome" level=2'
+  },
+  {
+    name: "link",
+    description: "Link element. Display clickable hyperlink.",
+    category: "text",
+    attributes: ["href", "external"],
+    hasChildren: false,
+    example: 'link "Learn more" href="/docs" external'
+  },
+  // Input
+  {
+    name: "input",
+    description: "Input field. Accept text, email, password, etc.",
+    category: "input",
+    attributes: ["label", "inputType", "placeholder", "value", "disabled", "required", "readonly", "icon", "m", "mb"],
+    hasChildren: false,
+    example: 'input "Email" inputType=email placeholder="user@example.com" required'
+  },
+  {
+    name: "textarea",
+    description: "Multi-line input field. Accept long text.",
+    category: "input",
+    attributes: ["label", "placeholder", "value", "rows", "disabled", "required", "m", "mb"],
+    hasChildren: false,
+    example: 'textarea "Description" rows=4 placeholder="Enter description..."'
+  },
+  {
+    name: "select",
+    description: "Dropdown select. Choose one from multiple options.",
+    category: "input",
+    attributes: ["label", "placeholder", "value", "disabled", "required", "m", "mb"],
+    hasChildren: false,
+    example: 'select "Country" ["USA", "Canada", "UK"] placeholder="Select..."'
+  },
+  {
+    name: "checkbox",
+    description: "Checkbox. Select true/false value.",
+    category: "input",
+    attributes: ["label", "checked", "disabled", "m", "mb"],
+    hasChildren: false,
+    example: 'checkbox "I agree to terms" checked'
+  },
+  {
+    name: "radio",
+    description: "Radio button. Select one within a group.",
+    category: "input",
+    attributes: ["label", "name", "checked", "disabled", "m", "mb"],
+    hasChildren: false,
+    example: 'radio "Option A" name="choice" checked'
+  },
+  {
+    name: "switch",
+    description: "Toggle switch. Switch on/off state.",
+    category: "input",
+    attributes: ["label", "checked", "disabled", "m", "mb"],
+    hasChildren: false,
+    example: 'switch "Dark mode" checked'
+  },
+  {
+    name: "slider",
+    description: "Slider. Select a value within a range.",
+    category: "input",
+    attributes: ["label", "min", "max", "value", "step", "disabled", "m", "mb"],
+    hasChildren: false,
+    example: 'slider "Volume" min=0 max=100 value=50'
+  },
+  // Button
+  {
+    name: "button",
+    description: "Button element. Display clickable button.",
+    category: "input",
+    attributes: ["primary", "secondary", "outline", "ghost", "danger", "size", "icon", "disabled", "loading", "w"],
+    hasChildren: false,
+    example: 'button "Submit" primary icon=send'
+  },
+  // Display
+  {
+    name: "image",
+    description: "Image element. Display an image.",
+    category: "display",
+    attributes: ["src", "alt", "w", "h"],
+    hasChildren: false,
+    example: "image w=200 h=150"
+  },
+  {
+    name: "placeholder",
+    description: "Placeholder. Image or content placeholder.",
+    category: "display",
+    attributes: ["label", "w", "h"],
+    hasChildren: false,
+    example: 'placeholder "Banner Image" w=full h=200'
+  },
+  {
+    name: "avatar",
+    description: "Avatar element. Display user profile image.",
+    category: "display",
+    attributes: ["name", "src", "size"],
+    hasChildren: false,
+    example: 'avatar "John Doe" size=lg'
+  },
+  {
+    name: "badge",
+    description: "Badge element. Display status or count as a small label.",
+    category: "display",
+    attributes: ["variant", "pill", "icon", "size"],
+    hasChildren: false,
+    example: 'badge "New" variant=success pill'
+  },
+  {
+    name: "icon",
+    description: "Icon element. Display a Lucide icon.",
+    category: "display",
+    attributes: ["name", "size", "muted"],
+    hasChildren: false,
+    example: 'icon "settings" size=lg'
+  },
+  // Data
+  {
+    name: "table",
+    description: "Table component. Display data in tabular format.",
+    category: "data",
+    attributes: ["striped", "bordered", "hover"],
+    hasChildren: false,
+    example: 'table striped bordered { columns ["Name", "Email"] row ["John", "john@example.com"] }'
+  },
+  {
+    name: "list",
+    description: "List component. Display items as a list.",
+    category: "data",
+    attributes: ["ordered", "none", "gap"],
+    hasChildren: false,
+    example: 'list ordered ["First", "Second", "Third"]'
+  },
+  // Feedback
+  {
+    name: "alert",
+    description: "Alert element. Display a message to the user.",
+    category: "feedback",
+    attributes: ["variant", "dismissible", "icon"],
+    hasChildren: false,
+    example: 'alert "Changes saved!" variant=success'
+  },
+  {
+    name: "toast",
+    description: "Toast notification. Display a temporary message.",
+    category: "feedback",
+    attributes: ["position", "variant"],
+    hasChildren: false,
+    example: 'toast "Item deleted" position=bottom-right variant=danger'
+  },
+  {
+    name: "progress",
+    description: "Progress bar. Display progress status.",
+    category: "feedback",
+    attributes: ["value", "max", "label", "indeterminate"],
+    hasChildren: false,
+    example: 'progress value=75 label="Uploading..."'
+  },
+  {
+    name: "spinner",
+    description: "Loading spinner. Display loading status.",
+    category: "feedback",
+    attributes: ["label", "size"],
+    hasChildren: false,
+    example: "spinner size=lg"
+  },
+  // Overlay
+  {
+    name: "tooltip",
+    description: "Tooltip element. Show additional info on hover.",
+    category: "overlay",
+    attributes: ["position"],
+    hasChildren: true,
+    example: 'tooltip "More info" position=top { icon "help-circle" }'
+  },
+  {
+    name: "popover",
+    description: "Popover. Show additional content on click.",
+    category: "overlay",
+    attributes: ["title"],
+    hasChildren: true,
+    example: 'popover "Details" { ... }'
+  },
+  {
+    name: "dropdown",
+    description: "Dropdown menu. Expand menu on click.",
+    category: "overlay",
+    attributes: [],
+    hasChildren: false,
+    example: 'dropdown { item "Edit" icon=edit item "Delete" icon=trash danger }'
+  },
+  // Navigation
+  {
+    name: "nav",
+    description: "Navigation area. Place menu items.",
+    category: "navigation",
+    attributes: ["vertical", "gap"],
+    hasChildren: false,
+    example: 'nav [{ label="Home" icon=home active }, { label="Settings" icon=settings }] vertical'
+  },
+  {
+    name: "tabs",
+    description: "Tabs component. Switch between multiple panels.",
+    category: "navigation",
+    attributes: ["active"],
+    hasChildren: true,
+    example: 'tabs { tab "General" active { ... } tab "Advanced" { ... } }'
+  },
+  {
+    name: "breadcrumb",
+    description: "Breadcrumb. Display current location as a path.",
+    category: "navigation",
+    attributes: [],
+    hasChildren: false,
+    example: 'breadcrumb [{ label="Home" href="/" }, { label="Products" }, { label="Details" }]'
+  },
+  // Divider
+  {
+    name: "divider",
+    description: "Divider element. Visually separate content.",
+    category: "display",
+    attributes: ["m", "my", "mx"],
+    hasChildren: false,
+    example: "divider my=4"
+  }
+];
+
+// src/attributes.ts
+var ATTRIBUTES = [
+  // Spacing
+  { name: "p", description: "Padding. Set inner spacing.", values: "number", example: "p=4" },
+  { name: "px", description: "Horizontal padding.", values: "number", example: "px=4" },
+  { name: "py", description: "Vertical padding.", values: "number", example: "py=4" },
+  { name: "pt", description: "Top padding.", values: "number", example: "pt=4" },
+  { name: "pr", description: "Right padding.", values: "number", example: "pr=4" },
+  { name: "pb", description: "Bottom padding.", values: "number", example: "pb=4" },
+  { name: "pl", description: "Left padding.", values: "number", example: "pl=4" },
+  { name: "m", description: "Margin. Set outer spacing.", values: "number", example: "m=4" },
+  { name: "mx", description: 'Horizontal margin. Can be "auto" for centering.', values: "number", example: "mx=auto" },
+  { name: "my", description: "Vertical margin.", values: "number", example: "my=4" },
+  { name: "mt", description: "Top margin.", values: "number", example: "mt=4" },
+  { name: "mr", description: "Right margin.", values: "number", example: "mr=4" },
+  { name: "mb", description: "Bottom margin.", values: "number", example: "mb=4" },
+  { name: "ml", description: "Left margin.", values: "number", example: "ml=4" },
+  { name: "gap", description: "Gap between child elements.", values: "number", example: "gap=4" },
+  // Grid Layout
+  { name: "span", description: "Grid column width (1-12).", values: "number", example: "span=6" },
+  { name: "sm", description: "Column width at 576px and above.", values: "number", example: "sm=6" },
+  { name: "md", description: "Column width at 768px and above.", values: "number", example: "md=4" },
+  { name: "lg", description: "Column width at 992px and above.", values: "number", example: "lg=3" },
+  { name: "xl", description: "Column width at 1200px and above.", values: "number", example: "xl=2" },
+  { name: "order", description: "Order within flex container.", values: "number", example: "order=1" },
+  // Flex Layout
+  { name: "flex", description: "Enable flexbox layout.", values: "boolean", example: "flex" },
+  { name: "direction", description: "Flex direction.", values: ["row", "column", "row-reverse", "column-reverse"], example: "direction=column" },
+  { name: "justify", description: "Main axis alignment.", values: ["start", "center", "end", "between", "around", "evenly"], example: "justify=center" },
+  { name: "align", description: "Cross axis alignment.", values: ["start", "center", "end", "stretch", "baseline"], example: "align=center" },
+  { name: "wrap", description: "Allow child elements to wrap.", values: "boolean", example: "wrap" },
+  // Size
+  { name: "width", description: "Width in pixels.", values: "number", example: "width=400" },
+  { name: "height", description: "Height in pixels.", values: "number", example: "height=300" },
+  { name: "w", description: "Width (full, auto, screen, fit, or number).", values: ["full", "auto", "screen", "fit"], example: "w=full" },
+  { name: "h", description: "Height (full, auto, screen, or number).", values: ["full", "auto", "screen"], example: "h=full" },
+  { name: "minW", description: "Minimum width.", values: "number", example: "minW=200" },
+  { name: "maxW", description: "Maximum width.", values: "number", example: "maxW=600" },
+  { name: "minH", description: "Minimum height.", values: "number", example: "minH=100" },
+  { name: "maxH", description: "Maximum height.", values: "number", example: "maxH=400" },
+  { name: "size", description: "Size preset.", values: ["xs", "sm", "md", "lg", "xl"], example: "size=lg" },
+  { name: "viewport", description: 'Viewport size (e.g., "1440x900").', values: "string", example: 'viewport="1440x900"' },
+  { name: "device", description: "Device preset.", values: ["iphone14", "iphone14pro", "desktop", "tablet"], example: 'device="iphone14"' },
+  // Visual
+  { name: "border", description: "Show border.", values: "boolean", example: "border" },
+  { name: "shadow", description: "Box shadow.", values: ["none", "sm", "md", "lg", "xl"], example: "shadow=md" },
+  { name: "position", description: "Position setting.", values: ["left", "right", "top", "bottom", "top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"], example: "position=left" },
+  // Text
+  { name: "level", description: "Heading level (1-6).", values: "number", example: "level=2" },
+  { name: "weight", description: "Font weight.", values: ["normal", "medium", "semibold", "bold"], example: "weight=bold" },
+  { name: "muted", description: "Muted style.", values: "boolean", example: "muted" },
+  // Button variants
+  { name: "primary", description: "Primary emphasis style.", values: "boolean", example: "primary" },
+  { name: "secondary", description: "Secondary style.", values: "boolean", example: "secondary" },
+  { name: "outline", description: "Outline style.", values: "boolean", example: "outline" },
+  { name: "ghost", description: "Ghost/transparent style.", values: "boolean", example: "ghost" },
+  { name: "danger", description: "Danger/delete style.", values: "boolean", example: "danger" },
+  // Status variants
+  { name: "variant", description: "Variant style.", values: ["default", "primary", "secondary", "success", "warning", "danger", "info"], example: "variant=success" },
+  // Form
+  { name: "inputType", description: "Input field type.", values: ["text", "email", "password", "number", "tel", "url", "search", "date"], example: "inputType=email" },
+  { name: "placeholder", description: "Placeholder text.", values: "string", example: 'placeholder="Enter text"' },
+  { name: "value", description: "Default value.", values: "string", example: 'value="default"' },
+  { name: "label", description: "Label text.", values: "string", example: 'label="Name"' },
+  { name: "required", description: "Required field.", values: "boolean", example: "required" },
+  { name: "disabled", description: "Disabled state.", values: "boolean", example: "disabled" },
+  { name: "readonly", description: "Read-only.", values: "boolean", example: "readonly" },
+  { name: "checked", description: "Checked state.", values: "boolean", example: "checked" },
+  { name: "loading", description: "Loading state.", values: "boolean", example: "loading" },
+  { name: "name", description: "Form element name attribute.", values: "string", example: 'name="field"' },
+  { name: "rows", description: "Number of textarea rows.", values: "number", example: "rows=4" },
+  { name: "min", description: "Minimum value.", values: "number", example: "min=0" },
+  { name: "max", description: "Maximum value.", values: "number", example: "max=100" },
+  { name: "step", description: "Step increment.", values: "number", example: "step=1" },
+  // Other
+  { name: "title", description: "Title text.", values: "string", example: 'title="Title"' },
+  { name: "centered", description: "Center alignment.", values: "boolean", example: "centered" },
+  { name: "vertical", description: "Vertical orientation.", values: "boolean", example: "vertical" },
+  { name: "expanded", description: "Expanded state.", values: "boolean", example: "expanded" },
+  { name: "active", description: "Active state/index.", values: "number", example: "active=0" },
+  { name: "href", description: "Link URL.", values: "string", example: 'href="/path"' },
+  { name: "external", description: "External link.", values: "boolean", example: "external" },
+  { name: "src", description: "Image source URL.", values: "string", example: 'src="/image.png"' },
+  { name: "alt", description: "Alternative text.", values: "string", example: 'alt="Image"' },
+  { name: "icon", description: "Icon name (Lucide icons).", values: "string", example: 'icon="home"' },
+  { name: "pill", description: "Rounded pill badge.", values: "boolean", example: "pill" },
+  { name: "dismissible", description: "Can be dismissed.", values: "boolean", example: "dismissible" },
+  { name: "indeterminate", description: "Indeterminate state.", values: "boolean", example: "indeterminate" },
+  { name: "striped", description: "Striped style.", values: "boolean", example: "striped" },
+  { name: "bordered", description: "Bordered style.", values: "boolean", example: "bordered" },
+  { name: "hover", description: "Hover effect.", values: "boolean", example: "hover" },
+  { name: "ordered", description: "Ordered list.", values: "boolean", example: "ordered" },
+  { name: "none", description: "No list style.", values: "boolean", example: "none" }
+];
+
+// src/keywords.ts
+var CATEGORY_LABELS = {
+  layout: "Layout",
+  container: "Container",
+  grid: "Grid",
+  text: "Text",
+  input: "Input",
+  display: "Display",
+  data: "Data",
+  feedback: "Feedback",
+  overlay: "Overlay",
+  navigation: "Navigation"
+};
+var VALUE_KEYWORDS = [
+  // Booleans
+  "true",
+  "false",
+  // Button variants
+  "primary",
+  "secondary",
+  "outline",
+  "ghost",
+  // Status variants
+  "success",
+  "danger",
+  "warning",
+  "info",
+  "default",
+  // Sizes
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "base",
+  "2xl",
+  "3xl",
+  // Flex alignment
+  "start",
+  "center",
+  "end",
+  "between",
+  "around",
+  "evenly",
+  "stretch",
+  "baseline",
+  // Positions
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right",
+  // Sizing
+  "full",
+  "auto",
+  "screen",
+  "fit",
+  // Font weights
+  "normal",
+  "medium",
+  "semibold",
+  "bold",
+  // Input types
+  "text",
+  "email",
+  "password",
+  "number",
+  "tel",
+  "url",
+  "search",
+  "date",
+  // Flex direction
+  "row",
+  "column",
+  "row-reverse",
+  "column-reverse",
+  // List
+  "none",
+  "nowrap"
+];
+var COMMON_NUMBERS = [0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, 32, 48, 64];
+var SPACING_SCALE = {
+  0: "0px",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px",
+  24: "96px"
+};
+
+// src/utils.ts
+function getComponent(name) {
+  return ALL_COMPONENTS.find((c) => c.name === name.toLowerCase());
+}
+function getAttribute(name) {
+  return ATTRIBUTES.find((a) => a.name === name);
+}
+function getValidChildren(componentName) {
+  const component = getComponent(componentName);
+  if (!component || !component.hasChildren) return [];
+  if (component.validChildren === void 0) {
+    return ALL_COMPONENTS.filter((c) => c.name !== "page");
+  }
+  return component.validChildren.map((name) => getComponent(name)).filter((c) => c !== void 0);
+}
+function isValidChild(childName, parentName) {
+  const parent = getComponent(parentName);
+  if (!parent || !parent.hasChildren) return false;
+  if (parent.validChildren === void 0) return true;
+  return parent.validChildren.includes(childName.toLowerCase());
+}
+function getComponentAttributes(componentName) {
+  const component = getComponent(componentName);
+  if (!component) return ATTRIBUTES;
+  return ATTRIBUTES.filter((attr) => component.attributes.includes(attr.name));
+}
+function getComponentsByCategory(category) {
+  return ALL_COMPONENTS.filter((c) => c.category === category);
+}
+function getAttributeTypeLabel(attr) {
+  if (attr.values === "number") return "number";
+  if (attr.values === "string") return "string";
+  if (attr.values === "boolean") return "boolean";
+  if (Array.isArray(attr.values)) {
+    const preview = attr.values.slice(0, 3).join(" | ");
+    return attr.values.length > 3 ? `${preview}...` : preview;
+  }
+  return "";
+}
+function formatAttributeValues(attr) {
+  if (attr.values === "number") return "Type: number";
+  if (attr.values === "string") return "Type: string";
+  if (attr.values === "boolean") return "Type: boolean (can be omitted)";
+  if (Array.isArray(attr.values)) {
+    return `Values: ${attr.values.join(" | ")}`;
+  }
+  return "";
+}
+function isComponent(word) {
+  return ALL_COMPONENTS.some((c) => c.name === word.toLowerCase());
+}
+function isAttribute(word) {
+  return ATTRIBUTES.some((a) => a.name === word);
+}
+function getComponentNames() {
+  return ALL_COMPONENTS.map((c) => c.name);
+}
+function getAttributeNames() {
+  return ATTRIBUTES.map((a) => a.name);
+}
+export {
+  ALL_COMPONENTS,
+  ATTRIBUTES,
+  CATEGORY_LABELS,
+  COMMON_NUMBERS,
+  SPACING_SCALE,
+  VALUE_KEYWORDS,
+  formatAttributeValues,
+  getAttribute,
+  getAttributeNames,
+  getAttributeTypeLabel,
+  getComponent,
+  getComponentAttributes,
+  getComponentNames,
+  getComponentsByCategory,
+  getValidChildren,
+  isAttribute,
+  isComponent,
+  isValidChild
+};
+//# sourceMappingURL=index.js.map