@braedonsaunders/appkit-forms 0.2.2

package/production-file-upload.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Camera, FileUp, Loader2, Trash2 } from 'lucide-react';
+import { Button, uploadReservedFile, } from '@braedonsaunders/appkit-ui';
+function kindFromType(mime) {
+    if (mime.startsWith('image/'))
+        return 'image';
+    if (mime.startsWith('video/'))
+        return 'video';
+    if (mime.startsWith('audio/'))
+        return 'audio';
+    if (mime === 'application/pdf' || mime.includes('document') || mime.includes('sheet')) {
+        return 'document';
+    }
+    return 'other';
+}
+/**
+ * Production form-field uploader: controlled attachments, environment camera
+ * capture, bounded counts, reserved upload/finalize protocol, previews, and
+ * removal. Storage policy remains an injected application boundary.
+ */
+export function ProductionFileUpload({ value, onChange, requestUpload, finalizeUpload, accept, multiple = true, maxFiles, onUploadingChange, variant = 'file', }) {
+    const inputRef = React.useRef(null);
+    const [pending, startTransition] = React.useTransition();
+    const [error, setError] = React.useState(null);
+    const uploadingCallback = React.useRef(onUploadingChange);
+    React.useEffect(() => {
+        uploadingCallback.current = onUploadingChange;
+    }, [onUploadingChange]);
+    React.useEffect(() => {
+        uploadingCallback.current?.(pending);
+    }, [pending]);
+    React.useEffect(() => () => uploadingCallback.current?.(false), []);
+    async function uploadOne(file) {
+        const request = await requestUpload({
+            kind: kindFromType(file.type),
+            filename: file.name,
+            contentType: file.type || 'application/octet-stream',
+            sizeBytes: file.size,
+        });
+        if (!request.ok) {
+            setError(request.error);
+            return null;
+        }
+        let finalizeInput;
+        try {
+            finalizeInput = await uploadReservedFile(request, file);
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : 'Upload failed.');
+            return null;
+        }
+        const finalized = await finalizeUpload(finalizeInput);
+        if (!finalized.ok) {
+            setError(finalized.error);
+            return null;
+        }
+        return {
+            attachmentId: finalized.attachmentId,
+            filename: file.name,
+            contentType: file.type || 'application/octet-stream',
+            url: finalized.url,
+        };
+    }
+    function onFiles(files) {
+        if (!files || files.length === 0)
+            return;
+        const remaining = maxFiles === undefined ? files.length : Math.max(0, maxFiles - value.length);
+        if (remaining === 0) {
+            setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'}.`);
+            return;
+        }
+        setError(null);
+        startTransition(async () => {
+            const uploaded = [];
+            for (const file of Array.from(files).slice(0, remaining)) {
+                const result = await uploadOne(file);
+                if (result)
+                    uploaded.push(result);
+            }
+            onChange([...value, ...uploaded]);
+            if (inputRef.current)
+                inputRef.current.value = '';
+        });
+    }
+    const acceptValue = accept ?? (variant === 'photo' ? 'image/*'
+        : variant === 'video' ? 'video/*'
+            : variant === 'audio' ? 'audio/*'
+                : undefined);
+    const atLimit = maxFiles !== undefined && value.length >= maxFiles;
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("input", { ref: inputRef, type: "file", accept: acceptValue, multiple: multiple, capture: variant === 'photo' ? 'environment' : undefined, className: "hidden", onChange: (event) => onFiles(event.target.files) }), _jsxs("button", { type: "button", onClick: () => inputRef.current?.click(), disabled: pending || atLimit, className: "flex w-full items-center justify-center gap-2 rounded-md border border-dashed border-border-strong bg-bg-subtle px-3 py-6 text-sm text-fg-muted transition-colors hover:border-primary hover:bg-primary-subtle disabled:opacity-50", children: [pending ? _jsx(Loader2, { size: 16, className: "animate-spin" }) : variant === 'photo' ? _jsx(Camera, { size: 16 }) : _jsx(FileUp, { size: 16 }), atLimit ? `Maximum ${maxFiles} files` : pending ? 'Uploading…' : variant === 'photo' ? 'Add photo' : variant === 'video' ? 'Add video' : variant === 'audio' ? 'Add audio' : 'Add file'] }), error ? _jsx("p", { role: "alert", className: "text-xs text-danger", children: error }) : null, value.length > 0 ? (_jsx("ul", { className: "space-y-1.5", children: value.map((file) => (_jsxs("li", { className: "flex items-center justify-between gap-2 rounded-md border border-border bg-surface px-2 py-1.5 text-xs", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [file.contentType.startsWith('image/') ? (
+                                // The host supplies access-controlled attachment URLs.
+                                _jsx("img", { src: file.url, alt: "", className: "size-10 shrink-0 rounded object-cover" })) : (_jsx("span", { className: "grid size-10 shrink-0 place-items-center rounded bg-bg-subtle text-fg-subtle", children: _jsx(FileUp, { size: 14 }) })), _jsx("span", { className: "truncate font-medium text-fg", children: file.filename })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onChange(value.filter((candidate) => candidate.attachmentId !== file.attachmentId)), children: _jsx(Trash2, { size: 12, className: "text-danger" }) })] }, file.attachmentId))) })) : null] }));
+}
+export function dataUrlToFile(dataUrl, filename) {
+    const [metadata, encoded] = dataUrl.split(',');
+    const mime = metadata?.match(/data:([^;]+)/)?.[1] ?? 'application/octet-stream';
+    const binary = atob(encoded ?? '');
+    const bytes = new Uint8Array(binary.length);
+    for (let index = 0; index < binary.length; index += 1)
+        bytes[index] = binary.charCodeAt(index);
+    return new File([bytes], filename, { type: mime });
+}
+//# sourceMappingURL=production-file-upload.js.map

