@useupup/svelte 3.3.0

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { default as UpupUploader } from './UpupUploader.svelte';
+export { useUpupUpload } from './use-upup-upload';
+export type { UseUpupUploadOptions, UseUpupUploadReturn, } from './use-upup-upload';
+export { useUploaderContext, useUploaderRuntime, useUploaderSource, useUploaderI18n, useUploaderFiles, useUploaderUploadControls, useUploaderView, useUploaderEditor, useUploaderOptions, useUploaderTheme, } from './context/uploader-context';
+export type { IUploaderContext, ContextRuntime, ContextSource, ContextI18n, ContextFiles, ContextUploadControls, ContextView, ContextEditor, ContextTheme, ContextProps, ContextUpload, } from './context/uploader-context';
+export type { UploaderProps, UploaderIcons } from './shared/types';
+export { toReadable } from './lib/to-readable';
+export { FileSource, StorageProvider, UploadStatus } from '@useupup/core';
+export type { UploadFile, CoreOptions, ImageEditorOptions, ResolvedImageEditorOptions, UploadSource, UploadProvider, } from '@useupup/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,YAAY,EACR,oBAAoB,EACpB,mBAAmB,GACtB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACnB,MAAM,4BAA4B,CAAA;AACnC,YAAY,EACR,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,GAChB,MAAM,4BAA4B,CAAA;AACnC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACzE,YAAY,EACR,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,0BAA0B,EAC1B,YAAY,EACZ,cAAc,GACjB,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { default as UpupUploader } from './UpupUploader.svelte';
+export { useUpupUpload } from './use-upup-upload';
+export { useUploaderContext, useUploaderRuntime, useUploaderSource, useUploaderI18n, useUploaderFiles, useUploaderUploadControls, useUploaderView, useUploaderEditor, useUploaderOptions, useUploaderTheme, } from './context/uploader-context';
+export { toReadable } from './lib/to-readable';
+export { FileSource, StorageProvider, UploadStatus } from '@useupup/core';

package/dist/lib/constants.d.ts

@@ -0,0 +1,13 @@
+import type { Translations } from '@useupup/core';
+import { FileSource } from '@useupup/core';
+import type { Component } from 'svelte';
+export { sourceNameKeys } from '@useupup/core/internal';
+export declare const uploadSourceObject: Record<string, {
+    id: FileSource;
+    nameKey: keyof Translations;
+    Icon: Component;
+    Component: (() => Promise<{
+        default: Component;
+    }>) | undefined;
+}>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAavC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAqBvD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACnC,MAAM,EACN;IACI,EAAE,EAAE,UAAU,CAAA;IACd,OAAO,EAAE,MAAM,YAAY,CAAA;IAC3B,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAA;CACjE,CAwDJ,CAAA"}

package/dist/lib/constants.js

