@typecaast/skins 0.1.0 → 0.2.0

package/dist/chunk-3WKOSJVB.js

@@ -0,0 +1,320 @@
+"use client";
+import { z } from 'zod';
+import { defineSkin, fadeSlideIn, TypingDots, MessageContent } from '@typecaast/skin-kit';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/cursor/index.ts
+
+// src/cursor/tokens.ts
+var CURSOR_COLORS = {
+  dark: {
+    bg: "#1a1a1a",
+    header: "#1a1a1a",
+    border: "#2d2d2d",
+    text: "#d4d4d4",
+    dim: "#858585",
+    userBg: "#262626",
+    userBorder: "#333333",
+    codeBg: "#2a2a2a",
+    codeText: "#ce9178",
+    accent: "#4d9fff",
+    composerBg: "#202020",
+    composerBorder: "#3a3a3a",
+    placeholder: "#6e6e6e",
+    chipBg: "#2a2a2a",
+    link: "#4d9fff"
+  },
+  light: {
+    bg: "#ffffff",
+    header: "#ffffff",
+    border: "#e8e8e8",
+    text: "#1e1e1e",
+    dim: "#6e6e6e",
+    userBg: "#f4f4f4",
+    userBorder: "#e8e8e8",
+    codeBg: "#f0f0f0",
+    codeText: "#a31515",
+    accent: "#0a72ff",
+    composerBg: "#f9f9f9",
+    composerBorder: "#e2e2e2",
+    placeholder: "#9a9a9a",
+    chipBg: "#f0f0f0",
+    link: "#0a72ff"
+  }
+};
+var CURSOR_FONT_STACK = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif';
+var cursorTokens = {
+  light: { colors: CURSOR_COLORS.light },
+  dark: { colors: CURSOR_COLORS.dark }
+};
+function markStyles(c) {
+  return {
+    link: { color: c.link, textDecoration: "none" },
+    code: {
+      fontFamily: "Menlo, Monaco, monospace",
+      fontSize: "0.86em",
+      background: c.codeBg,
+      color: c.codeText,
+      borderRadius: 4,
+      padding: "1px 4px"
+    }
+  };
+}
+var Avatar = () => null;
+var Reaction = () => null;
+var Message = ({ theme, message }) => {
+  const c = CURSOR_COLORS[theme];
+  const self = message.isSelf;
+  if (self) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { padding: "5px 12px", ...fadeSlideIn(message.revealProgress) },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              background: c.userBg,
+              border: `1px solid ${c.userBorder}`,
+              borderRadius: 8,
+              padding: "8px 11px",
+              color: c.text,
+              fontSize: 13,
+              lineHeight: 1.5
+            },
+            children: /* @__PURE__ */ jsx(MessageContent, { nodes: message.content, styles: markStyles(c) })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        padding: "5px 12px 9px",
+        color: c.text,
+        fontSize: 13,
+        lineHeight: 1.6,
+        ...fadeSlideIn(message.revealProgress)
+      },
+      children: /* @__PURE__ */ jsx(MessageContent, { nodes: message.content, styles: markStyles(c) })
+    }
+  );
+};
+var SystemMessage = ({ theme, message }) => {
+  const c = CURSOR_COLORS[theme];
+  const text = message.content.map(
+    (n) => n.type === "text" ? n.spans.map((s) => s.value ?? "").join("") : ""
+  ).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        margin: "4px 12px",
+        padding: "6px 10px",
+        borderLeft: `2px solid ${c.accent}`,
+        background: c.userBg,
+        borderRadius: 4,
+        color: c.dim,
+        fontSize: 12,
+        fontFamily: "Menlo, monospace",
+        ...fadeSlideIn(message.revealProgress, { distance: 0 })
+      },
+      children: text
+    }
+  );
+};
+var TypingIndicator = ({ theme, typing }) => {
+  const c = CURSOR_COLORS[theme];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 7,
+        padding: "5px 12px",
+        color: c.dim,
+        fontSize: 12.5
+      },
+      children: [
+        /* @__PURE__ */ jsx(TypingDots, { progress: typing.progress, color: c.accent, size: 5 }),
+        "Generating\u2026"
+      ]
+    }
+  );
+};
+var Composer = ({ theme, composer }) => {
+  const c = CURSOR_COLORS[theme];
+  const hasText = composer.text.length > 0;
+  const chip = {
+    fontSize: 11,
+    color: c.dim,
+    background: c.chipBg,
+    borderRadius: 5,
+    padding: "2px 7px"
+  };
+  return /* @__PURE__ */ jsx("div", { style: { flex: "0 0 auto", padding: "8px 12px 12px" }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        border: `1px solid ${c.composerBorder}`,
+        borderRadius: 10,
+        background: c.composerBg,
+        padding: "9px 11px",
+        color: c.text,
+        fontSize: 13
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { minHeight: 18 }, children: hasText ? /* @__PURE__ */ jsxs("span", { children: [
+          composer.text,
+          /* @__PURE__ */ jsx("span", { style: { color: c.accent }, children: "\u258D" })
+        ] }) : /* @__PURE__ */ jsx("span", { style: { color: c.placeholder }, children: "Plan, search, build anything" }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginTop: 9
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6 }, children: [
+                /* @__PURE__ */ jsx("span", { style: chip, children: "\u221E Agent" }),
+                /* @__PURE__ */ jsx("span", { style: chip, children: "claude-4.5-sonnet" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    width: 22,
+                    height: 22,
+                    borderRadius: 6,
+                    background: hasText ? c.accent : c.chipBg,
+                    color: hasText ? "#fff" : c.dim,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: 13
+                  },
+                  children: "\u2191"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+var Frame = ({
+  theme,
+  options,
+  children
+}) => {
+  const c = CURSOR_COLORS[theme];
+  const title = typeof options?.title === "string" ? options.title : "Chat";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        fontFamily: CURSOR_FONT_STACK,
+        background: c.bg,
+        color: c.text,
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%",
+        WebkitFontSmoothing: "antialiased"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: "0 0 auto",
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              padding: "8px 12px",
+              borderBottom: `1px solid ${c.border}`,
+              fontSize: 12,
+              color: c.dim
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: c.text }, children: title }),
+              /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontSize: 14 }, children: "\uFF0B" }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: "\u22EF" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: "1 1 auto",
+              minHeight: 0,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "flex-end",
+              overflow: "hidden",
+              padding: "6px 0"
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+var cursorComponents = {
+  Frame,
+  Message,
+  TypingIndicator,
+  Reaction,
+  Composer,
+  SystemMessage,
+  Avatar
+};
+
+// src/cursor/index.ts
+var cursorCapabilities = {
+  events: {
+    message: "native",
+    composerType: "native",
+    send: "native",
+    typing: "native",
+    system: "native",
+    reaction: "unsupported",
+    readReceipt: "unsupported",
+    edit: "native",
+    delete: "native",
+    beat: "native"
+  },
+  content: { text: true, image: true },
+  reactions: false,
+  threads: false,
+  readReceipts: false
+};
+var cursorOptionsSchema = z.object({
+  title: z.string().optional()
+});
+var cursor = defineSkin({
+  id: "cursor",
+  meta: {
+    name: "Cursor panel",
+    defaultCanvas: { width: 400, height: 600 },
+    supportsThemes: ["dark", "light"],
+    capabilities: cursorCapabilities,
+    optionsSchema: cursorOptionsSchema
+  },
+  components: cursorComponents,
+  tokens: cursorTokens
+});
+var cursor_default = cursor;
+
+export { cursor, cursor_default };
+//# sourceMappingURL=chunk-3WKOSJVB.js.map
+//# sourceMappingURL=chunk-3WKOSJVB.js.map

package/dist/chunk-3WKOSJVB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cursor/tokens.ts","../src/cursor/components.tsx","../src/cursor/index.ts"],"names":[],"mappings":"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","file":"chunk-3WKOSJVB.js","sourcesContent":["import type { ResolvedTheme } from \"@typecaast/core\";\nimport type { SkinTokens } from \"@typecaast/skin-kit\";\n\nexport interface CursorColors {\n  bg: string;\n  header: string;\n  border: string;\n  text: string;\n  dim: string;\n  userBg: string;\n  userBorder: string;\n  codeBg: string;\n  codeText: string;\n  accent: string;\n  composerBg: string;\n  composerBorder: string;\n  placeholder: string;\n  chipBg: string;\n  link: string;\n}\n\nexport const CURSOR_COLORS: Record<ResolvedTheme, CursorColors> = {\n  dark: {\n    bg: \"#1a1a1a\",\n    header: \"#1a1a1a\",\n    border: \"#2d2d2d\",\n    text: \"#d4d4d4\",\n    dim: \"#858585\",\n    userBg: \"#262626\",\n    userBorder: \"#333333\",\n    codeBg: \"#2a2a2a\",\n    codeText: \"#ce9178\",\n    accent: \"#4d9fff\",\n    composerBg: \"#202020\",\n    composerBorder: \"#3a3a3a\",\n    placeholder: \"#6e6e6e\",\n    chipBg: \"#2a2a2a\",\n    link: \"#4d9fff\",\n  },\n  light: {\n    bg: \"#ffffff\",\n    header: \"#ffffff\",\n    border: \"#e8e8e8\",\n    text: \"#1e1e1e\",\n    dim: \"#6e6e6e\",\n    userBg: \"#f4f4f4\",\n    userBorder: \"#e8e8e8\",\n    codeBg: \"#f0f0f0\",\n    codeText: \"#a31515\",\n    accent: \"#0a72ff\",\n    composerBg: \"#f9f9f9\",\n    composerBorder: \"#e2e2e2\",\n    placeholder: \"#9a9a9a\",\n    chipBg: \"#f0f0f0\",\n    link: \"#0a72ff\",\n  },\n};\n\nexport const CURSOR_FONT_STACK =\n  '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Inter, sans-serif';\n\nexport const cursorTokens: { light: SkinTokens; dark: SkinTokens } = {\n  light: { colors: CURSOR_COLORS.light as unknown as Record<string, string> },\n  dark: { colors: CURSOR_COLORS.dark as unknown as Record<string, string> },\n};\n","import type { CSSProperties, FC, ReactNode } from \"react\";\nimport type {\n  AvatarProps,\n  ComposerProps,\n  FrameProps,\n  MessageProps,\n  ReactionProps,\n  ResolvedTheme,\n  SystemProps,\n  TypingProps,\n} from \"@typecaast/core\";\nimport {\n  fadeSlideIn,\n  MessageContent,\n  TypingDots,\n  type ContentStyles,\n} from \"@typecaast/skin-kit\";\nimport { CURSOR_COLORS, CURSOR_FONT_STACK } from \"./tokens.js\";\n\nfunction markStyles(c: (typeof CURSOR_COLORS)[ResolvedTheme]): ContentStyles {\n  return {\n    link: { color: c.link, textDecoration: \"none\" },\n    code: {\n      fontFamily: \"Menlo, Monaco, monospace\",\n      fontSize: \"0.86em\",\n      background: c.codeBg,\n      color: c.codeText,\n      borderRadius: 4,\n      padding: \"1px 4px\",\n    },\n  };\n}\n\nconst Avatar: FC<AvatarProps> = () => null;\nconst Reaction: FC<ReactionProps> = () => null;\n\nconst Message: FC<MessageProps> = ({ theme, message }) => {\n  const c = CURSOR_COLORS[theme];\n  const self = message.isSelf;\n  if (self) {\n    return (\n      <div\n        style={{ padding: \"5px 12px\", ...fadeSlideIn(message.revealProgress) }}\n      >\n        <div\n          style={{\n            background: c.userBg,\n            border: `1px solid ${c.userBorder}`,\n            borderRadius: 8,\n            padding: \"8px 11px\",\n            color: c.text,\n            fontSize: 13,\n            lineHeight: 1.5,\n          }}\n        >\n          <MessageContent nodes={message.content} styles={markStyles(c)} />\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      style={{\n        padding: \"5px 12px 9px\",\n        color: c.text,\n        fontSize: 13,\n        lineHeight: 1.6,\n        ...fadeSlideIn(message.revealProgress),\n      }}\n    >\n      <MessageContent nodes={message.content} styles={markStyles(c)} />\n    </div>\n  );\n};\n\nconst SystemMessage: FC<SystemProps> = ({ theme, message }) => {\n  const c = CURSOR_COLORS[theme];\n  const text = message.content\n    .map((n) =>\n      n.type === \"text\"\n        ? (n as { spans: { value?: string }[] }).spans\n            .map((s) => s.value ?? \"\")\n            .join(\"\")\n        : \"\",\n    )\n    .join(\" \");\n  return (\n    <div\n      style={{\n        margin: \"4px 12px\",\n        padding: \"6px 10px\",\n        borderLeft: `2px solid ${c.accent}`,\n        background: c.userBg,\n        borderRadius: 4,\n        color: c.dim,\n        fontSize: 12,\n        fontFamily: \"Menlo, monospace\",\n        ...fadeSlideIn(message.revealProgress, { distance: 0 }),\n      }}\n    >\n      {text}\n    </div>\n  );\n};\n\nconst TypingIndicator: FC<TypingProps> = ({ theme, typing }) => {\n  const c = CURSOR_COLORS[theme];\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 7,\n        padding: \"5px 12px\",\n        color: c.dim,\n        fontSize: 12.5,\n      }}\n    >\n      <TypingDots progress={typing.progress} color={c.accent} size={5} />\n      Generating…\n    </div>\n  );\n};\n\nconst Composer: FC<ComposerProps> = ({ theme, composer }) => {\n  const c = CURSOR_COLORS[theme];\n  const hasText = composer.text.length > 0;\n  const chip: CSSProperties = {\n    fontSize: 11,\n    color: c.dim,\n    background: c.chipBg,\n    borderRadius: 5,\n    padding: \"2px 7px\",\n  };\n  return (\n    <div style={{ flex: \"0 0 auto\", padding: \"8px 12px 12px\" }}>\n      <div\n        style={{\n          border: `1px solid ${c.composerBorder}`,\n          borderRadius: 10,\n          background: c.composerBg,\n          padding: \"9px 11px\",\n          color: c.text,\n          fontSize: 13,\n        }}\n      >\n        <div style={{ minHeight: 18 }}>\n          {hasText ? (\n            <span>\n              {composer.text}\n              <span style={{ color: c.accent }}>▍</span>\n            </span>\n          ) : (\n            <span style={{ color: c.placeholder }}>\n              Plan, search, build anything\n            </span>\n          )}\n        </div>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            marginTop: 9,\n          }}\n        >\n          <div style={{ display: \"flex\", gap: 6 }}>\n            <span style={chip}>∞ Agent</span>\n            <span style={chip}>claude-4.5-sonnet</span>\n          </div>\n          <span\n            style={{\n              width: 22,\n              height: 22,\n              borderRadius: 6,\n              background: hasText ? c.accent : c.chipBg,\n              color: hasText ? \"#fff\" : c.dim,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              fontSize: 13,\n            }}\n          >\n            ↑\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst Frame: FC<FrameProps & { children?: ReactNode }> = ({\n  theme,\n  options,\n  children,\n}) => {\n  const c = CURSOR_COLORS[theme];\n  const title = typeof options?.title === \"string\" ? options.title : \"Chat\";\n  return (\n    <div\n      style={{\n        fontFamily: CURSOR_FONT_STACK,\n        background: c.bg,\n        color: c.text,\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        width: \"100%\",\n        WebkitFontSmoothing: \"antialiased\",\n      }}\n    >\n      <div\n        style={{\n          flex: \"0 0 auto\",\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 8,\n          padding: \"8px 12px\",\n          borderBottom: `1px solid ${c.border}`,\n          fontSize: 12,\n          color: c.dim,\n        }}\n      >\n        <span style={{ fontWeight: 600, color: c.text }}>{title}</span>\n        <span style={{ marginLeft: \"auto\", fontSize: 14 }}>＋</span>\n        <span style={{ fontSize: 14 }}>⋯</span>\n      </div>\n      <div\n        style={{\n          flex: \"1 1 auto\",\n          minHeight: 0,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-end\",\n          overflow: \"hidden\",\n          padding: \"6px 0\",\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const cursorComponents = {\n  Frame,\n  Message,\n  TypingIndicator,\n  Reaction,\n  Composer,\n  SystemMessage,\n  Avatar,\n};\n","import { z } from \"zod\";\nimport { defineSkin, type Capabilities } from \"@typecaast/skin-kit\";\nimport { cursorComponents } from \"./components.js\";\nimport { cursorTokens } from \"./tokens.js\";\n\nconst cursorCapabilities: Capabilities = {\n  events: {\n    message: \"native\",\n    composerType: \"native\",\n    send: \"native\",\n    typing: \"native\",\n    system: \"native\",\n    reaction: \"unsupported\",\n    readReceipt: \"unsupported\",\n    edit: \"native\",\n    delete: \"native\",\n    beat: \"native\",\n  },\n  content: { text: true, image: true },\n  reactions: false,\n  threads: false,\n  readReceipts: false,\n};\n\nconst cursorOptionsSchema = z.object({\n  title: z.string().optional(),\n});\n\n/** A Cursor-style AI side-panel skin (dark + light) — covers \"MCP in Cursor\". */\nexport const cursor = defineSkin({\n  id: \"cursor\",\n  meta: {\n    name: \"Cursor panel\",\n    defaultCanvas: { width: 400, height: 600 },\n    supportsThemes: [\"dark\", \"light\"],\n    capabilities: cursorCapabilities,\n    optionsSchema: cursorOptionsSchema,\n  },\n  components: cursorComponents,\n  tokens: cursorTokens,\n});\n\n/** Default export so `@typecaast/skins/cursor` can be lazy-imported uniformly. */\nexport default cursor;\n"]}