@typecaast/skins 0.1.0 → 0.2.0
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/dist/chunk-3WKOSJVB.js +320 -0
- package/dist/chunk-3WKOSJVB.js.map +1 -0
- package/dist/chunk-6K2ANTPJ.cjs +722 -0
- package/dist/chunk-6K2ANTPJ.cjs.map +1 -0
- package/dist/chunk-7IC3DRCQ.js +718 -0
- package/dist/chunk-7IC3DRCQ.js.map +1 -0
- package/dist/chunk-AMP2ZMTF.cjs +275 -0
- package/dist/chunk-AMP2ZMTF.cjs.map +1 -0
- package/dist/chunk-BMB4ZKAU.cjs +32 -0
- package/dist/chunk-BMB4ZKAU.cjs.map +1 -0
- package/dist/chunk-CAHWYIXY.js +272 -0
- package/dist/chunk-CAHWYIXY.js.map +1 -0
- package/dist/chunk-CCT33UVA.cjs +591 -0
- package/dist/chunk-CCT33UVA.cjs.map +1 -0
- package/dist/chunk-E5K2XXQL.cjs +469 -0
- package/dist/chunk-E5K2XXQL.cjs.map +1 -0
- package/dist/chunk-FEXZ3X5C.cjs +255 -0
- package/dist/chunk-FEXZ3X5C.cjs.map +1 -0
- package/dist/chunk-JDPMZ572.js +466 -0
- package/dist/chunk-JDPMZ572.js.map +1 -0
- package/dist/chunk-JZVM4T2A.js +29 -0
- package/dist/chunk-JZVM4T2A.js.map +1 -0
- package/dist/chunk-KTQVRSDX.cjs +323 -0
- package/dist/chunk-KTQVRSDX.cjs.map +1 -0
- package/dist/chunk-M54H2ZJJ.js +252 -0
- package/dist/chunk-M54H2ZJJ.js.map +1 -0
- package/dist/chunk-NCSI7C7I.js +561 -0
- package/dist/chunk-NCSI7C7I.js.map +1 -0
- package/dist/chunk-OC7WDISK.js +343 -0
- package/dist/chunk-OC7WDISK.js.map +1 -0
- package/dist/chunk-UC43JQYK.cjs +346 -0
- package/dist/chunk-UC43JQYK.cjs.map +1 -0
- package/dist/chunk-UFC4ODW5.js +587 -0
- package/dist/chunk-UFC4ODW5.js.map +1 -0
- package/dist/chunk-UKWBCC7E.cjs +567 -0
- package/dist/chunk-UKWBCC7E.cjs.map +1 -0
- package/dist/claude-code/index.cjs +19 -0
- package/dist/claude-code/index.cjs.map +1 -0
- package/dist/claude-code/index.d.cts +6 -0
- package/dist/claude-code/index.d.ts +6 -0
- package/dist/claude-code/index.js +4 -0
- package/dist/claude-code/index.js.map +1 -0
- package/dist/cursor/index.cjs +19 -0
- package/dist/cursor/index.cjs.map +1 -0
- package/dist/cursor/index.d.cts +6 -0
- package/dist/cursor/index.d.ts +6 -0
- package/dist/cursor/index.js +4 -0
- package/dist/cursor/index.js.map +1 -0
- package/dist/discord/index.cjs +19 -0
- package/dist/discord/index.cjs.map +1 -0
- package/dist/discord/index.d.cts +6 -0
- package/dist/discord/index.d.ts +6 -0
- package/dist/discord/index.js +4 -0
- package/dist/discord/index.js.map +1 -0
- package/dist/imessage/index.cjs +20 -0
- package/dist/imessage/index.cjs.map +1 -0
- package/dist/imessage/index.d.cts +6 -0
- package/dist/imessage/index.d.ts +6 -0
- package/dist/imessage/index.js +5 -0
- package/dist/imessage/index.js.map +1 -0
- package/dist/index.cjs +52 -2664
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +49 -27
- package/dist/index.d.ts +49 -27
- package/dist/index.js +20 -2656
- package/dist/index.js.map +1 -1
- package/dist/messages-macos/index.cjs +20 -0
- package/dist/messages-macos/index.cjs.map +1 -0
- package/dist/messages-macos/index.d.cts +10 -0
- package/dist/messages-macos/index.d.ts +10 -0
- package/dist/messages-macos/index.js +5 -0
- package/dist/messages-macos/index.js.map +1 -0
- package/dist/slack/index.cjs +19 -0
- package/dist/slack/index.cjs.map +1 -0
- package/dist/slack/index.d.cts +6 -0
- package/dist/slack/index.d.ts +6 -0
- package/dist/slack/index.js +4 -0
- package/dist/slack/index.js.map +1 -0
- package/dist/telegram/index.cjs +19 -0
- package/dist/telegram/index.cjs.map +1 -0
- package/dist/telegram/index.d.cts +6 -0
- package/dist/telegram/index.d.ts +6 -0
- package/dist/telegram/index.js +4 -0
- package/dist/telegram/index.js.map +1 -0
- package/dist/whatsapp/index.cjs +19 -0
- package/dist/whatsapp/index.cjs.map +1 -0
- package/dist/whatsapp/index.d.cts +6 -0
- package/dist/whatsapp/index.d.ts +6 -0
- package/dist/whatsapp/index.js +4 -0
- package/dist/whatsapp/index.js.map +1 -0
- package/package.json +49 -5
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var zod = require('zod');
|
|
5
|
+
var skinKit = require('@typecaast/skin-kit');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
// src/cursor/index.ts
|
|
9
|
+
|
|
10
|
+
// src/cursor/tokens.ts
|
|
11
|
+
var CURSOR_COLORS = {
|
|
12
|
+
dark: {
|
|
13
|
+
bg: "#1a1a1a",
|
|
14
|
+
header: "#1a1a1a",
|
|
15
|
+
border: "#2d2d2d",
|
|
16
|
+
text: "#d4d4d4",
|
|
17
|
+
dim: "#858585",
|
|
18
|
+
userBg: "#262626",
|
|
19
|
+
userBorder: "#333333",
|
|
20
|
+
codeBg: "#2a2a2a",
|
|
21
|
+
codeText: "#ce9178",
|
|
22
|
+
accent: "#4d9fff",
|
|
23
|
+
composerBg: "#202020",
|
|
24
|
+
composerBorder: "#3a3a3a",
|
|
25
|
+
placeholder: "#6e6e6e",
|
|
26
|
+
chipBg: "#2a2a2a",
|
|
27
|
+
link: "#4d9fff"
|
|
28
|
+
},
|
|
29
|
+
light: {
|
|
30
|
+
bg: "#ffffff",
|
|
31
|
+
header: "#ffffff",
|
|
32
|
+
border: "#e8e8e8",
|
|
33
|
+
text: "#1e1e1e",
|
|
34
|
+
dim: "#6e6e6e",
|
|
35
|
+
userBg: "#f4f4f4",
|
|
36
|
+
userBorder: "#e8e8e8",
|
|
37
|
+
codeBg: "#f0f0f0",
|
|
38
|
+
codeText: "#a31515",
|
|
39
|
+
accent: "#0a72ff",
|
|
40
|
+
composerBg: "#f9f9f9",
|
|
41
|
+
composerBorder: "#e2e2e2",
|
|
42
|
+
placeholder: "#9a9a9a",
|
|
43
|
+
chipBg: "#f0f0f0",
|
|
44
|
+
link: "#0a72ff"
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
var CURSOR_FONT_STACK = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif';
|
|
48
|
+
var cursorTokens = {
|
|
49
|
+
light: { colors: CURSOR_COLORS.light },
|
|
50
|
+
dark: { colors: CURSOR_COLORS.dark }
|
|
51
|
+
};
|
|
52
|
+
function markStyles(c) {
|
|
53
|
+
return {
|
|
54
|
+
link: { color: c.link, textDecoration: "none" },
|
|
55
|
+
code: {
|
|
56
|
+
fontFamily: "Menlo, Monaco, monospace",
|
|
57
|
+
fontSize: "0.86em",
|
|
58
|
+
background: c.codeBg,
|
|
59
|
+
color: c.codeText,
|
|
60
|
+
borderRadius: 4,
|
|
61
|
+
padding: "1px 4px"
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
var Avatar = () => null;
|
|
66
|
+
var Reaction = () => null;
|
|
67
|
+
var Message = ({ theme, message }) => {
|
|
68
|
+
const c = CURSOR_COLORS[theme];
|
|
69
|
+
const self = message.isSelf;
|
|
70
|
+
if (self) {
|
|
71
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
72
|
+
"div",
|
|
73
|
+
{
|
|
74
|
+
style: { padding: "5px 12px", ...skinKit.fadeSlideIn(message.revealProgress) },
|
|
75
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
style: {
|
|
79
|
+
background: c.userBg,
|
|
80
|
+
border: `1px solid ${c.userBorder}`,
|
|
81
|
+
borderRadius: 8,
|
|
82
|
+
padding: "8px 11px",
|
|
83
|
+
color: c.text,
|
|
84
|
+
fontSize: 13,
|
|
85
|
+
lineHeight: 1.5
|
|
86
|
+
},
|
|
87
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(skinKit.MessageContent, { nodes: message.content, styles: markStyles(c) })
|
|
88
|
+
}
|
|
89
|
+
)
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
94
|
+
"div",
|
|
95
|
+
{
|
|
96
|
+
style: {
|
|
97
|
+
padding: "5px 12px 9px",
|
|
98
|
+
color: c.text,
|
|
99
|
+
fontSize: 13,
|
|
100
|
+
lineHeight: 1.6,
|
|
101
|
+
...skinKit.fadeSlideIn(message.revealProgress)
|
|
102
|
+
},
|
|
103
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(skinKit.MessageContent, { nodes: message.content, styles: markStyles(c) })
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
};
|
|
107
|
+
var SystemMessage = ({ theme, message }) => {
|
|
108
|
+
const c = CURSOR_COLORS[theme];
|
|
109
|
+
const text = message.content.map(
|
|
110
|
+
(n) => n.type === "text" ? n.spans.map((s) => s.value ?? "").join("") : ""
|
|
111
|
+
).join(" ");
|
|
112
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
style: {
|
|
116
|
+
margin: "4px 12px",
|
|
117
|
+
padding: "6px 10px",
|
|
118
|
+
borderLeft: `2px solid ${c.accent}`,
|
|
119
|
+
background: c.userBg,
|
|
120
|
+
borderRadius: 4,
|
|
121
|
+
color: c.dim,
|
|
122
|
+
fontSize: 12,
|
|
123
|
+
fontFamily: "Menlo, monospace",
|
|
124
|
+
...skinKit.fadeSlideIn(message.revealProgress, { distance: 0 })
|
|
125
|
+
},
|
|
126
|
+
children: text
|
|
127
|
+
}
|
|
128
|
+
);
|
|
129
|
+
};
|
|
130
|
+
var TypingIndicator = ({ theme, typing }) => {
|
|
131
|
+
const c = CURSOR_COLORS[theme];
|
|
132
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
133
|
+
"div",
|
|
134
|
+
{
|
|
135
|
+
style: {
|
|
136
|
+
display: "flex",
|
|
137
|
+
alignItems: "center",
|
|
138
|
+
gap: 7,
|
|
139
|
+
padding: "5px 12px",
|
|
140
|
+
color: c.dim,
|
|
141
|
+
fontSize: 12.5
|
|
142
|
+
},
|
|
143
|
+
children: [
|
|
144
|
+
/* @__PURE__ */ jsxRuntime.jsx(skinKit.TypingDots, { progress: typing.progress, color: c.accent, size: 5 }),
|
|
145
|
+
"Generating\u2026"
|
|
146
|
+
]
|
|
147
|
+
}
|
|
148
|
+
);
|
|
149
|
+
};
|
|
150
|
+
var Composer = ({ theme, composer }) => {
|
|
151
|
+
const c = CURSOR_COLORS[theme];
|
|
152
|
+
const hasText = composer.text.length > 0;
|
|
153
|
+
const chip = {
|
|
154
|
+
fontSize: 11,
|
|
155
|
+
color: c.dim,
|
|
156
|
+
background: c.chipBg,
|
|
157
|
+
borderRadius: 5,
|
|
158
|
+
padding: "2px 7px"
|
|
159
|
+
};
|
|
160
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: "0 0 auto", padding: "8px 12px 12px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
161
|
+
"div",
|
|
162
|
+
{
|
|
163
|
+
style: {
|
|
164
|
+
border: `1px solid ${c.composerBorder}`,
|
|
165
|
+
borderRadius: 10,
|
|
166
|
+
background: c.composerBg,
|
|
167
|
+
padding: "9px 11px",
|
|
168
|
+
color: c.text,
|
|
169
|
+
fontSize: 13
|
|
170
|
+
},
|
|
171
|
+
children: [
|
|
172
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: 18 }, children: hasText ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
173
|
+
composer.text,
|
|
174
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: c.accent }, children: "\u258D" })
|
|
175
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: c.placeholder }, children: "Plan, search, build anything" }) }),
|
|
176
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
177
|
+
"div",
|
|
178
|
+
{
|
|
179
|
+
style: {
|
|
180
|
+
display: "flex",
|
|
181
|
+
alignItems: "center",
|
|
182
|
+
justifyContent: "space-between",
|
|
183
|
+
marginTop: 9
|
|
184
|
+
},
|
|
185
|
+
children: [
|
|
186
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 6 }, children: [
|
|
187
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: chip, children: "\u221E Agent" }),
|
|
188
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: chip, children: "claude-4.5-sonnet" })
|
|
189
|
+
] }),
|
|
190
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
191
|
+
"span",
|
|
192
|
+
{
|
|
193
|
+
style: {
|
|
194
|
+
width: 22,
|
|
195
|
+
height: 22,
|
|
196
|
+
borderRadius: 6,
|
|
197
|
+
background: hasText ? c.accent : c.chipBg,
|
|
198
|
+
color: hasText ? "#fff" : c.dim,
|
|
199
|
+
display: "flex",
|
|
200
|
+
alignItems: "center",
|
|
201
|
+
justifyContent: "center",
|
|
202
|
+
fontSize: 13
|
|
203
|
+
},
|
|
204
|
+
children: "\u2191"
|
|
205
|
+
}
|
|
206
|
+
)
|
|
207
|
+
]
|
|
208
|
+
}
|
|
209
|
+
)
|
|
210
|
+
]
|
|
211
|
+
}
|
|
212
|
+
) });
|
|
213
|
+
};
|
|
214
|
+
var Frame = ({
|
|
215
|
+
theme,
|
|
216
|
+
options,
|
|
217
|
+
children
|
|
218
|
+
}) => {
|
|
219
|
+
const c = CURSOR_COLORS[theme];
|
|
220
|
+
const title = typeof options?.title === "string" ? options.title : "Chat";
|
|
221
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
222
|
+
"div",
|
|
223
|
+
{
|
|
224
|
+
style: {
|
|
225
|
+
fontFamily: CURSOR_FONT_STACK,
|
|
226
|
+
background: c.bg,
|
|
227
|
+
color: c.text,
|
|
228
|
+
display: "flex",
|
|
229
|
+
flexDirection: "column",
|
|
230
|
+
height: "100%",
|
|
231
|
+
width: "100%",
|
|
232
|
+
WebkitFontSmoothing: "antialiased"
|
|
233
|
+
},
|
|
234
|
+
children: [
|
|
235
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
236
|
+
"div",
|
|
237
|
+
{
|
|
238
|
+
style: {
|
|
239
|
+
flex: "0 0 auto",
|
|
240
|
+
display: "flex",
|
|
241
|
+
alignItems: "center",
|
|
242
|
+
gap: 8,
|
|
243
|
+
padding: "8px 12px",
|
|
244
|
+
borderBottom: `1px solid ${c.border}`,
|
|
245
|
+
fontSize: 12,
|
|
246
|
+
color: c.dim
|
|
247
|
+
},
|
|
248
|
+
children: [
|
|
249
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, color: c.text }, children: title }),
|
|
250
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto", fontSize: 14 }, children: "\uFF0B" }),
|
|
251
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: "\u22EF" })
|
|
252
|
+
]
|
|
253
|
+
}
|
|
254
|
+
),
|
|
255
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
256
|
+
"div",
|
|
257
|
+
{
|
|
258
|
+
style: {
|
|
259
|
+
flex: "1 1 auto",
|
|
260
|
+
minHeight: 0,
|
|
261
|
+
display: "flex",
|
|
262
|
+
flexDirection: "column",
|
|
263
|
+
justifyContent: "flex-end",
|
|
264
|
+
overflow: "hidden",
|
|
265
|
+
padding: "6px 0"
|
|
266
|
+
},
|
|
267
|
+
children
|
|
268
|
+
}
|
|
269
|
+
)
|
|
270
|
+
]
|
|
271
|
+
}
|
|
272
|
+
);
|
|
273
|
+
};
|
|
274
|
+
var cursorComponents = {
|
|
275
|
+
Frame,
|
|
276
|
+
Message,
|
|
277
|
+
TypingIndicator,
|
|
278
|
+
Reaction,
|
|
279
|
+
Composer,
|
|
280
|
+
SystemMessage,
|
|
281
|
+
Avatar
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
// src/cursor/index.ts
|
|
285
|
+
var cursorCapabilities = {
|
|
286
|
+
events: {
|
|
287
|
+
message: "native",
|
|
288
|
+
composerType: "native",
|
|
289
|
+
send: "native",
|
|
290
|
+
typing: "native",
|
|
291
|
+
system: "native",
|
|
292
|
+
reaction: "unsupported",
|
|
293
|
+
readReceipt: "unsupported",
|
|
294
|
+
edit: "native",
|
|
295
|
+
delete: "native",
|
|
296
|
+
beat: "native"
|
|
297
|
+
},
|
|
298
|
+
content: { text: true, image: true },
|
|
299
|
+
reactions: false,
|
|
300
|
+
threads: false,
|
|
301
|
+
readReceipts: false
|
|
302
|
+
};
|
|
303
|
+
var cursorOptionsSchema = zod.z.object({
|
|
304
|
+
title: zod.z.string().optional()
|
|
305
|
+
});
|
|
306
|
+
var cursor = skinKit.defineSkin({
|
|
307
|
+
id: "cursor",
|
|
308
|
+
meta: {
|
|
309
|
+
name: "Cursor panel",
|
|
310
|
+
defaultCanvas: { width: 400, height: 600 },
|
|
311
|
+
supportsThemes: ["dark", "light"],
|
|
312
|
+
capabilities: cursorCapabilities,
|
|
313
|
+
optionsSchema: cursorOptionsSchema
|
|
314
|
+
},
|
|
315
|
+
components: cursorComponents,
|
|
316
|
+
tokens: cursorTokens
|
|
317
|
+
});
|
|
318
|
+
var cursor_default = cursor;
|
|
319
|
+
|
|
320
|
+
exports.cursor = cursor;
|
|
321
|
+
exports.cursor_default = cursor_default;
|
|
322
|
+
//# sourceMappingURL=chunk-KTQVRSDX.cjs.map
|
|
323
|
+
//# sourceMappingURL=chunk-KTQVRSDX.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/cursor/tokens.ts","../src/cursor/components.tsx","../src/cursor/index.ts"],"names":["jsx","fadeSlideIn","MessageContent","jsxs","TypingDots","z","defineSkin"],"mappings":"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","file":"chunk-KTQVRSDX.cjs","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"]}
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { z } from 'zod';
|
|
3
|
+
import { defineSkin } from '@typecaast/skin-kit';
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
// src/claude-code/index.ts
|
|
7
|
+
|
|
8
|
+
// src/claude-code/tokens.ts
|
|
9
|
+
var TUI_COLORS = {
|
|
10
|
+
bg: "#1a1a1a",
|
|
11
|
+
titleBar: "#2a2a2a",
|
|
12
|
+
border: "#3a3a3a",
|
|
13
|
+
text: "#e6e6e6",
|
|
14
|
+
dim: "#8b8b8b",
|
|
15
|
+
prompt: "#d97757",
|
|
16
|
+
// Claude coral
|
|
17
|
+
accent: "#d97757",
|
|
18
|
+
spinner: "#d97757",
|
|
19
|
+
system: "#7aa2f7",
|
|
20
|
+
// tool/blue
|
|
21
|
+
cursor: "#d97757",
|
|
22
|
+
dotRed: "#ff5f56",
|
|
23
|
+
dotYellow: "#ffbd2e",
|
|
24
|
+
dotGreen: "#27c93f"
|
|
25
|
+
};
|
|
26
|
+
var MONO_STACK = '"JetBrains Mono", "SF Mono", Menlo, Monaco, "Cascadia Code", "Roboto Mono", monospace';
|
|
27
|
+
function flatten(content) {
|
|
28
|
+
return content.map((node) => {
|
|
29
|
+
if (node.type === "text") {
|
|
30
|
+
const spans = node.spans;
|
|
31
|
+
return spans.map(
|
|
32
|
+
(s) => typeof s.value === "string" ? s.value : typeof s.label === "string" ? s.label : typeof s.href === "string" ? s.href : ""
|
|
33
|
+
).join("");
|
|
34
|
+
}
|
|
35
|
+
if (node.type === "image") {
|
|
36
|
+
const alt = node.alt;
|
|
37
|
+
return `[image${alt ? `: ${alt}` : ""}]`;
|
|
38
|
+
}
|
|
39
|
+
return "";
|
|
40
|
+
}).join(" ");
|
|
41
|
+
}
|
|
42
|
+
function streamed(text, progress) {
|
|
43
|
+
if (progress >= 1) return text;
|
|
44
|
+
return text.slice(0, Math.round(progress * text.length));
|
|
45
|
+
}
|
|
46
|
+
var lineStyle = {
|
|
47
|
+
padding: "2px 0",
|
|
48
|
+
whiteSpace: "pre-wrap",
|
|
49
|
+
wordBreak: "break-word"
|
|
50
|
+
};
|
|
51
|
+
var Avatar = () => null;
|
|
52
|
+
var Reaction = ({ reaction }) => /* @__PURE__ */ jsxs("span", { style: { color: TUI_COLORS.dim }, children: [
|
|
53
|
+
" ",
|
|
54
|
+
reaction.emoji
|
|
55
|
+
] });
|
|
56
|
+
var SPINNER = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
|
|
57
|
+
var TypingIndicator = ({ typing }) => {
|
|
58
|
+
const frame = Math.floor(typing.progress * SPINNER.length * 6) % SPINNER.length;
|
|
59
|
+
return /* @__PURE__ */ jsxs("div", { style: { ...lineStyle, color: TUI_COLORS.dim }, children: [
|
|
60
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.spinner }, children: SPINNER[frame] }),
|
|
61
|
+
" Thinking\u2026"
|
|
62
|
+
] });
|
|
63
|
+
};
|
|
64
|
+
var Message = ({ message }) => {
|
|
65
|
+
const text = streamed(flatten(message.content), message.revealProgress);
|
|
66
|
+
if (message.isSelf) {
|
|
67
|
+
return /* @__PURE__ */ jsxs("div", { style: { ...lineStyle, display: "flex", gap: 8 }, children: [
|
|
68
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.prompt }, children: "\u276F" }),
|
|
69
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.text }, children: text })
|
|
70
|
+
] });
|
|
71
|
+
}
|
|
72
|
+
return /* @__PURE__ */ jsxs("div", { style: { ...lineStyle, display: "flex", gap: 8 }, children: [
|
|
73
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.accent }, children: "\u23FA" }),
|
|
74
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.text }, children: text })
|
|
75
|
+
] });
|
|
76
|
+
};
|
|
77
|
+
var SystemMessage = ({ message }) => {
|
|
78
|
+
const text = streamed(flatten(message.content), message.revealProgress);
|
|
79
|
+
return /* @__PURE__ */ jsxs("div", { style: { ...lineStyle, display: "flex", gap: 8, color: TUI_COLORS.dim }, children: [
|
|
80
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.system }, children: "\u23BF" }),
|
|
81
|
+
/* @__PURE__ */ jsx("span", { children: text })
|
|
82
|
+
] });
|
|
83
|
+
};
|
|
84
|
+
var Composer = ({ composer }) => /* @__PURE__ */ jsxs(
|
|
85
|
+
"div",
|
|
86
|
+
{
|
|
87
|
+
style: {
|
|
88
|
+
display: "flex",
|
|
89
|
+
gap: 8,
|
|
90
|
+
padding: "6px 0 2px",
|
|
91
|
+
marginTop: 6,
|
|
92
|
+
borderTop: `1px solid ${TUI_COLORS.border}`
|
|
93
|
+
},
|
|
94
|
+
children: [
|
|
95
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.prompt }, children: "\u276F" }),
|
|
96
|
+
/* @__PURE__ */ jsxs("span", { style: { whiteSpace: "pre-wrap", color: TUI_COLORS.text }, children: [
|
|
97
|
+
composer.text,
|
|
98
|
+
/* @__PURE__ */ jsx("span", { style: { color: TUI_COLORS.cursor }, children: "\u2588" })
|
|
99
|
+
] })
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
var Dot = ({ color }) => /* @__PURE__ */ jsx(
|
|
104
|
+
"span",
|
|
105
|
+
{
|
|
106
|
+
style: {
|
|
107
|
+
width: 11,
|
|
108
|
+
height: 11,
|
|
109
|
+
borderRadius: "50%",
|
|
110
|
+
background: color,
|
|
111
|
+
display: "inline-block"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
var Frame = ({
|
|
116
|
+
options,
|
|
117
|
+
children
|
|
118
|
+
}) => {
|
|
119
|
+
const title = typeof options?.title === "string" ? options.title : "claude \u2014 typecaast";
|
|
120
|
+
return /* @__PURE__ */ jsxs(
|
|
121
|
+
"div",
|
|
122
|
+
{
|
|
123
|
+
style: {
|
|
124
|
+
fontFamily: MONO_STACK,
|
|
125
|
+
background: TUI_COLORS.bg,
|
|
126
|
+
color: TUI_COLORS.text,
|
|
127
|
+
display: "flex",
|
|
128
|
+
flexDirection: "column",
|
|
129
|
+
height: "100%",
|
|
130
|
+
width: "100%",
|
|
131
|
+
fontSize: 13,
|
|
132
|
+
lineHeight: 1.5,
|
|
133
|
+
WebkitFontSmoothing: "antialiased"
|
|
134
|
+
},
|
|
135
|
+
children: [
|
|
136
|
+
/* @__PURE__ */ jsxs(
|
|
137
|
+
"div",
|
|
138
|
+
{
|
|
139
|
+
style: {
|
|
140
|
+
flex: "0 0 auto",
|
|
141
|
+
height: 30,
|
|
142
|
+
background: TUI_COLORS.titleBar,
|
|
143
|
+
display: "flex",
|
|
144
|
+
alignItems: "center",
|
|
145
|
+
gap: 8,
|
|
146
|
+
padding: "0 12px",
|
|
147
|
+
borderBottom: `1px solid ${TUI_COLORS.border}`
|
|
148
|
+
},
|
|
149
|
+
children: [
|
|
150
|
+
/* @__PURE__ */ jsx(Dot, { color: TUI_COLORS.dotRed }),
|
|
151
|
+
/* @__PURE__ */ jsx(Dot, { color: TUI_COLORS.dotYellow }),
|
|
152
|
+
/* @__PURE__ */ jsx(Dot, { color: TUI_COLORS.dotGreen }),
|
|
153
|
+
/* @__PURE__ */ jsx("span", { style: { marginLeft: 6, color: TUI_COLORS.dim, fontSize: 12 }, children: title })
|
|
154
|
+
]
|
|
155
|
+
}
|
|
156
|
+
),
|
|
157
|
+
/* @__PURE__ */ jsx(
|
|
158
|
+
"div",
|
|
159
|
+
{
|
|
160
|
+
style: {
|
|
161
|
+
flex: "1 1 auto",
|
|
162
|
+
minHeight: 0,
|
|
163
|
+
display: "flex",
|
|
164
|
+
flexDirection: "column",
|
|
165
|
+
padding: "10px 14px",
|
|
166
|
+
overflow: "hidden"
|
|
167
|
+
},
|
|
168
|
+
children
|
|
169
|
+
}
|
|
170
|
+
)
|
|
171
|
+
]
|
|
172
|
+
}
|
|
173
|
+
);
|
|
174
|
+
};
|
|
175
|
+
var tuiComponents = {
|
|
176
|
+
Frame,
|
|
177
|
+
Message,
|
|
178
|
+
TypingIndicator,
|
|
179
|
+
Reaction,
|
|
180
|
+
Composer,
|
|
181
|
+
SystemMessage,
|
|
182
|
+
Avatar
|
|
183
|
+
};
|
|
184
|
+
|
|
185
|
+
// src/claude-code/capabilities.ts
|
|
186
|
+
var tuiCapabilities = {
|
|
187
|
+
events: {
|
|
188
|
+
message: "native",
|
|
189
|
+
composerType: "native",
|
|
190
|
+
send: "native",
|
|
191
|
+
typing: "native",
|
|
192
|
+
// spinner
|
|
193
|
+
system: "native",
|
|
194
|
+
// tool/output lines
|
|
195
|
+
reaction: "unsupported",
|
|
196
|
+
readReceipt: "unsupported",
|
|
197
|
+
edit: "native",
|
|
198
|
+
delete: "native",
|
|
199
|
+
beat: "native"
|
|
200
|
+
},
|
|
201
|
+
content: {
|
|
202
|
+
text: true,
|
|
203
|
+
image: false
|
|
204
|
+
// terminals don't render images
|
|
205
|
+
},
|
|
206
|
+
reactions: false,
|
|
207
|
+
threads: false,
|
|
208
|
+
readReceipts: false
|
|
209
|
+
};
|
|
210
|
+
|
|
211
|
+
// src/claude-code/fonts.ts
|
|
212
|
+
var tuiFonts = [
|
|
213
|
+
{
|
|
214
|
+
family: "JetBrains Mono",
|
|
215
|
+
weights: [400, 700],
|
|
216
|
+
sources: [
|
|
217
|
+
{
|
|
218
|
+
url: "https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.woff2",
|
|
219
|
+
weight: 400,
|
|
220
|
+
format: "woff2"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
url: "https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-700-normal.woff2",
|
|
224
|
+
weight: 700,
|
|
225
|
+
format: "woff2"
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
];
|
|
230
|
+
|
|
231
|
+
// src/claude-code/index.ts
|
|
232
|
+
var tuiOptionsSchema = z.object({
|
|
233
|
+
/** Title-bar label (e.g. `"claude — zsh"`). */
|
|
234
|
+
title: z.string().optional()
|
|
235
|
+
});
|
|
236
|
+
var claudeCode = defineSkin({
|
|
237
|
+
id: "claude-code",
|
|
238
|
+
meta: {
|
|
239
|
+
name: "Claude Code (TUI)",
|
|
240
|
+
defaultCanvas: { width: 720, height: 480 },
|
|
241
|
+
supportsThemes: ["dark"],
|
|
242
|
+
capabilities: tuiCapabilities,
|
|
243
|
+
optionsSchema: tuiOptionsSchema,
|
|
244
|
+
fonts: tuiFonts
|
|
245
|
+
},
|
|
246
|
+
components: tuiComponents
|
|
247
|
+
});
|
|
248
|
+
var claude_code_default = claudeCode;
|
|
249
|
+
|
|
250
|
+
export { claudeCode, claude_code_default };
|
|
251
|
+
//# sourceMappingURL=chunk-M54H2ZJJ.js.map
|
|
252
|
+
//# sourceMappingURL=chunk-M54H2ZJJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/claude-code/tokens.ts","../src/claude-code/components.tsx","../src/claude-code/capabilities.ts","../src/claude-code/fonts.ts","../src/claude-code/index.ts"],"names":[],"mappings":"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","file":"chunk-M54H2ZJJ.js","sourcesContent":["/** The Claude Code TUI palette — dark only (terminals are single-mode). */\nexport interface TuiColors {\n bg: string;\n titleBar: string;\n border: string;\n text: string;\n dim: string;\n prompt: string;\n accent: string;\n spinner: string;\n system: string;\n cursor: string;\n dotRed: string;\n dotYellow: string;\n dotGreen: string;\n}\n\nexport const TUI_COLORS: TuiColors = {\n bg: \"#1a1a1a\",\n titleBar: \"#2a2a2a\",\n border: \"#3a3a3a\",\n text: \"#e6e6e6\",\n dim: \"#8b8b8b\",\n prompt: \"#d97757\", // Claude coral\n accent: \"#d97757\",\n spinner: \"#d97757\",\n system: \"#7aa2f7\", // tool/blue\n cursor: \"#d97757\",\n dotRed: \"#ff5f56\",\n dotYellow: \"#ffbd2e\",\n dotGreen: \"#27c93f\",\n};\n\nexport const MONO_STACK =\n '\"JetBrains Mono\", \"SF Mono\", Menlo, Monaco, \"Cascadia Code\", \"Roboto Mono\", monospace';\n","import type { CSSProperties, FC, ReactNode } from \"react\";\nimport type { ContentNode } from \"@typecaast/schema\";\nimport type {\n AvatarProps,\n ComposerProps,\n FrameProps,\n MessageProps,\n ReactionProps,\n SystemProps,\n TypingProps,\n} from \"@typecaast/core\";\nimport { TUI_COLORS as c, MONO_STACK } from \"./tokens.js\";\n\n/** Flatten content to a plain string (terminals render text, not rich marks). */\nfunction flatten(content: ContentNode[]): string {\n return content\n .map((node) => {\n if (node.type === \"text\") {\n const spans = (node as { spans: Array<Record<string, unknown>> }).spans;\n return spans\n .map((s) =>\n typeof s.value === \"string\"\n ? s.value\n : typeof s.label === \"string\"\n ? s.label\n : typeof s.href === \"string\"\n ? s.href\n : \"\",\n )\n .join(\"\");\n }\n if (node.type === \"image\") {\n const alt = (node as { alt?: string }).alt;\n return `[image${alt ? `: ${alt}` : \"\"}]`;\n }\n return \"\";\n })\n .join(\" \");\n}\n\n/** Reveal text by progress to mimic streaming output. */\nfunction streamed(text: string, progress: number): string {\n if (progress >= 1) return text;\n return text.slice(0, Math.round(progress * text.length));\n}\n\nconst lineStyle: CSSProperties = {\n padding: \"2px 0\",\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n};\n\nconst Avatar: FC<AvatarProps> = () => null;\n\nconst Reaction: FC<ReactionProps> = ({ reaction }) => (\n <span style={{ color: c.dim }}> {reaction.emoji}</span>\n);\n\nconst SPINNER = [\"⠋\", \"⠙\", \"⠹\", \"⠸\", \"⠼\", \"⠴\", \"⠦\", \"⠧\", \"⠇\", \"⠏\"];\n\nconst TypingIndicator: FC<TypingProps> = ({ typing }) => {\n const frame =\n Math.floor(typing.progress * SPINNER.length * 6) % SPINNER.length;\n return (\n <div style={{ ...lineStyle, color: c.dim }}>\n <span style={{ color: c.spinner }}>{SPINNER[frame]}</span> Thinking…\n </div>\n );\n};\n\nconst Message: FC<MessageProps> = ({ message }) => {\n const text = streamed(flatten(message.content), message.revealProgress);\n if (message.isSelf) {\n return (\n <div style={{ ...lineStyle, display: \"flex\", gap: 8 }}>\n <span style={{ color: c.prompt }}>❯</span>\n <span style={{ color: c.text }}>{text}</span>\n </div>\n );\n }\n return (\n <div style={{ ...lineStyle, display: \"flex\", gap: 8 }}>\n <span style={{ color: c.accent }}>⏺</span>\n <span style={{ color: c.text }}>{text}</span>\n </div>\n );\n};\n\nconst SystemMessage: FC<SystemProps> = ({ message }) => {\n const text = streamed(flatten(message.content), message.revealProgress);\n return (\n <div style={{ ...lineStyle, display: \"flex\", gap: 8, color: c.dim }}>\n <span style={{ color: c.system }}>⎿</span>\n <span>{text}</span>\n </div>\n );\n};\n\nconst Composer: FC<ComposerProps> = ({ composer }) => (\n <div\n style={{\n display: \"flex\",\n gap: 8,\n padding: \"6px 0 2px\",\n marginTop: 6,\n borderTop: `1px solid ${c.border}`,\n }}\n >\n <span style={{ color: c.prompt }}>❯</span>\n <span style={{ whiteSpace: \"pre-wrap\", color: c.text }}>\n {composer.text}\n <span style={{ color: c.cursor }}>█</span>\n </span>\n </div>\n);\n\nconst Dot: FC<{ color: string }> = ({ color }) => (\n <span\n style={{\n width: 11,\n height: 11,\n borderRadius: \"50%\",\n background: color,\n display: \"inline-block\",\n }}\n />\n);\n\nconst Frame: FC<FrameProps & { children?: ReactNode }> = ({\n options,\n children,\n}) => {\n const title =\n typeof options?.title === \"string\" ? options.title : \"claude — typecaast\";\n return (\n <div\n style={{\n fontFamily: MONO_STACK,\n background: c.bg,\n color: c.text,\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n width: \"100%\",\n fontSize: 13,\n lineHeight: 1.5,\n WebkitFontSmoothing: \"antialiased\",\n }}\n >\n <div\n style={{\n flex: \"0 0 auto\",\n height: 30,\n background: c.titleBar,\n display: \"flex\",\n alignItems: \"center\",\n gap: 8,\n padding: \"0 12px\",\n borderBottom: `1px solid ${c.border}`,\n }}\n >\n <Dot color={c.dotRed} />\n <Dot color={c.dotYellow} />\n <Dot color={c.dotGreen} />\n <span style={{ marginLeft: 6, color: c.dim, fontSize: 12 }}>\n {title}\n </span>\n </div>\n <div\n style={{\n flex: \"1 1 auto\",\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n padding: \"10px 14px\",\n overflow: \"hidden\",\n }}\n >\n {children}\n </div>\n </div>\n );\n};\n\nexport const tuiComponents = {\n Frame,\n Message,\n TypingIndicator,\n Reaction,\n Composer,\n SystemMessage,\n Avatar,\n};\n","import type { Capabilities } from \"@typecaast/skin-kit\";\n\n/** A terminal has no avatars/reactions/threads; typing is a spinner. */\nexport const tuiCapabilities: Capabilities = {\n events: {\n message: \"native\",\n composerType: \"native\",\n send: \"native\",\n typing: \"native\", // spinner\n system: \"native\", // tool/output lines\n reaction: \"unsupported\",\n readReceipt: \"unsupported\",\n edit: \"native\",\n delete: \"native\",\n beat: \"native\",\n },\n content: {\n text: true,\n image: false, // terminals don't render images\n },\n reactions: false,\n threads: false,\n readReceipts: false,\n};\n","import type { FontDeclaration } from \"@typecaast/skin-kit\";\n\n/**\n * The TUI uses **JetBrains Mono** (OFL, bundleable). Sources point at the\n * Fontsource CDN woff2 files; real bundling lands with the font-map gate.\n */\nexport const tuiFonts: FontDeclaration[] = [\n {\n family: \"JetBrains Mono\",\n weights: [400, 700],\n sources: [\n {\n url: \"https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.woff2\",\n weight: 400,\n format: \"woff2\",\n },\n {\n url: \"https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-700-normal.woff2\",\n weight: 700,\n format: \"woff2\",\n },\n ],\n },\n];\n","import { z } from \"zod\";\nimport { defineSkin } from \"@typecaast/skin-kit\";\nimport { tuiComponents } from \"./components.js\";\nimport { tuiCapabilities } from \"./capabilities.js\";\nimport { tuiFonts } from \"./fonts.js\";\n\nconst tuiOptionsSchema = z.object({\n /** Title-bar label (e.g. `\"claude — zsh\"`). */\n title: z.string().optional(),\n});\n\n/** A Claude Code-style terminal (TUI) skin. Dark-only, streaming output. */\nexport const claudeCode = defineSkin({\n id: \"claude-code\",\n meta: {\n name: \"Claude Code (TUI)\",\n defaultCanvas: { width: 720, height: 480 },\n supportsThemes: [\"dark\"],\n capabilities: tuiCapabilities,\n optionsSchema: tuiOptionsSchema,\n fonts: tuiFonts,\n },\n components: tuiComponents,\n});\n\n/** Default export so `@typecaast/skins/claude-code` can be lazy-imported uniformly. */\nexport default claudeCode;\n"]}
|