@ccslabs/xtend 0.1.0-rc.1

package/components/icon-packs/core.js

@@ -0,0 +1,154 @@
+const XTEND_CORE_ICON_PACK_SCHEMA = 'xtend.icon-pack.core.v1';
+
+function path(d, attrs = {}) {
+  return { tag: 'path', attrs: { d, ...attrs } };
+}
+
+function line(x1, y1, x2, y2, attrs = {}) {
+  return { tag: 'line', attrs: { x1, y1, x2, y2, ...attrs } };
+}
+
+function circle(cx, cy, r, attrs = {}) {
+  return { tag: 'circle', attrs: { cx, cy, r, ...attrs } };
+}
+
+function rect(x, y, width, height, attrs = {}) {
+  return { tag: 'rect', attrs: { x, y, width, height, ...attrs } };
+}
+
+const icons = Object.freeze({
+  close: {
+    aliases: ['x', 'cancel', 'dismiss'],
+    nodes: [line(18, 6, 6, 18), line(6, 6, 18, 18)]
+  },
+  menu: {
+    aliases: ['hamburger', 'nav'],
+    nodes: [line(4, 6, 20, 6), line(4, 12, 20, 12), line(4, 18, 20, 18)]
+  },
+  search: {
+    aliases: ['magnifier', 'find'],
+    nodes: [circle(11, 11, 7), line(16.5, 16.5, 21, 21)]
+  },
+  home: {
+    aliases: ['start'],
+    nodes: [
+      path('M3 11.5 12 4l9 7.5'),
+      path('M5 10.5V20h5v-5h4v5h5v-9.5')
+    ]
+  },
+  settings: {
+    aliases: ['gear'],
+    nodes: [
+      circle(12, 12, 3),
+      path('M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21h-4v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1-2.8-2.8.1-.1A1.7 1.7 0 0 0 4.6 15 1.7 1.7 0 0 0 3 14H3v-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1L7.1 4.2l.1.1A1.7 1.7 0 0 0 9 4.6 1.7 1.7 0 0 0 10 3h4a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1 2.8 2.8-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1H21v4h-.1a1.7 1.7 0 0 0-1.5 1Z')
+    ]
+  },
+  'chevron-down': {
+    aliases: ['expand', 'down'],
+    nodes: [path('m6 9 6 6 6-6')]
+  },
+  'chevron-up': {
+    aliases: ['collapse-up', 'up'],
+    nodes: [path('m18 15-6-6-6 6')]
+  },
+  'chevron-left': {
+    aliases: ['previous', 'left', 'collapse'],
+    nodes: [path('m15 18-6-6 6-6')]
+  },
+  'chevron-right': {
+    aliases: ['next', 'right'],
+    nodes: [path('m9 18 6-6-6-6')]
+  },
+  pin: {
+    aliases: ['dock', 'pinned'],
+    nodes: [path('M15 4 20 9l-4 4v5l-1 1-4-4-5 5-2-2 5-5-4-4 1-1h5Z')]
+  },
+  minus: {
+    aliases: ['minimize', 'remove'],
+    nodes: [line(5, 12, 19, 12)]
+  },
+  maximize: {
+    aliases: ['restore', 'window'],
+    nodes: [rect(5, 5, 14, 14, { rx: 2 }), path('M9 9h6v6H9Z')]
+  },
+  sun: {
+    aliases: ['light', 'bright'],
+    nodes: [
+      circle(12, 12, 4),
+      line(12, 2, 12, 5),
+      line(12, 19, 12, 22),
+      line(4.9, 4.9, 7, 7),
+      line(17, 17, 19.1, 19.1),
+      line(2, 12, 5, 12),
+      line(19, 12, 22, 12),
+      line(4.9, 19.1, 7, 17),
+      line(17, 7, 19.1, 4.9)
+    ]
+  },
+  moon: {
+    aliases: ['dark'],
+    nodes: [path('M20.5 14.5A8 8 0 1 1 9.5 3.5 6.5 6.5 0 0 0 20.5 14.5Z')]
+  },
+  info: {
+    aliases: ['help'],
+    nodes: [circle(12, 12, 9), line(12, 10, 12, 16), line(12, 7, 12.01, 7)]
+  },
+  success: {
+    aliases: ['check', 'ok', 'done'],
+    nodes: [circle(12, 12, 9), path('m8 12 2.7 2.7L16.5 9')]
+  },
+  warning: {
+    aliases: ['alert', 'caution'],
+    nodes: [path('M12 3 2.8 20h18.4L12 3Z'), line(12, 9, 12, 14), line(12, 17, 12.01, 17)]
+  },
+  error: {
+    aliases: ['danger'],
+    nodes: [circle(12, 12, 9), line(15, 9, 9, 15), line(9, 9, 15, 15)]
+  },
+  copy: {
+    aliases: ['duplicate'],
+    nodes: [rect(9, 9, 11, 11, { rx: 2 }), rect(4, 4, 11, 11, { rx: 2 })]
+  },
+  download: {
+    aliases: ['save'],
+    nodes: [path('M12 3v12'), path('m7 10 5 5 5-5'), path('M5 21h14')]
+  },
+  docs: {
+    aliases: ['document', 'file-text'],
+    nodes: [path('M6 3h8l4 4v14H6Z'), path('M14 3v5h5'), line(9, 13, 15, 13), line(9, 17, 15, 17)]
+  },
+  component: {
+    aliases: ['widget'],
+    nodes: [rect(4, 4, 7, 7, { rx: 1.4 }), rect(13, 4, 7, 7, { rx: 1.4 }), rect(4, 13, 7, 7, { rx: 1.4 }), rect(13, 13, 7, 7, { rx: 1.4 })]
+  },
+  route: {
+    aliases: ['routing'],
+    nodes: [circle(6, 6, 2), circle(18, 18, 2), path('M8 6h4a4 4 0 0 1 0 8h-1a4 4 0 0 0 0 8h1')]
+  },
+  shield: {
+    aliases: ['security'],
+    nodes: [path('M12 3 20 6v6c0 4.5-3.1 7.3-8 9-4.9-1.7-8-4.5-8-9V6Z'), path('m8.8 12 2.1 2.1 4.5-4.8')]
+  },
+  package: {
+    aliases: ['release', 'box'],
+    nodes: [path('M12 3 21 8l-9 5-9-5Z'), path('M3 8v8l9 5 9-5V8'), path('M12 13v8')]
+  }
+});
+
+export function createXTendCoreIconPack(overrides = {}) {
+  return {
+    schema: XTEND_CORE_ICON_PACK_SCHEMA,
+    id: 'core',
+    label: 'XTend Core Icons',
+    source: 'xtend.local.inline-svg',
+    distribution: 'bundled',
+    cdnAllowed: false,
+    viewBox: '0 0 24 24',
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    icons: { ...icons, ...(overrides.icons || {}) }
+  };
+}
+
+export const XTEND_CORE_ICON_PACK = Object.freeze(createXTendCoreIconPack());
+export { XTEND_CORE_ICON_PACK_SCHEMA };

