@typecaast/skins 0.1.0 → 0.2.0

package/dist/chunk-OC7WDISK.js

@@ -0,0 +1,343 @@
+"use client";
+import { z } from 'zod';
+import { defineSkin, fadeSlideIn, popIn, TypingDots, MessageContent } from '@typecaast/skin-kit';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/discord/index.ts
+
+// src/discord/tokens.ts
+var DISCORD = {
+  bg: "#313338",
+  channelBarBorder: "#26282c",
+  text: "#dbdee1",
+  muted: "#949ba4",
+  username: "#f2f3f5",
+  timestamp: "#949ba4",
+  reactionBg: "#2b2d31",
+  reactionBorder: "#3f4147",
+  reactionText: "#dbdee1",
+  composerBg: "#383a40",
+  placeholder: "#6d7079",
+  mentionText: "#c9cdfb",
+  mentionBg: "rgba(88,101,242,0.3)",
+  codeBg: "#2b2d31",
+  codeText: "#dbdee1",
+  link: "#00a8fc",
+  hashtag: "#80848e"
+};
+var DISCORD_FONT_STACK = '"gg sans", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
+var GUTTER = 56;
+function formatTime(atMs) {
+  const base = 9 * 3600 * 1e3;
+  const total = Math.floor((base + atMs) / 1e3);
+  const h = Math.floor(total / 3600) % 24;
+  const m = Math.floor(total % 3600 / 60);
+  const ampm = h >= 12 ? "PM" : "AM";
+  const hr = h % 12 === 0 ? 12 : h % 12;
+  return `Today at ${hr}:${String(m).padStart(2, "0")} ${ampm}`;
+}
+function initials(name) {
+  return name.split(/\s+/).map((w) => w.charAt(0)).slice(0, 2).join("").toUpperCase();
+}
+var markStyles = {
+  link: { color: DISCORD.link, textDecoration: "none" },
+  mention: {
+    color: DISCORD.mentionText,
+    background: DISCORD.mentionBg,
+    borderRadius: 3,
+    padding: "0 2px",
+    fontWeight: 500
+  },
+  code: {
+    fontFamily: "Menlo, Consolas, monospace",
+    fontSize: "0.85em",
+    background: DISCORD.codeBg,
+    color: DISCORD.codeText,
+    borderRadius: 3,
+    padding: "1px 4px"
+  }
+};
+var Avatar = ({ participant, size = 40 }) => {
+  if (participant.avatar) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: participant.avatar,
+        alt: participant.name,
+        width: size,
+        height: size,
+        style: {
+          width: size,
+          height: size,
+          borderRadius: "50%",
+          objectFit: "cover"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        background: participant.color ?? "#5865f2",
+        color: "#fff",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: size * 0.4,
+        fontWeight: 500
+      },
+      children: initials(participant.name)
+    }
+  );
+};
+var Reaction = ({ reaction }) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    style: {
+      ...popIn(reaction.progress),
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 5,
+      background: DISCORD.reactionBg,
+      border: `1px solid ${DISCORD.reactionBorder}`,
+      borderRadius: 8,
+      padding: "2px 7px",
+      fontSize: 13,
+      color: DISCORD.reactionText
+    },
+    children: [
+      /* @__PURE__ */ jsx("span", { children: reaction.emoji }),
+      /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: 12 }, children: reaction.count })
+    ]
+  }
+);
+var Message = ({ message, author }) => {
+  const roleColor = author.color ?? DISCORD.username;
+  const body = /* @__PURE__ */ jsxs("div", { style: { color: DISCORD.text, fontSize: 15, lineHeight: 1.375 }, children: [
+    /* @__PURE__ */ jsx(
+      MessageContent,
+      {
+        nodes: message.content,
+        styles: markStyles,
+        imageStyle: { borderRadius: 8, marginTop: 4, maxWidth: 320 }
+      }
+    ),
+    message.reactions.length > 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { display: "flex", gap: 4, marginTop: 5, flexWrap: "wrap" },
+        children: message.reactions.map((r, i) => /* @__PURE__ */ jsx(Reaction, { theme: "dark", reaction: r }, i))
+      }
+    ) : null
+  ] });
+  if (message.isGrouped) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: `1px 16px 1px ${GUTTER}px`,
+          ...fadeSlideIn(message.revealProgress, { distance: 4 })
+        },
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 16,
+        padding: "8px 16px 2px",
+        ...fadeSlideIn(message.revealProgress, { distance: 4 })
+      },
+      children: [
+        /* @__PURE__ */ jsx(Avatar, { theme: "dark", participant: author, size: 40 }),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: roleColor, fontWeight: 500, fontSize: 15 }, children: author.name }),
+            /* @__PURE__ */ jsx("span", { style: { color: DISCORD.timestamp, fontSize: 12 }, children: formatTime(message.atMs) })
+          ] }),
+          body
+        ] })
+      ]
+    }
+  );
+};
+var SystemMessage = ({ message }) => {
+  const text = message.content.map(
+    (n) => n.type === "text" ? n.spans.map((s) => s.value ?? "").join("") : ""
+  ).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 16,
+        alignItems: "center",
+        padding: "4px 16px 4px 24px",
+        color: DISCORD.muted,
+        fontSize: 14,
+        ...fadeSlideIn(message.revealProgress, { distance: 0 })
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { style: { color: "#3ba55c" }, children: "\uFF0B" }),
+        text
+      ]
+    }
+  );
+};
+var TypingIndicator = ({ typing, author }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      padding: "2px 16px 4px",
+      color: DISCORD.text,
+      fontSize: 13
+    },
+    children: [
+      /* @__PURE__ */ jsx(TypingDots, { progress: typing.progress, color: DISCORD.muted, size: 5 }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: author.name }),
+        " is typing\u2026"
+      ] })
+    ]
+  }
+);
+var Composer = ({ composer }) => {
+  const hasText = composer.text.length > 0;
+  return /* @__PURE__ */ jsx("div", { style: { flex: "0 0 auto", padding: "0 16px 18px" }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        background: DISCORD.composerBg,
+        borderRadius: 8,
+        padding: "11px 14px",
+        color: DISCORD.text,
+        fontSize: 15,
+        display: "flex",
+        alignItems: "center",
+        gap: 12
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { style: { color: DISCORD.muted, fontSize: 20 }, children: "\uFF0B" }),
+        hasText ? /* @__PURE__ */ jsxs("span", { children: [
+          composer.text,
+          /* @__PURE__ */ jsx("span", { style: { color: DISCORD.text }, children: "|" })
+        ] }) : /* @__PURE__ */ jsx("span", { style: { color: DISCORD.placeholder }, children: "Message #general" })
+      ]
+    }
+  ) });
+};
+var Frame = ({
+  options,
+  children
+}) => {
+  const channel = typeof options?.channel === "string" ? options.channel : "general";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        fontFamily: DISCORD_FONT_STACK,
+        background: DISCORD.bg,
+        color: DISCORD.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: "12px 16px",
+              borderBottom: `1px solid ${DISCORD.channelBarBorder}`,
+              boxShadow: "0 1px 0 rgba(0,0,0,0.2)"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { color: DISCORD.hashtag, fontSize: 22, fontWeight: 600 }, children: "#" }),
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: 16, color: "#f2f3f5" }, children: channel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: "1 1 auto",
+              minHeight: 0,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "flex-end",
+              overflow: "hidden",
+              paddingBottom: 6
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+var discordComponents = {
+  Frame,
+  Message,
+  TypingIndicator,
+  Reaction,
+  Composer,
+  SystemMessage,
+  Avatar
+};
+
+// src/discord/index.ts
+var discordCapabilities = {
+  events: {
+    message: "native",
+    composerType: "native",
+    send: "native",
+    typing: "native",
+    reaction: "native",
+    system: "native",
+    edit: "native",
+    delete: "native",
+    readReceipt: "unsupported",
+    beat: "native"
+  },
+  content: { text: true, image: true },
+  reactions: true,
+  threads: true,
+  readReceipts: false
+};
+var discordOptionsSchema = z.object({
+  /** Channel name (rendered after the `#`). */
+  channel: z.string().optional()
+});
+var discord = defineSkin({
+  id: "discord",
+  meta: {
+    name: "Discord",
+    defaultCanvas: { width: 600, height: 480 },
+    supportsThemes: ["dark"],
+    capabilities: discordCapabilities,
+    optionsSchema: discordOptionsSchema
+  },
+  components: discordComponents
+});
+var discord_default = discord;
+
+export { discord, discord_default };
+//# sourceMappingURL=chunk-OC7WDISK.js.map
+//# sourceMappingURL=chunk-OC7WDISK.js.map