@@ -0,0 +1,67 @@
+import { FileSource } from '@useupup/core';
+import { AudioIcon, BoxIcon, CameraIcon, DropboxIcon, GoogleDriveIcon, LinkIcon, MyDeviceIcon, OneDriveIcon, ScreenCaptureIcon, } from '../components/Icons';
+export { sourceNameKeys } from '@useupup/core/internal';
+const AudioUploader = () => import('../components/AudioUploader.svelte');
+const BoxUploader = () => import('../components/BoxUploader.svelte');
+const CameraUploader = () => import('../components/CameraUploader.svelte');
+const DropboxUploader = () => import('../components/DropboxUploader.svelte');
+const GoogleDriveUploader = () => import('../components/GoogleDriveUploader.svelte');
+const OneDriveUploader = () => import('../components/OneDriveUploader.svelte');
+const ScreenCaptureUploader = () => import('../components/ScreenCaptureUploader.svelte');
+const UrlUploader = () => import('../components/UrlUploader.svelte');
+export const uploadSourceObject = {
+    [FileSource.LOCAL]: {
+        id: FileSource.LOCAL,
+        nameKey: 'myDevice',
+        Icon: MyDeviceIcon,
+        Component: undefined,
+    },
+    [FileSource.GOOGLE_DRIVE]: {
+        id: FileSource.GOOGLE_DRIVE,
+        nameKey: 'googleDrive',
+        Icon: GoogleDriveIcon,
+        Component: GoogleDriveUploader,
+    },
+    [FileSource.ONE_DRIVE]: {
+        id: FileSource.ONE_DRIVE,
+        nameKey: 'oneDrive',
+        Icon: OneDriveIcon,
+        Component: OneDriveUploader,
+    },
+    [FileSource.DROPBOX]: {
+        id: FileSource.DROPBOX,
+        nameKey: 'dropbox',
+        Icon: DropboxIcon,
+        Component: DropboxUploader,
+    },
+    [FileSource.BOX]: {
+        id: FileSource.BOX,
+        nameKey: 'box',
+        Icon: BoxIcon,
+        Component: BoxUploader,
+    },
+    [FileSource.URL]: {
+        id: FileSource.URL,
+        nameKey: 'link',
+        Icon: LinkIcon,
+        Component: UrlUploader,
+    },
+    [FileSource.CAMERA]: {
+        id: FileSource.CAMERA,
+        nameKey: 'camera',
+        Icon: CameraIcon,
+        Component: CameraUploader,
+    },
+    [FileSource.MICROPHONE]: {
+        id: FileSource.MICROPHONE,
+        nameKey: 'audio',
+        Icon: AudioIcon,
+        Component: AudioUploader,
+    },
+    [FileSource.SCREEN]: {
+        id: FileSource.SCREEN,
+        nameKey: 'screenCapture',
+        Icon: ScreenCaptureIcon,
+        Component: ScreenCaptureUploader,
+    },
+};

package/dist/lib/to-readable.d.ts

@@ -0,0 +1,14 @@
+import { type Readable } from 'svelte/store';
+/** The subscribe/getSnapshot contract every @useupup/core headless store satisfies. */
+export interface HeadlessStore<S> {
+    subscribe(listener: () => void): () => void;
+    getSnapshot(): S;
+}
+/**
+ * Bridge a headless @useupup/core store to a Svelte readable store so components
+ * can read its state with `$store` auto-subscription. State mirroring only —
+ * `init()`/`destroy()` are the owning component's responsibility (onMount/onDestroy),
+ * mirroring the @useupup/vue composables and keeping the server render side-effect-free.
+ */
+export declare function toReadable<S>(store: HeadlessStore<S>): Readable<S>;
+//# sourceMappingURL=to-readable.d.ts.map

package/dist/lib/to-readable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-readable.d.ts","sourceRoot":"","sources":["../../src/lib/to-readable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEtD,uFAAuF;AACvF,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;IAC3C,WAAW,IAAI,CAAC,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAOlE"}

package/dist/lib/to-readable.js

@@ -0,0 +1,15 @@
+import { readable } from 'svelte/store';
+/**
+ * Bridge a headless @useupup/core store to a Svelte readable store so components
+ * can read its state with `$store` auto-subscription. State mirroring only —
+ * `init()`/`destroy()` are the owning component's responsibility (onMount/onDestroy),
+ * mirroring the @useupup/vue composables and keeping the server render side-effect-free.
+ */
+export function toReadable(store) {
+    return readable(store.getSnapshot(), set => {
+        const unsub = store.subscribe(() => {
+            set(store.getSnapshot());
+        });
+        return unsub;
+    });
+}