package/components/icon-packs/lucide.js

@@ -0,0 +1,136 @@
+const XTEND_LUCIDE_ICON_PACK_SCHEMA = 'xtend.icon-pack.lucide-local-adapter.v1';
+
+function path(d, attrs = {}) {
+  return { tag: 'path', attrs: { d, ...attrs } };
+}
+
+function line(x1, y1, x2, y2, attrs = {}) {
+  return { tag: 'line', attrs: { x1, y1, x2, y2, ...attrs } };
+}
+
+function circle(cx, cy, r, attrs = {}) {
+  return { tag: 'circle', attrs: { cx, cy, r, ...attrs } };
+}
+
+function rect(x, y, width, height, attrs = {}) {
+  return { tag: 'rect', attrs: { x, y, width, height, ...attrs } };
+}
+
+const icons = Object.freeze({
+  accessibility: {
+    aliases: ['a11y', 'screenreader'],
+    nodes: [circle(12, 4, 2), path('M6 8h12'), path('M12 6v8'), path('m8 21 4-7 4 7'), path('M8 14h8')]
+  },
+  'arrow-left': {
+    aliases: ['back'],
+    nodes: [path('m12 19-7-7 7-7'), path('M19 12H5')]
+  },
+  'arrow-right': {
+    aliases: ['forward'],
+    nodes: [path('m12 5 7 7-7 7'), path('M5 12h14')]
+  },
+  'book-open': {
+    aliases: ['guide', 'manual'],
+    nodes: [path('M2 5.5A3.5 3.5 0 0 1 5.5 2H12v18H5.5A3.5 3.5 0 0 0 2 23Z'), path('M22 5.5A3.5 3.5 0 0 0 18.5 2H12v18h6.5A3.5 3.5 0 0 1 22 23Z')]
+  },
+  boxes: {
+    aliases: ['components', 'catalog'],
+    nodes: [rect(3, 3, 7, 7, { rx: 1.5 }), rect(14, 3, 7, 7, { rx: 1.5 }), rect(3, 14, 7, 7, { rx: 1.5 }), rect(14, 14, 7, 7, { rx: 1.5 })]
+  },
+  code: {
+    aliases: ['source'],
+    nodes: [path('m8 9-4 3 4 3'), path('m16 9 4 3-4 3'), path('m14 5-4 14')]
+  },
+  database: {
+    aliases: ['state'],
+    nodes: [path('M4 6c0-1.7 3.6-3 8-3s8 1.3 8 3-3.6 3-8 3-8-1.3-8-3Z'), path('M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6'), path('M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6')]
+  },
+  download: {
+    aliases: ['save'],
+    nodes: [path('M12 3v12'), path('m7 10 5 5 5-5'), path('M5 21h14')]
+  },
+  'external-link': {
+    aliases: ['open'],
+    nodes: [path('M15 3h6v6'), path('M10 14 21 3'), path('M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5')]
+  },
+  file: {
+    aliases: ['document'],
+    nodes: [path('M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'), path('M14 2v6h6')]
+  },
+  folder: {
+    aliases: ['directory'],
+    nodes: [path('M3 6a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z')]
+  },
+  gauge: {
+    aliases: ['performance', 'speed'],
+    nodes: [path('M4 14a8 8 0 1 1 16 0'), path('M12 14l4-4'), path('M6.3 18h11.4')]
+  },
+  layers: {
+    aliases: ['platform'],
+    nodes: [path('M12 3 3 8l9 5 9-5Z'), path('m3 13 9 5 9-5'), path('m3 18 9 5 9-5')]
+  },
+  moon: {
+    aliases: ['dark'],
+    nodes: [path('M20.5 14.5A8 8 0 1 1 9.5 3.5 6.5 6.5 0 0 0 20.5 14.5Z')]
+  },
+  palette: {
+    aliases: ['theme', 'design'],
+    nodes: [path('M12 3a9 9 0 0 0 0 18h1.5a1.5 1.5 0 0 0 .5-2.9 1.5 1.5 0 0 1 .5-2.9H16a5 5 0 0 0 0-10Z'), circle(7.5, 10, 1), circle(10, 7.5, 1), circle(14, 7.5, 1), circle(16.5, 10, 1)]
+  },
+  rocket: {
+    aliases: ['launch', 'release-candidate'],
+    nodes: [path('M4.5 16.5 3 21l4.5-1.5'), path('M8 16 4 12l7-7c2.6-2.6 6.1-2.9 9-2-.9 2.9-.6 6.4-3.2 9L10 19Z'), path('m9 15-4-4'), circle(15, 9, 1.5)]
+  },
+  server: {
+    aliases: ['infra', 'host'],
+    nodes: [rect(3, 4, 18, 6, { rx: 2 }), rect(3, 14, 18, 6, { rx: 2 }), line(7, 7, 7.01, 7), line(7, 17, 7.01, 17)]
+  },
+  'shield-check': {
+    aliases: ['secure', 'security'],
+    nodes: [path('M12 3 20 6v6c0 4.5-3.1 7.3-8 9-4.9-1.7-8-4.5-8-9V6Z'), path('m8.8 12 2.1 2.1 4.5-4.8')]
+  },
+  sun: {
+    aliases: ['light', 'bright'],
+    nodes: [
+      circle(12, 12, 4),
+      line(12, 2, 12, 5),
+      line(12, 19, 12, 22),
+      line(4.9, 4.9, 7, 7),
+      line(17, 17, 19.1, 19.1),
+      line(2, 12, 5, 12),
+      line(19, 12, 22, 12),
+      line(4.9, 19.1, 7, 17),
+      line(17, 7, 19.1, 4.9)
+    ]
+  },
+  terminal: {
+    aliases: ['cli'],
+    nodes: [path('m7 8 4 4-4 4'), path('M13 16h4'), rect(3, 4, 18, 16, { rx: 2 })]
+  },
+  upload: {
+    aliases: ['import'],
+    nodes: [path('M12 21V9'), path('m7 14 5-5 5 5'), path('M5 3h14')]
+  },
+  zap: {
+    aliases: ['fabric', 'telemetry'],
+    nodes: [path('M13 2 3 14h8l-1 8 11-14h-8Z')]
+  }
+});
+
+export function createXTendLucideIconPack(overrides = {}) {
+  return {
+    schema: XTEND_LUCIDE_ICON_PACK_SCHEMA,
+    id: 'lucide',
+    label: 'Lucide Local Adapter',
+    source: 'xtend.local.lucide-compatible-svg-paths',
+    distribution: 'local-build',
+    cdnAllowed: false,
+    viewBox: '0 0 24 24',
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    icons: { ...icons, ...(overrides.icons || {}) }
+  };
+}
+
+export const XTEND_LUCIDE_ICON_PACK = Object.freeze(createXTendLucideIconPack());
+export { XTEND_LUCIDE_ICON_PACK_SCHEMA };

