@tutti-os/workspace-file-preview 0.0.2 → 0.0.3
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/react/index.js +5 -5
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
package/dist/react/index.js
CHANGED
|
@@ -9,20 +9,20 @@ function WorkspaceFilePreviewSurface({
|
|
|
9
9
|
imageFrameClassName,
|
|
10
10
|
loadingIndicator,
|
|
11
11
|
loadingMessage,
|
|
12
|
-
messageClassName = "max-w-[24ch] text-center text-
|
|
12
|
+
messageClassName = "max-w-[24ch] text-center text-[13px] leading-5 text-[var(--text-tertiary)] [overflow-wrap:anywhere]",
|
|
13
13
|
renderIcon,
|
|
14
14
|
state,
|
|
15
|
-
textClassName = "h-full overflow-auto p-4 text-
|
|
15
|
+
textClassName = "h-full overflow-auto p-4 text-[11px] leading-5 whitespace-pre-wrap break-words text-[var(--text-primary)]",
|
|
16
16
|
textFrameClassName
|
|
17
17
|
}) {
|
|
18
18
|
switch (state.status) {
|
|
19
19
|
case "directory":
|
|
20
|
-
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2.5 text-center text-
|
|
20
|
+
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2.5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: [
|
|
21
21
|
renderIcon(state.entry),
|
|
22
22
|
/* @__PURE__ */ jsx("span", { children: directoryMessage })
|
|
23
23
|
] }) });
|
|
24
24
|
case "loading":
|
|
25
|
-
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 text-center text-
|
|
25
|
+
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 text-center text-[13px] text-[var(--text-tertiary)]", children: [
|
|
26
26
|
loadingIndicator,
|
|
27
27
|
/* @__PURE__ */ jsx("span", { children: loadingMessage })
|
|
28
28
|
] }) });
|
|
@@ -52,7 +52,7 @@ function WorkspaceFilePreviewSurface({
|
|
|
52
52
|
case "readonly":
|
|
53
53
|
case "unsupported":
|
|
54
54
|
case "error":
|
|
55
|
-
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 text-center text-
|
|
55
|
+
return /* @__PURE__ */ jsx(WorkspaceFilePreviewFrame, { className: frameClassName, children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 text-center text-[13px] text-[var(--text-tertiary)]", children: [
|
|
56
56
|
renderIcon(state.entry),
|
|
57
57
|
/* @__PURE__ */ jsx("span", { className: messageClassName, children: state.message })
|
|
58
58
|
] }) });
|
package/dist/react/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/workspaceFilePreviewSurface.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\n\nexport type WorkspaceFilePreviewSurfaceState<TEntry> =\n | { status: \"empty\" }\n | { entry: TEntry; status: \"directory\" }\n | { entry: TEntry; status: \"loading\" }\n | { content: string; entry: TEntry; status: \"text\" }\n | { entry: TEntry; objectUrl: string; status: \"image\" }\n | { entry: TEntry; message: string; status: \"readonly\" }\n | { entry: TEntry; message: string; status: \"unsupported\" }\n | { entry: TEntry; message: string; status: \"error\" };\n\nexport interface WorkspaceFilePreviewSurfaceProps<TEntry> {\n directoryMessage: string;\n emptyMessage: string;\n frameClassName: string;\n imageAlt: (entry: TEntry) => string;\n imageFrameClassName?: string;\n imageClassName?: string;\n loadingIndicator: ReactNode;\n loadingMessage: string;\n messageClassName?: string;\n renderIcon: (entry: TEntry) => ReactNode;\n state: WorkspaceFilePreviewSurfaceState<TEntry>;\n textClassName?: string;\n textFrameClassName?: string;\n}\n\nexport function WorkspaceFilePreviewSurface<TEntry>({\n directoryMessage,\n emptyMessage,\n frameClassName,\n imageAlt,\n imageClassName = \"max-h-full max-w-full rounded-[6px] object-contain\",\n imageFrameClassName,\n loadingIndicator,\n loadingMessage,\n messageClassName = \"max-w-[24ch] text-center text-
|
|
1
|
+
{"version":3,"sources":["../../src/react/workspaceFilePreviewSurface.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\n\nexport type WorkspaceFilePreviewSurfaceState<TEntry> =\n | { status: \"empty\" }\n | { entry: TEntry; status: \"directory\" }\n | { entry: TEntry; status: \"loading\" }\n | { content: string; entry: TEntry; status: \"text\" }\n | { entry: TEntry; objectUrl: string; status: \"image\" }\n | { entry: TEntry; message: string; status: \"readonly\" }\n | { entry: TEntry; message: string; status: \"unsupported\" }\n | { entry: TEntry; message: string; status: \"error\" };\n\nexport interface WorkspaceFilePreviewSurfaceProps<TEntry> {\n directoryMessage: string;\n emptyMessage: string;\n frameClassName: string;\n imageAlt: (entry: TEntry) => string;\n imageFrameClassName?: string;\n imageClassName?: string;\n loadingIndicator: ReactNode;\n loadingMessage: string;\n messageClassName?: string;\n renderIcon: (entry: TEntry) => ReactNode;\n state: WorkspaceFilePreviewSurfaceState<TEntry>;\n textClassName?: string;\n textFrameClassName?: string;\n}\n\nexport function WorkspaceFilePreviewSurface<TEntry>({\n directoryMessage,\n emptyMessage,\n frameClassName,\n imageAlt,\n imageClassName = \"max-h-full max-w-full rounded-[6px] object-contain\",\n imageFrameClassName,\n loadingIndicator,\n loadingMessage,\n messageClassName = \"max-w-[24ch] text-center text-[13px] leading-5 text-[var(--text-tertiary)] [overflow-wrap:anywhere]\",\n renderIcon,\n state,\n textClassName = \"h-full overflow-auto p-4 text-[11px] leading-5 whitespace-pre-wrap break-words text-[var(--text-primary)]\",\n textFrameClassName\n}: WorkspaceFilePreviewSurfaceProps<TEntry>): ReactElement {\n switch (state.status) {\n case \"directory\":\n return (\n <WorkspaceFilePreviewFrame className={frameClassName}>\n <div className=\"flex flex-col items-center justify-center gap-2.5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]\">\n {renderIcon(state.entry)}\n <span>{directoryMessage}</span>\n </div>\n </WorkspaceFilePreviewFrame>\n );\n case \"loading\":\n return (\n <WorkspaceFilePreviewFrame className={frameClassName}>\n <div className=\"space-y-3 px-4 text-center text-[13px] text-[var(--text-tertiary)]\">\n {loadingIndicator}\n <span>{loadingMessage}</span>\n </div>\n </WorkspaceFilePreviewFrame>\n );\n case \"image\":\n return (\n <WorkspaceFilePreviewFrame\n className={joinClassNames(frameClassName, imageFrameClassName)}\n >\n <img\n alt={imageAlt(state.entry)}\n className={imageClassName}\n src={state.objectUrl}\n />\n </WorkspaceFilePreviewFrame>\n );\n case \"text\":\n return (\n <WorkspaceFilePreviewFrame\n className={joinClassNames(frameClassName, textFrameClassName)}\n >\n <pre className={textClassName}>{state.content}</pre>\n </WorkspaceFilePreviewFrame>\n );\n case \"readonly\":\n case \"unsupported\":\n case \"error\":\n return (\n <WorkspaceFilePreviewFrame className={frameClassName}>\n <div className=\"space-y-3 px-4 text-center text-[13px] text-[var(--text-tertiary)]\">\n {renderIcon(state.entry)}\n <span className={messageClassName}>{state.message}</span>\n </div>\n </WorkspaceFilePreviewFrame>\n );\n case \"empty\":\n return (\n <WorkspaceFilePreviewFrame className={frameClassName}>\n <span className={messageClassName}>{emptyMessage}</span>\n </WorkspaceFilePreviewFrame>\n );\n }\n}\n\nfunction WorkspaceFilePreviewFrame({\n children,\n className\n}: {\n children: ReactNode;\n className: string;\n}): ReactElement {\n return <div className={className}>{children}</div>;\n}\n\nfunction joinClassNames(\n ...classNames: Array<string | false | null | undefined>\n): string {\n return classNames.filter(Boolean).join(\" \");\n}\n"],"mappings":";AA+CU,SAEE,KAFF;AAnBH,SAAS,4BAAoC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AACF,GAA2D;AACzD,UAAQ,MAAM,QAAQ;AAAA,IACpB,KAAK;AACH,aACE,oBAAC,6BAA0B,WAAW,gBACpC,+BAAC,SAAI,WAAU,mHACZ;AAAA,mBAAW,MAAM,KAAK;AAAA,QACvB,oBAAC,UAAM,4BAAiB;AAAA,SAC1B,GACF;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,6BAA0B,WAAW,gBACpC,+BAAC,SAAI,WAAU,sEACZ;AAAA;AAAA,QACD,oBAAC,UAAM,0BAAe;AAAA,SACxB,GACF;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,eAAe,gBAAgB,mBAAmB;AAAA,UAE7D;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,SAAS,MAAM,KAAK;AAAA,cACzB,WAAW;AAAA,cACX,KAAK,MAAM;AAAA;AAAA,UACb;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,eAAe,gBAAgB,kBAAkB;AAAA,UAE5D,8BAAC,SAAI,WAAW,eAAgB,gBAAM,SAAQ;AAAA;AAAA,MAChD;AAAA,IAEJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aACE,oBAAC,6BAA0B,WAAW,gBACpC,+BAAC,SAAI,WAAU,sEACZ;AAAA,mBAAW,MAAM,KAAK;AAAA,QACvB,oBAAC,UAAK,WAAW,kBAAmB,gBAAM,SAAQ;AAAA,SACpD,GACF;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,6BAA0B,WAAW,gBACpC,8BAAC,UAAK,WAAW,kBAAmB,wBAAa,GACnD;AAAA,EAEN;AACF;AAEA,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AACF,GAGiB;AACf,SAAO,oBAAC,SAAI,WAAuB,UAAS;AAC9C;AAEA,SAAS,kBACJ,YACK;AACR,SAAO,WAAW,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5C;","names":[]}
|