package/dist/lib/view-mode.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Grid-tile geometry. The grid lays tiles with
+ * `repeat(auto-fit, minmax(FILE_TILE_MIN, 1fr))` and a FILE_TILE_GAP gap, so a
+ * row fits floor((width + gap) / (min + gap)) tiles before it would wrap, and
+ * the tiles STRETCH to fill the row (no dead columns). The force-list rule below
+ * uses the SAME numbers so the grid never wraps: the moment one more tile would
+ * spill to a second row, list mode is forced instead.
+ */
+export declare const FILE_TILE_MIN = 160;
+export declare const FILE_TILE_GAP = 16;
+/**
+ * How many auto-fit tiles fit across `containerWidth` in a single row. A
+ * non-positive / non-finite (unmeasured) width yields 0, which
+ * isListViewForced reads as "not measured yet — don't force a switch".
+ */
+export declare function computeTilesPerRow(containerWidth: number): number;
+/**
+ * The square-tile grid is only honored when every tile fits in ONE row of the
+ * fixed-height panel; past that the row list is FORCED and UploaderHeader hides
+ * the grid/list toggle. `tilesPerRow <= 0` means the container has not been
+ * measured yet — treated as "fits" so the first paint never flashes to list.
+ */
+export declare function isListViewForced(fileCount: number, tilesPerRow: number): boolean;
+//# sourceMappingURL=view-mode.d.ts.map

package/dist/lib/view-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-mode.d.ts","sourceRoot":"","sources":["../../src/lib/view-mode.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAQjE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC5B,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GACpB,OAAO,CAGT"}

package/dist/lib/view-mode.js

@@ -0,0 +1,31 @@
+/**
+ * Grid-tile geometry. The grid lays tiles with
+ * `repeat(auto-fit, minmax(FILE_TILE_MIN, 1fr))` and a FILE_TILE_GAP gap, so a
+ * row fits floor((width + gap) / (min + gap)) tiles before it would wrap, and
+ * the tiles STRETCH to fill the row (no dead columns). The force-list rule below
+ * uses the SAME numbers so the grid never wraps: the moment one more tile would
+ * spill to a second row, list mode is forced instead.
+ */
+export const FILE_TILE_MIN = 160;
+export const FILE_TILE_GAP = 16;
+/**
+ * How many auto-fit tiles fit across `containerWidth` in a single row. A
+ * non-positive / non-finite (unmeasured) width yields 0, which
+ * isListViewForced reads as "not measured yet — don't force a switch".
+ */
+export function computeTilesPerRow(containerWidth) {
+    if (!Number.isFinite(containerWidth) || containerWidth <= 0)
+        return 0;
+    return Math.max(1, Math.floor((containerWidth + FILE_TILE_GAP) / (FILE_TILE_MIN + FILE_TILE_GAP)));
+}
+/**
+ * The square-tile grid is only honored when every tile fits in ONE row of the
+ * fixed-height panel; past that the row list is FORCED and UploaderHeader hides
+ * the grid/list toggle. `tilesPerRow <= 0` means the container has not been
+ * measured yet — treated as "fits" so the first paint never flashes to list.
+ */
+export function isListViewForced(fileCount, tilesPerRow) {
+    if (tilesPerRow <= 0)
+        return false;
+    return fileCount > tilesPerRow;
+}

package/dist/shared/types.d.ts

@@ -0,0 +1,15 @@
+import type { Component } from 'svelte';
+import type { UploaderBaseProps } from '@useupup/core';
+export type UploaderIcons = {
+    ContainerAddMoreIcon?: Component;
+    FileDeleteIcon?: Component;
+    CameraDeleteIcon?: Component;
+    CameraCaptureIcon?: Component;
+    CameraRotateIcon?: Component;
+    LoaderIcon?: Component;
+};
+export type UploaderProps = UploaderBaseProps & {
+    icons?: UploaderIcons;
+    style?: Record<string, string>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IACxB,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC,CAAA"}

package/dist/shared/types.js

@@ -0,0 +1 @@
+export {};

package/dist/styles.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/emit-styles-dts.mjs — do not edit.
+// Declares the './styles' subpath (runtime target: ./tailwind-prefixed.css) so
+// TypeScript 6+ can resolve `import '@useupup/<framework>/styles'`.
+export {}