package/components/manifest.json

@@ -0,0 +1,44 @@
+{
+  "x-alert": "./xalert.js",
+  "x-button": "./xbutton.js",
+  "x-calendar": "./xcalendar.js",
+  "x-cards": "./xcards.js",
+  "x-checkbox": "./xcheckbox.js",
+  "x-code": "./xcode.js",
+  "x-dialog": "./xdialog.js",
+  "x-drawer": "./xdrawer.js",
+  "x-footer": "./xfooter.js",
+  "x-form": "./xform.js",
+  "x-header": "./xheader.js",
+  "x-hero": "./xhero.js",
+  "x-icon": "./xicon.js",
+  "x-input": "./xinput.js",
+  "x-lightbox": "./xlightbox.js",
+  "x-link": "./xlink.js",
+  "x-masonry": "./xmasonry.js",
+  "x-menu": "./xmenu.js",
+  "x-modal": "./xmodal.js",
+  "x-player": "./xplayer.js",
+  "x-popover": "./xpopover.js",
+  "x-progress": "./xprogress.js",
+  "x-radio": "./xradio.js",
+  "x-rmt-lifecycle-demo-build": "./x-rmt-lifecycle-demo-build.js",
+  "x-router": "./xrouter.js",
+  "x-section": "./xsection.js",
+  "x-select": "./xselect.js",
+  "x-side-panel": "./xsidepanel.js",
+  "x-spinner": "./xspinner.js",
+  "x-status": "./xstatus.js",
+  "x-summary": "./xsummary.js",
+  "x-surface-manager": "./xsurfacemanager.js",
+  "x-surface-window": "./xsurfacewindow.js",
+  "x-tabs": "./xtabs.js",
+  "x-textarea": "./xtextarea.js",
+  "x-theme": "./xtheme.js",
+  "x-toast": "./xtoast.js",
+  "x-tooltip": "./xtooltip.js",
+  "x-type": "./xtype.js",
+  "x-utils": "./xutils.js",
+  "x-writer": "./xwriter.js",
+  "xstate": "./xstate.js"
+}

