@ttt-productions/file-input 0.11.15 → 0.11.17

package/dist/react/components/media-constraints-hint.js

@@ -1,7 +1,7 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Card } from "@ttt-productions/ui-core/react";
-import { cn } from "@ttt-productions/ui-core";
+import { Badge, Card } from '@ttt-productions/ui-core/react';
+import { cn } from '@ttt-productions/ui-core';
 function fmtBytes(bytes) {
     if (!bytes || bytes <= 0)
         return null;
@@ -14,13 +14,12 @@ function fmtBytes(bytes) {
 function fmtAspect(x) {
     if (!x)
         return null;
-    // show common approx ratios if close
     const candidates = [
-        ["1:1", 1],
-        ["4:5", 4 / 5],
-        ["3:4", 3 / 4],
-        ["9:16", 9 / 16],
-        ["16:9", 16 / 9],
+        ['1:1', 1],
+        ['4:5', 4 / 5],
+        ['3:4', 3 / 4],
+        ['9:16', 9 / 16],
+        ['16:9', 16 / 9],
     ];
     for (const [label, v] of candidates) {
         if (Math.abs(x - v) <= 0.02)
@@ -29,9 +28,9 @@ function fmtAspect(x) {
     return `${x.toFixed(3)}`;
 }
 export function MediaConstraintsHint(props) {
-    const { spec, className, title = "Upload requirements" } = props;
-    const acceptKinds = spec.accept?.kinds?.length ? spec.accept.kinds.join(", ") : "any";
-    const acceptMimes = spec.accept?.mimes?.length ? spec.accept.mimes.join(", ") : "any";
+    const { spec, className, title = 'Upload requirements' } = props;
+    const acceptKinds = spec.accept?.kinds?.length ? spec.accept.kinds.join(', ') : 'any';
+    const acceptMimes = spec.accept?.mimes?.length ? spec.accept.mimes.join(', ') : 'any';
     const maxBytes = fmtBytes(spec.maxBytes);
     const maxDur = spec.maxDurationSec ??
         spec.processing?.video?.video?.maxDurationSec ??
@@ -44,22 +43,24 @@ export function MediaConstraintsHint(props) {
         const h = procVid?.requiredHeight;
         return w && h ? `${w}×${h}` : null;
     })();
-    const videoOri = spec.videoOrientation && spec.videoOrientation !== "any" ? spec.videoOrientation : null;
-    const cropDims = spec.imageCrop ? `${spec.imageCrop.outputWidth}×${spec.imageCrop.outputHeight}` : null;
-    const willAutoFormat = !!(spec.processing?.video?.allowAutoFormat);
+    const videoOri = spec.videoOrientation && spec.videoOrientation !== 'any' ? spec.videoOrientation : null;
+    const cropDims = spec.imageCrop
+        ? `${spec.imageCrop.outputWidth}×${spec.imageCrop.outputHeight}`
+        : null;
+    const willAutoFormat = !!spec.processing?.video?.allowAutoFormat;
     const items = [
-        { k: "Kind", v: acceptKinds },
-        { k: "Types", v: acceptMimes },
-        { k: "Max size", v: maxBytes },
-        { k: "Max length", v: maxDur ? `${maxDur}s` : null },
-        { k: "Orientation", v: videoOri },
-        { k: "Aspect", v: requiredAspect },
-        { k: "Exact size", v: requiredDims },
-        { k: "Crop output", v: cropDims },
-        { k: "Auto-format", v: willAutoFormat ? "yes" : null },
+        { k: 'Kind', v: acceptKinds },
+        { k: 'Types', v: acceptMimes },
+        { k: 'Max size', v: maxBytes },
+        { k: 'Max length', v: maxDur ? `${maxDur}s` : null },
+        { k: 'Orientation', v: videoOri },
+        { k: 'Aspect', v: requiredAspect },
+        { k: 'Exact size', v: requiredDims },
+        { k: 'Crop output', v: cropDims },
+        { k: 'Auto-format', v: willAutoFormat ? 'yes' : null },
     ].filter((x) => x.v);
     if (!items.length)
         return null;
-    return (_jsxs(Card, { className: cn("p-3", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "text-sm font-medium", children: title }), willAutoFormat ? _jsx(Badge, { variant: "secondary", children: "Auto-format supported" }) : null] }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: items.map((it) => (_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsxs("span", { className: "text-muted-foreground", children: [it.k, ":"] }), _jsx("span", { children: it.v })] }, it.k))) }), spec.imageCrop ? (_jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: ["Images will be cropped to ", fmtAspect(spec.imageCrop.aspectRatio), " and exported as", " ", (spec.imageCrop.format ?? "jpeg").toUpperCase(), spec.imageCrop.quality ? ` @ ${spec.imageCrop.quality}%` : "", "."] })) : null, willAutoFormat ? (_jsx("div", { className: "mt-2 text-xs text-muted-foreground", children: "If your video doesn't match the format, we'll ask before uploading and then auto-format it in processing." })) : null] }));
+    return (_jsxs(Card, { className: cn('p-3', className), children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "text-sm font-medium", children: title }), willAutoFormat ? _jsx(Badge, { variant: "secondary", children: "Auto-format supported" }) : null] }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: items.map((it) => (_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsxs("span", { className: "text-muted-foreground", children: [it.k, ":"] }), _jsx("span", { children: it.v })] }, it.k))) }), spec.imageCrop ? (_jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: ["Images will be cropped to ", fmtAspect(spec.imageCrop.aspectRatio), " and exported as", ' ', (spec.imageCrop.format ?? 'jpeg').toUpperCase(), spec.imageCrop.quality ? ` @ ${spec.imageCrop.quality}%` : '', "."] })) : null, willAutoFormat ? (_jsx("div", { className: "mt-2 text-xs text-muted-foreground", children: "If your video doesn't match the format, we'll ask before uploading and then auto-format it in processing." })) : null] }));
 }
 //# sourceMappingURL=media-constraints-hint.js.map