package/production-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"production-file-upload.js","sourceRoot":"","sources":["../src/production-file-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Camera, FileUp, Loader2, Trash2 } from 'lucide-react'\nimport {\n  Button,\n  uploadReservedFile,\n  type FinalizeUploadAction,\n  type RequestUploadAction,\n} from '@braedonsaunders/appkit-ui'\n\nexport type ProductionAttachedFile = {\n  attachmentId: string\n  filename: string\n  contentType: string\n  url: string\n}\n\nfunction kindFromType(mime: string): 'image' | 'document' | 'video' | 'audio' | 'other' {\n  if (mime.startsWith('image/')) return 'image'\n  if (mime.startsWith('video/')) return 'video'\n  if (mime.startsWith('audio/')) return 'audio'\n  if (mime === 'application/pdf' || mime.includes('document') || mime.includes('sheet')) {\n    return 'document'\n  }\n  return 'other'\n}\n\nexport type ProductionFileUploadProps = {\n  value: ProductionAttachedFile[]\n  onChange: (files: ProductionAttachedFile[]) => void\n  requestUpload: RequestUploadAction\n  finalizeUpload: FinalizeUploadAction\n  accept?: string\n  multiple?: boolean\n  maxFiles?: number\n  onUploadingChange?: (uploading: boolean) => void\n  variant?: 'photo' | 'file' | 'video' | 'audio'\n}\n\n/**\n * Production form-field uploader: controlled attachments, environment camera\n * capture, bounded counts, reserved upload/finalize protocol, previews, and\n * removal. Storage policy remains an injected application boundary.\n */\nexport function ProductionFileUpload({\n  value,\n  onChange,\n  requestUpload,\n  finalizeUpload,\n  accept,\n  multiple = true,\n  maxFiles,\n  onUploadingChange,\n  variant = 'file',\n}: ProductionFileUploadProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const [pending, startTransition] = React.useTransition()\n  const [error, setError] = React.useState<string | null>(null)\n  const uploadingCallback = React.useRef(onUploadingChange)\n\n  React.useEffect(() => {\n    uploadingCallback.current = onUploadingChange\n  }, [onUploadingChange])\n\n  React.useEffect(() => {\n    uploadingCallback.current?.(pending)\n  }, [pending])\n\n  React.useEffect(() => () => uploadingCallback.current?.(false), [])\n\n  async function uploadOne(file: File): Promise<ProductionAttachedFile | null> {\n    const request = await requestUpload({\n      kind: kindFromType(file.type),\n      filename: file.name,\n      contentType: file.type || 'application/octet-stream',\n      sizeBytes: file.size,\n    })\n    if (!request.ok) {\n      setError(request.error)\n      return null\n    }\n    let finalizeInput\n    try {\n      finalizeInput = await uploadReservedFile(request, file)\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : 'Upload failed.')\n      return null\n    }\n    const finalized = await finalizeUpload(finalizeInput)\n    if (!finalized.ok) {\n      setError(finalized.error)\n      return null\n    }\n    return {\n      attachmentId: finalized.attachmentId,\n      filename: file.name,\n      contentType: file.type || 'application/octet-stream',\n      url: finalized.url,\n    }\n  }\n\n  function onFiles(files: FileList | null) {\n    if (!files || files.length === 0) return\n    const remaining = maxFiles === undefined ? files.length : Math.max(0, maxFiles - value.length)\n    if (remaining === 0) {\n      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'}.`)\n      return\n    }\n    setError(null)\n    startTransition(async () => {\n      const uploaded: ProductionAttachedFile[] = []\n      for (const file of Array.from(files).slice(0, remaining)) {\n        const result = await uploadOne(file)\n        if (result) uploaded.push(result)\n      }\n      onChange([...value, ...uploaded])\n      if (inputRef.current) inputRef.current.value = ''\n    })\n  }\n\n  const acceptValue = accept ?? (\n    variant === 'photo' ? 'image/*'\n      : variant === 'video' ? 'video/*'\n        : variant === 'audio' ? 'audio/*'\n          : undefined\n  )\n  const atLimit = maxFiles !== undefined && value.length >= maxFiles\n\n  return (\n    <div className=\"space-y-2\">\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={acceptValue}\n        multiple={multiple}\n        capture={variant === 'photo' ? 'environment' : undefined}\n        className=\"hidden\"\n        onChange={(event) => onFiles(event.target.files)}\n      />\n      <button\n        type=\"button\"\n        onClick={() => inputRef.current?.click()}\n        disabled={pending || atLimit}\n        className=\"flex w-full items-center justify-center gap-2 rounded-md border border-dashed border-border-strong bg-bg-subtle px-3 py-6 text-sm text-fg-muted transition-colors hover:border-primary hover:bg-primary-subtle disabled:opacity-50\"\n      >\n        {pending ? <Loader2 size={16} className=\"animate-spin\" /> : variant === 'photo' ? <Camera size={16} /> : <FileUp size={16} />}\n        {atLimit ? `Maximum ${maxFiles} files` : pending ? 'Uploading…' : variant === 'photo' ? 'Add photo' : variant === 'video' ? 'Add video' : variant === 'audio' ? 'Add audio' : 'Add file'}\n      </button>\n      {error ? <p role=\"alert\" className=\"text-xs text-danger\">{error}</p> : null}\n      {value.length > 0 ? (\n        <ul className=\"space-y-1.5\">\n          {value.map((file) => (\n            <li key={file.attachmentId} className=\"flex items-center justify-between gap-2 rounded-md border border-border bg-surface px-2 py-1.5 text-xs\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {file.contentType.startsWith('image/') ? (\n                  // The host supplies access-controlled attachment URLs.\n                  <img src={file.url} alt=\"\" className=\"size-10 shrink-0 rounded object-cover\" />\n                ) : (\n                  <span className=\"grid size-10 shrink-0 place-items-center rounded bg-bg-subtle text-fg-subtle\"><FileUp size={14} /></span>\n                )}\n                <span className=\"truncate font-medium text-fg\">{file.filename}</span>\n              </div>\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => onChange(value.filter((candidate) => candidate.attachmentId !== file.attachmentId))}>\n                <Trash2 size={12} className=\"text-danger\" />\n              </Button>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  )\n}\n\nexport function dataUrlToFile(dataUrl: string, filename: string): File {\n  const [metadata, encoded] = dataUrl.split(',')\n  const mime = metadata?.match(/data:([^;]+)/)?.[1] ?? 'application/octet-stream'\n  const binary = atob(encoded ?? '')\n  const bytes = new Uint8Array(binary.length)\n  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index)\n  return new File([bytes], filename, { type: mime })\n}\n"]}