package/components/prism.d.ts

@@ -0,0 +1,73 @@
+export = Prism;
+export as namespace Prism;
+
+declare namespace Prism {
+  type TokenStream = string | Token | Array<string | Token>;
+  type GrammarValue = RegExp | GrammarToken | Array<RegExp | GrammarToken>;
+
+  interface Grammar {
+    [token: string]: GrammarValue | Grammar | undefined;
+    rest?: Grammar;
+  }
+
+  interface GrammarToken {
+    pattern: RegExp;
+    lookbehind?: boolean;
+    greedy?: boolean;
+    alias?: string | string[];
+    inside?: Grammar;
+  }
+
+  interface HighlightEnvironment {
+    code: string;
+    grammar?: Grammar;
+    language: string;
+    element?: Element;
+    highlightedCode?: string;
+    tokens?: TokenStream[];
+  }
+
+  interface WrapEnvironment {
+    type: string;
+    content: string;
+    tag: string;
+    classes: string[];
+    attributes: Record<string, string>;
+    language: string;
+  }
+
+  interface Hooks {
+    all: Record<string, Array<(env: unknown) => void>>;
+    add(name: string, callback: (env: unknown) => void): void;
+    run(name: string, env: unknown): void;
+  }
+
+  class Token {
+    constructor(type: string, content: TokenStream, alias?: string | string[], matchedStr?: string);
+    type: string;
+    content: TokenStream;
+    alias?: string | string[];
+    length: number;
+    static stringify(value: TokenStream | TokenStream[], language: string): string;
+  }
+
+  const manual: boolean | undefined;
+  const disableWorkerMessageHandler: boolean | undefined;
+  const languages: Record<string, Grammar> & {
+    plain: Grammar;
+    plaintext: Grammar;
+    text: Grammar;
+    txt: Grammar;
+    extend(id: string, redef: Grammar): Grammar;
+    insertBefore(id: string, before: string, insert: Grammar, root?: Record<string, Grammar>): Grammar;
+    DFS(grammar: Grammar, callback: (this: Grammar, key: string, value: unknown, type?: string) => void): void;
+  };
+  const plugins: Record<string, unknown>;
+  const hooks: Hooks;
+
+  function highlight(code: string, grammar: Grammar, language: string): string;
+  function highlightElement(element: Element, async?: boolean, callback?: (this: Element) => void): void;
+  function highlightAll(async?: boolean, callback?: (this: Element) => void): void;
+  function highlightAllUnder(container: ParentNode, async?: boolean, callback?: (this: Element) => void): void;
+  function tokenize(code: string, grammar: Grammar): TokenStream[];
+}