package/dist/chunk-OC7WDISK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/discord/tokens.ts","../src/discord/components.tsx","../src/discord/index.ts"],"names":[],"mappings":"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","file":"chunk-OC7WDISK.js","sourcesContent":["/** Discord palette — dark (Discord's canonical theme). */\nexport const DISCORD = {\n  bg: \"#313338\",\n  channelBar: \"#313338\",\n  channelBarBorder: \"#26282c\",\n  sidebar: \"#2b2d31\",\n  text: \"#dbdee1\",\n  muted: \"#949ba4\",\n  username: \"#f2f3f5\",\n  timestamp: \"#949ba4\",\n  reactionBg: \"#2b2d31\",\n  reactionBorder: \"#3f4147\",\n  reactionText: \"#dbdee1\",\n  composerBg: \"#383a40\",\n  placeholder: \"#6d7079\",\n  mentionText: \"#c9cdfb\",\n  mentionBg: \"rgba(88,101,242,0.3)\",\n  codeBg: \"#2b2d31\",\n  codeText: \"#dbdee1\",\n  link: \"#00a8fc\",\n  divider: \"#3f4147\",\n  hashtag: \"#80848e\",\n};\n\nexport const DISCORD_FONT_STACK =\n  '\"gg sans\", \"Noto Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n","import type { FC, ReactNode } from \"react\";\nimport type {\n  AvatarProps,\n  ComposerProps,\n  FrameProps,\n  MessageProps,\n  ReactionProps,\n  SystemProps,\n  TypingProps,\n} from \"@typecaast/core\";\nimport {\n  fadeSlideIn,\n  MessageContent,\n  popIn,\n  TypingDots,\n  type ContentStyles,\n} from \"@typecaast/skin-kit\";\nimport { DISCORD as c, DISCORD_FONT_STACK } from \"./tokens.js\";\n\nconst GUTTER = 56; // avatar column width + padding\n\nfunction formatTime(atMs: number): string {\n  const base = 9 * 3600 * 1000;\n  const total = Math.floor((base + atMs) / 1000);\n  const h = Math.floor(total / 3600) % 24;\n  const m = Math.floor((total % 3600) / 60);\n  const ampm = h >= 12 ? \"PM\" : \"AM\";\n  const hr = h % 12 === 0 ? 12 : h % 12;\n  return `Today at ${hr}:${String(m).padStart(2, \"0\")} ${ampm}`;\n}\n\nfunction initials(name: string): string {\n  return name\n    .split(/\\s+/)\n    .map((w) => w.charAt(0))\n    .slice(0, 2)\n    .join(\"\")\n    .toUpperCase();\n}\n\nconst markStyles: ContentStyles = {\n  link: { color: c.link, textDecoration: \"none\" },\n  mention: {\n    color: c.mentionText,\n    background: c.mentionBg,\n    borderRadius: 3,\n    padding: \"0 2px\",\n    fontWeight: 500,\n  },\n  code: {\n    fontFamily: \"Menlo, Consolas, monospace\",\n    fontSize: \"0.85em\",\n    background: c.codeBg,\n    color: c.codeText,\n    borderRadius: 3,\n    padding: \"1px 4px\",\n  },\n};\n\nconst Avatar: FC<AvatarProps> = ({ participant, size = 40 }) => {\n  if (participant.avatar) {\n    return (\n      <img\n        src={participant.avatar}\n        alt={participant.name}\n        width={size}\n        height={size}\n        style={{\n          width: size,\n          height: size,\n          borderRadius: \"50%\",\n          objectFit: \"cover\",\n        }}\n      />\n    );\n  }\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: participant.color ?? \"#5865f2\",\n        color: \"#fff\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        fontSize: size * 0.4,\n        fontWeight: 500,\n      }}\n    >\n      {initials(participant.name)}\n    </div>\n  );\n};\n\nconst Reaction: FC<ReactionProps> = ({ reaction }) => (\n  <span\n    style={{\n      ...popIn(reaction.progress),\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      gap: 5,\n      background: c.reactionBg,\n      border: `1px solid ${c.reactionBorder}`,\n      borderRadius: 8,\n      padding: \"2px 7px\",\n      fontSize: 13,\n      color: c.reactionText,\n    }}\n  >\n    <span>{reaction.emoji}</span>\n    <span style={{ fontWeight: 600, fontSize: 12 }}>{reaction.count}</span>\n  </span>\n);\n\nconst Message: FC<MessageProps> = ({ message, author }) => {\n  const roleColor = author.color ?? c.username;\n  const body = (\n    <div style={{ color: c.text, fontSize: 15, lineHeight: 1.375 }}>\n      <MessageContent\n        nodes={message.content}\n        styles={markStyles}\n        imageStyle={{ borderRadius: 8, marginTop: 4, maxWidth: 320 }}\n      />\n      {message.reactions.length > 0 ? (\n        <div\n          style={{ display: \"flex\", gap: 4, marginTop: 5, flexWrap: \"wrap\" }}\n        >\n          {message.reactions.map((r, i) => (\n            <Reaction key={i} theme=\"dark\" reaction={r} />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  if (message.isGrouped) {\n    return (\n      <div\n        style={{\n          padding: `1px 16px 1px ${GUTTER}px`,\n          ...fadeSlideIn(message.revealProgress, { distance: 4 }),\n        }}\n      >\n        {body}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        gap: 16,\n        padding: \"8px 16px 2px\",\n        ...fadeSlideIn(message.revealProgress, { distance: 4 }),\n      }}\n    >\n      <Avatar theme=\"dark\" participant={author} size={40} />\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div style={{ display: \"flex\", alignItems: \"baseline\", gap: 8 }}>\n          <span style={{ color: roleColor, fontWeight: 500, fontSize: 15 }}>\n            {author.name}\n          </span>\n          <span style={{ color: c.timestamp, fontSize: 12 }}>\n            {formatTime(message.atMs)}\n          </span>\n        </div>\n        {body}\n      </div>\n    </div>\n  );\n};\n\nconst SystemMessage: FC<SystemProps> = ({ message }) => {\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        display: \"flex\",\n        gap: 16,\n        alignItems: \"center\",\n        padding: \"4px 16px 4px 24px\",\n        color: c.muted,\n        fontSize: 14,\n        ...fadeSlideIn(message.revealProgress, { distance: 0 }),\n      }}\n    >\n      <span style={{ color: \"#3ba55c\" }}>＋</span>\n      {text}\n    </div>\n  );\n};\n\nconst TypingIndicator: FC<TypingProps> = ({ typing, author }) => (\n  <div\n    style={{\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: 8,\n      padding: \"2px 16px 4px\",\n      color: c.text,\n      fontSize: 13,\n    }}\n  >\n    <TypingDots progress={typing.progress} color={c.muted} size={5} />\n    <span>\n      <strong>{author.name}</strong> is typing…\n    </span>\n  </div>\n);\n\nconst Composer: FC<ComposerProps> = ({ composer }) => {\n  const hasText = composer.text.length > 0;\n  return (\n    <div style={{ flex: \"0 0 auto\", padding: \"0 16px 18px\" }}>\n      <div\n        style={{\n          background: c.composerBg,\n          borderRadius: 8,\n          padding: \"11px 14px\",\n          color: c.text,\n          fontSize: 15,\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 12,\n        }}\n      >\n        <span style={{ color: c.muted, fontSize: 20 }}>＋</span>\n        {hasText ? (\n          <span>\n            {composer.text}\n            <span style={{ color: c.text }}>|</span>\n          </span>\n        ) : (\n          <span style={{ color: c.placeholder }}>Message #general</span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst Frame: FC<FrameProps & { children?: ReactNode }> = ({\n  options,\n  children,\n}) => {\n  const channel =\n    typeof options?.channel === \"string\" ? options.channel : \"general\";\n  return (\n    <div\n      style={{\n        fontFamily: DISCORD_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: \"12px 16px\",\n          borderBottom: `1px solid ${c.channelBarBorder}`,\n          boxShadow: \"0 1px 0 rgba(0,0,0,0.2)\",\n        }}\n      >\n        <span style={{ color: c.hashtag, fontSize: 22, fontWeight: 600 }}>\n          #\n        </span>\n        <span style={{ fontWeight: 600, fontSize: 16, color: \"#f2f3f5\" }}>\n          {channel}\n        </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          paddingBottom: 6,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const discordComponents = {\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 { discordComponents } from \"./components.js\";\n\nconst discordCapabilities: Capabilities = {\n  events: {\n    message: \"native\",\n    composerType: \"native\",\n    send: \"native\",\n    typing: \"native\",\n    reaction: \"native\",\n    system: \"native\",\n    edit: \"native\",\n    delete: \"native\",\n    readReceipt: \"unsupported\",\n    beat: \"native\",\n  },\n  content: { text: true, image: true },\n  reactions: true,\n  threads: true,\n  readReceipts: false,\n};\n\nconst discordOptionsSchema = z.object({\n  /** Channel name (rendered after the `#`). */\n  channel: z.string().optional(),\n});\n\n/** A Discord-style channel skin (dark): role colors, grouped messages. */\nexport const discord = defineSkin({\n  id: \"discord\",\n  meta: {\n    name: \"Discord\",\n    defaultCanvas: { width: 600, height: 480 },\n    supportsThemes: [\"dark\"],\n    capabilities: discordCapabilities,\n    optionsSchema: discordOptionsSchema,\n  },\n  components: discordComponents,\n});\n\n/** Default export so `@typecaast/skins/discord` can be lazy-imported uniformly. */\nexport default discord;\n"]}