package/production-form-designer.d.ts

@@ -0,0 +1,3 @@
+import type { ProductionFormDesignerProps } from './production-designer-adapter.js';
+export declare function ProductionFormDesigner({ adapter, templateId, templateName, templateKind, initialSchema, currentVersion, initialSurface, overview, recordConfig, allowedRoles, roles, flows, recordActionAdapter, dataSources, dataSourcesLoading, onRefreshDataSources, renderFlows, renderAssistant, backHref, recordsHref, assignmentCreateHref, assignmentsHref, dataSourcesHref, publishedHref, canPin, pinned, onSchemaChange, locale, defaultLocale, enabledLocales, localeLabels, className, }: ProductionFormDesignerProps): import("react").JSX.Element;
+//# sourceMappingURL=production-form-designer.d.ts.map

package/production-form-designer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"production-form-designer.d.ts","sourceRoot":"","sources":["../src/production-form-designer.tsx"],"names":[],"mappings":"AAgIA,OAAO,KAAK,EAEV,2BAA2B,EAC5B,MAAM,+BAA+B,CAAA;AA0KtC,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAqB,EACrB,aAAa,EACb,cAAc,EACd,cAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,YAAiB,EACjB,KAAU,EACV,KAAU,EACV,mBAAmB,EACnB,WAAgB,EAChB,kBAA0B,EAC1B,oBAAoB,EACpB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,aAAa,EACb,MAAc,EACd,MAAc,EACd,cAAc,EACd,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,2BAA2B,+BA+gC7B"}