package/dist/react/components/media-constraints-hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-constraints-hint.js","sourceRoot":"","sources":["../../../src/react/components/media-constraints-hint.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport type { MediaOriginSpec } from \"@ttt-productions/media-schemas\";\nimport { Badge, Card } from \"@ttt-productions/ui-core/react\";\nimport { cn } from \"@ttt-productions/ui-core\";\n\nexport interface MediaConstraintsHintProps {\n  spec: MediaOriginSpec;\n  className?: string;\n  title?: string;\n}\n\nfunction fmtBytes(bytes?: number) {\n  if (!bytes || bytes <= 0) return null;\n  const mb = bytes / (1024 * 1024);\n  if (mb < 1024) return `${Math.round(mb)}MB`;\n  const gb = mb / 1024;\n  return `${gb.toFixed(1)}GB`;\n}\n\nfunction fmtAspect(x?: number) {\n  if (!x) return null;\n  // show common approx ratios if close\n  const candidates: Array<[string, number]> = [\n    [\"1:1\", 1],\n    [\"4:5\", 4 / 5],\n    [\"3:4\", 3 / 4],\n    [\"9:16\", 9 / 16],\n    [\"16:9\", 16 / 9],\n  ];\n  for (const [label, v] of candidates) {\n    if (Math.abs(x - v) <= 0.02) return label;\n  }\n  return `${x.toFixed(3)}`;\n}\n\nexport function MediaConstraintsHint(props: MediaConstraintsHintProps) {\n  const { spec, className, title = \"Upload requirements\" } = props;\n\n  const acceptKinds = spec.accept?.kinds?.length ? spec.accept.kinds.join(\", \") : \"any\";\n  const acceptMimes = spec.accept?.mimes?.length ? spec.accept.mimes.join(\", \") : \"any\";\n\n  const maxBytes = fmtBytes(spec.maxBytes);\n  const maxDur =\n    spec.maxDurationSec ??\n    spec.processing?.video?.video?.maxDurationSec ??\n    spec.processing?.audio?.audio?.maxDurationSec ??\n    undefined;\n\n  const requiredAspect = fmtAspect(spec.requiredAspectRatio ?? spec.imageCrop?.aspectRatio);\n  const requiredDims = (() => {\n    const procVid = spec.processing?.video;\n    const w = procVid?.requiredWidth;\n    const h = procVid?.requiredHeight;\n    return w && h ? `${w}×${h}` : null;\n  })();\n\n  const videoOri = spec.videoOrientation && spec.videoOrientation !== \"any\" ? spec.videoOrientation : null;\n\n  const cropDims =\n    spec.imageCrop ? `${spec.imageCrop.outputWidth}×${spec.imageCrop.outputHeight}` : null;\n\n  const willAutoFormat = !!(spec.processing?.video?.allowAutoFormat);\n\n  const items: Array<{ k: string; v: string | null }> = [\n    { k: \"Kind\", v: acceptKinds },\n    { k: \"Types\", v: acceptMimes },\n    { k: \"Max size\", v: maxBytes },\n    { k: \"Max length\", v: maxDur ? `${maxDur}s` : null },\n    { k: \"Orientation\", v: videoOri },\n    { k: \"Aspect\", v: requiredAspect },\n    { k: \"Exact size\", v: requiredDims },\n    { k: \"Crop output\", v: cropDims },\n    { k: \"Auto-format\", v: willAutoFormat ? \"yes\" : null },\n  ].filter((x) => x.v);\n\n  if (!items.length) return null;\n\n  return (\n    <Card className={cn(\"p-3\", className)}>\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"text-sm font-medium\">{title}</div>\n        {willAutoFormat ? <Badge variant=\"secondary\">Auto-format supported</Badge> : null}\n      </div>\n\n      <div className=\"mt-2 flex flex-wrap gap-2\">\n        {items.map((it) => (\n          <Badge key={it.k} variant=\"outline\" className=\"gap-1\">\n            <span className=\"text-muted-foreground\">{it.k}:</span>\n            <span>{it.v}</span>\n          </Badge>\n        ))}\n      </div>\n\n      {spec.imageCrop ? (\n        <div className=\"mt-2 text-xs text-muted-foreground\">\n          Images will be cropped to {fmtAspect(spec.imageCrop.aspectRatio)} and exported as{\" \"}\n          {(spec.imageCrop.format ?? \"jpeg\").toUpperCase()}\n          {spec.imageCrop.quality ? ` @ ${spec.imageCrop.quality}%` : \"\"}.\n        </div>\n      ) : null}\n\n      {willAutoFormat ? (\n        <div className=\"mt-2 text-xs text-muted-foreground\">\n          If your video doesn't match the format, we'll ask before uploading and then auto-format it in processing.\n        </div>\n      ) : null}\n    </Card>\n  );\n}\n"]}
+{"version":3,"file":"media-constraints-hint.js","sourceRoot":"","sources":["../../../src/react/components/media-constraints-hint.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport type { MediaOriginSpec } from '@ttt-productions/media-schemas';\nimport { Badge, Card } from '@ttt-productions/ui-core/react';\nimport { cn } from '@ttt-productions/ui-core';\n\nexport interface MediaConstraintsHintProps {\n  spec: MediaOriginSpec;\n  className?: string;\n  title?: string;\n}\n\nfunction fmtBytes(bytes?: number) {\n  if (!bytes || bytes <= 0) return null;\n  const mb = bytes / (1024 * 1024);\n  if (mb < 1024) return `${Math.round(mb)}MB`;\n  const gb = mb / 1024;\n  return `${gb.toFixed(1)}GB`;\n}\n\nfunction fmtAspect(x?: number) {\n  if (!x) return null;\n  const candidates: Array<[string, number]> = [\n    ['1:1', 1],\n    ['4:5', 4 / 5],\n    ['3:4', 3 / 4],\n    ['9:16', 9 / 16],\n    ['16:9', 16 / 9],\n  ];\n  for (const [label, v] of candidates) {\n    if (Math.abs(x - v) <= 0.02) return label;\n  }\n  return `${x.toFixed(3)}`;\n}\n\nexport function MediaConstraintsHint(props: MediaConstraintsHintProps) {\n  const { spec, className, title = 'Upload requirements' } = props;\n\n  const acceptKinds = spec.accept?.kinds?.length ? spec.accept.kinds.join(', ') : 'any';\n  const acceptMimes = spec.accept?.mimes?.length ? spec.accept.mimes.join(', ') : 'any';\n\n  const maxBytes = fmtBytes(spec.maxBytes);\n  const maxDur =\n    spec.maxDurationSec ??\n    spec.processing?.video?.video?.maxDurationSec ??\n    spec.processing?.audio?.audio?.maxDurationSec ??\n    undefined;\n\n  const requiredAspect = fmtAspect(spec.requiredAspectRatio ?? spec.imageCrop?.aspectRatio);\n  const requiredDims = (() => {\n    const procVid = spec.processing?.video;\n    const w = procVid?.requiredWidth;\n    const h = procVid?.requiredHeight;\n    return w && h ? `${w}×${h}` : null;\n  })();\n\n  const videoOri =\n    spec.videoOrientation && spec.videoOrientation !== 'any' ? spec.videoOrientation : null;\n\n  const cropDims = spec.imageCrop\n    ? `${spec.imageCrop.outputWidth}×${spec.imageCrop.outputHeight}`\n    : null;\n\n  const willAutoFormat = !!spec.processing?.video?.allowAutoFormat;\n\n  const items: Array<{ k: string; v: string | null }> = [\n    { k: 'Kind', v: acceptKinds },\n    { k: 'Types', v: acceptMimes },\n    { k: 'Max size', v: maxBytes },\n    { k: 'Max length', v: maxDur ? `${maxDur}s` : null },\n    { k: 'Orientation', v: videoOri },\n    { k: 'Aspect', v: requiredAspect },\n    { k: 'Exact size', v: requiredDims },\n    { k: 'Crop output', v: cropDims },\n    { k: 'Auto-format', v: willAutoFormat ? 'yes' : null },\n  ].filter((x) => x.v);\n\n  if (!items.length) return null;\n\n  return (\n    <Card className={cn('p-3', className)}>\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"text-sm font-medium\">{title}</div>\n        {willAutoFormat ? <Badge variant=\"secondary\">Auto-format supported</Badge> : null}\n      </div>\n\n      <div className=\"mt-2 flex flex-wrap gap-2\">\n        {items.map((it) => (\n          <Badge key={it.k} variant=\"outline\" className=\"gap-1\">\n            <span className=\"text-muted-foreground\">{it.k}:</span>\n            <span>{it.v}</span>\n          </Badge>\n        ))}\n      </div>\n\n      {spec.imageCrop ? (\n        <div className=\"mt-2 text-xs text-muted-foreground\">\n          Images will be cropped to {fmtAspect(spec.imageCrop.aspectRatio)} and exported as{' '}\n          {(spec.imageCrop.format ?? 'jpeg').toUpperCase()}\n          {spec.imageCrop.quality ? ` @ ${spec.imageCrop.quality}%` : ''}.\n        </div>\n      ) : null}\n\n      {willAutoFormat ? (\n        <div className=\"mt-2 text-xs text-muted-foreground\">\n          If your video doesn't match the format, we'll ask before uploading and then auto-format it\n          in processing.\n        </div>\n      ) : null}\n    </Card>\n  );\n}\n"]}

package/dist/react/components/media-input.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import type { MediaInputHandle, MediaInputProps } from "../../types.js";
+import React from 'react';
+import type { MediaInputHandle, MediaInputProps } from '../../types.js';
 export declare const MediaInput: React.ForwardRefExoticComponent<MediaInputProps & React.RefAttributes<MediaInputHandle>>;
 //# sourceMappingURL=media-input.d.ts.map

package/dist/react/components/media-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-input.d.ts","sourceRoot":"","sources":["../../../src/react/components/media-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoG,MAAM,OAAO,CAAC;AAqBzH,OAAO,KAAK,EAAkB,gBAAgB,EAAE,eAAe,EAAqB,MAAM,gBAAgB,CAAC;AAoH3G,eAAO,MAAM,UAAU,0FA6oBrB,CAAC"}
+{"version":3,"file":"media-input.d.ts","sourceRoot":"","sources":["../../../src/react/components/media-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KASN,MAAM,OAAO,CAAC;AA0Bf,OAAO,KAAK,EAEV,gBAAgB,EAChB,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAuHxB,eAAO,MAAM,UAAU,0FA+nBtB,CAAC"}