@operato/utils 10.29.23 → 10.29.36

package/dist/src/file-acceptance.d.ts

@@ -0,0 +1,44 @@
+/**
+ * What a file picker may take, decided once for every picker.
+ *
+ * The server owns the size and count limits (things-factory shell `fileUpload.maxFileSize` /
+ * `maxFiles`). Before this, a picker learned of them only after the whole file had gone up, as a
+ * GraphQL error sentence. The shell registers a reader for those numbers once
+ * (`registerFileUploadLimits`); a picker asks `fileUploadLimits()` and refuses on the spot.
+ * No picker writes a number of its own.
+ */
+export type FileUploadLimits = {
+    /** bytes */
+    maxFileSize?: number;
+    maxFiles?: number;
+};
+export type FileRefusal = {
+    file: File;
+    reason: 'type' | 'size' | 'count';
+};
+/**
+ * The application tells where the limits come from — read once, on the first pick.
+ */
+export declare function registerFileUploadLimits(limits: () => Promise<FileUploadLimits>): void;
+/**
+ * The server's limits; empty when nothing is registered or the read failed (the server still refuses).
+ * A failed read is not kept, so the next pick asks again.
+ */
+export declare function fileUploadLimits(): Promise<FileUploadLimits>;
+/**
+ * The `accept` attribute's own rule: `.ext`, `type/*` or `type/subtype`, comma separated.
+ * A drop never passes through the native filter, so the picker applies it itself.
+ */
+export declare function acceptsFile(file: File, accept?: string): boolean;
+/**
+ * Splits the picked files into the ones taken and the ones refused, in the order picked.
+ * `already` is how many the picker holds before these, so the count limit covers both.
+ */
+export declare function sortPickedFiles(files: File[], { accept, limits, already }: {
+    accept?: string;
+    limits?: FileUploadLimits;
+    already?: number;
+}): {
+    taken: File[];
+    refused: FileRefusal[];
+};

package/dist/src/file-acceptance.js

@@ -0,0 +1,77 @@
+/**
+ * What a file picker may take, decided once for every picker.
+ *
+ * The server owns the size and count limits (things-factory shell `fileUpload.maxFileSize` /
+ * `maxFiles`). Before this, a picker learned of them only after the whole file had gone up, as a
+ * GraphQL error sentence. The shell registers a reader for those numbers once
+ * (`registerFileUploadLimits`); a picker asks `fileUploadLimits()` and refuses on the spot.
+ * No picker writes a number of its own.
+ */
+let reader;
+let read;
+/**
+ * The application tells where the limits come from — read once, on the first pick.
+ */
+export function registerFileUploadLimits(limits) {
+    reader = limits;
+    read = undefined;
+}
+/**
+ * The server's limits; empty when nothing is registered or the read failed (the server still refuses).
+ * A failed read is not kept, so the next pick asks again.
+ */
+export function fileUploadLimits() {
+    if (!reader)
+        return Promise.resolve({});
+    return (read !== null && read !== void 0 ? read : (read = reader().catch(() => {
+        read = undefined;
+        return {};
+    })));
+}
+/**
+ * The `accept` attribute's own rule: `.ext`, `type/*` or `type/subtype`, comma separated.
+ * A drop never passes through the native filter, so the picker applies it itself.
+ */
+export function acceptsFile(file, accept) {
+    const patterns = (accept || '')
+        .split(',')
+        .map(one => one.trim().toLowerCase())
+        .filter(Boolean);
+    if (!patterns.length)
+        return true;
+    const name = file.name.toLowerCase();
+    const type = (file.type || '').toLowerCase();
+    return patterns.some(pattern => {
+        if (pattern === '*/*' || pattern === '*')
+            return true;
+        if (pattern.startsWith('.'))
+            return name.endsWith(pattern);
+        if (pattern.endsWith('/*'))
+            return type.startsWith(pattern.slice(0, -1));
+        return type === pattern;
+    });
+}
+/**
+ * Splits the picked files into the ones taken and the ones refused, in the order picked.
+ * `already` is how many the picker holds before these, so the count limit covers both.
+ */
+export function sortPickedFiles(files, { accept, limits = {}, already = 0 }) {
+    const taken = [];
+    const refused = [];
+    for (const file of files) {
+        if (!acceptsFile(file, accept)) {
+            refused.push({ file, reason: 'type' });
+        }
+        else if (limits.maxFileSize && file.size > limits.maxFileSize) {
+            refused.push({ file, reason: 'size' });
+        }
+        else if (limits.maxFiles && already + taken.length >= limits.maxFiles) {
+            refused.push({ file, reason: 'count' });
+        }
+        else {
+            taken.push(file);
+        }
+    }
+    return { taken, refused };
+}
+//# sourceMappingURL=file-acceptance.js.map

package/dist/src/file-acceptance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-acceptance.js","sourceRoot":"","sources":["../../src/file-acceptance.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a file picker may take, decided once for every picker.\n *\n * The server owns the size and count limits (things-factory shell `fileUpload.maxFileSize` /\n * `maxFiles`). Before this, a picker learned of them only after the whole file had gone up, as a\n * GraphQL error sentence. The shell registers a reader for those numbers once\n * (`registerFileUploadLimits`); a picker asks `fileUploadLimits()` and refuses on the spot.\n * No picker writes a number of its own.\n */\n\nexport type FileUploadLimits = {\n  /** bytes */\n  maxFileSize?: number\n  maxFiles?: number\n}\n\nexport type FileRefusal = {\n  file: File\n  reason: 'type' | 'size' | 'count'\n}\n\nlet reader: (() => Promise<FileUploadLimits>) | undefined\nlet read: Promise<FileUploadLimits> | undefined\n\n/**\n * The application tells where the limits come from — read once, on the first pick.\n */\nexport function registerFileUploadLimits(limits: () => Promise<FileUploadLimits>) {\n  reader = limits\n  read = undefined\n}\n\n/**\n * The server's limits; empty when nothing is registered or the read failed (the server still refuses).\n * A failed read is not kept, so the next pick asks again.\n */\nexport function fileUploadLimits(): Promise<FileUploadLimits> {\n  if (!reader) return Promise.resolve({})\n\n  return (read ??= reader().catch(() => {\n    read = undefined\n    return {}\n  }))\n}\n\n/**\n * The `accept` attribute's own rule: `.ext`, `type/*` or `type/subtype`, comma separated.\n * A drop never passes through the native filter, so the picker applies it itself.\n */\nexport function acceptsFile(file: File, accept?: string): boolean {\n  const patterns = (accept || '')\n    .split(',')\n    .map(one => one.trim().toLowerCase())\n    .filter(Boolean)\n\n  if (!patterns.length) return true\n\n  const name = file.name.toLowerCase()\n  const type = (file.type || '').toLowerCase()\n\n  return patterns.some(pattern => {\n    if (pattern === '*/*' || pattern === '*') return true\n    if (pattern.startsWith('.')) return name.endsWith(pattern)\n    if (pattern.endsWith('/*')) return type.startsWith(pattern.slice(0, -1))\n    return type === pattern\n  })\n}\n\n/**\n * Splits the picked files into the ones taken and the ones refused, in the order picked.\n * `already` is how many the picker holds before these, so the count limit covers both.\n */\nexport function sortPickedFiles(\n  files: File[],\n  { accept, limits = {}, already = 0 }: { accept?: string; limits?: FileUploadLimits; already?: number }\n): { taken: File[]; refused: FileRefusal[] } {\n  const taken: File[] = []\n  const refused: FileRefusal[] = []\n\n  for (const file of files) {\n    if (!acceptsFile(file, accept)) {\n      refused.push({ file, reason: 'type' })\n    } else if (limits.maxFileSize && file.size > limits.maxFileSize) {\n      refused.push({ file, reason: 'size' })\n    } else if (limits.maxFiles && already + taken.length >= limits.maxFiles) {\n      refused.push({ file, reason: 'count' })\n    } else {\n      taken.push(file)\n    }\n  }\n\n  return { taken, refused }\n}\n"]}

package/dist/src/file-drop-helper.d.ts

@@ -10,7 +10,8 @@ export declare class FileDropHelper {
      * 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.
      * @param dropArea file drag&drop target area
      * @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function
+     * @returns 설정한 이벤트를 모두 걷어 내는 함수 — 드롭 영역을 옮기거나 떼어 낼 때 부른다
      */
-    static set(dropArea: HTMLElement, judge?: JudgeCallback): void;
+    static set(dropArea: HTMLElement, judge?: JudgeCallback): () => void;
 }
 export {};

package/dist/src/file-drop-helper.js

@@ -6,6 +6,7 @@ export class FileDropHelper {
      * 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.
      * @param dropArea file drag&drop target area
      * @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function
+     * @returns 설정한 이벤트를 모두 걷어 내는 함수 — 드롭 영역을 옮기거나 떼어 낼 때 부른다
      */
     static set(dropArea, judge) {
         var preventDefaults = (e) => {
@@ -24,16 +25,7 @@ export class FileDropHelper {
                 dropArea.classList.remove('candrop');
             }
         };
-        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {
-            dropArea.addEventListener(event, preventDefaults, false);
-        });
-        ['dragenter', 'dragover'].forEach(event => {
-            dropArea.addEventListener(event, highlight, false);
-        });
-        ['dragleave', 'drop'].forEach(event => {
-            dropArea.addEventListener(event, unhighlight, false);
-        });
-        dropArea.addEventListener('drop', e => {
+        var drop = (e) => {
             if (!judge || judge()) {
                 let dt = e.dataTransfer;
                 let files = dt.files;
@@ -41,7 +33,18 @@ export class FileDropHelper {
                     detail: [...Array.from(files)]
                 }));
             }
-        }, false);
+        };
+        const listeners = [
+            ...['dragenter', 'dragover', 'dragleave', 'drop'].map(event => [event, preventDefaults]),
+            ...['dragenter', 'dragover'].map(event => [event, highlight]),
+            ...['dragleave', 'drop'].map(event => [event, unhighlight]),
+            ['drop', drop]
+        ];
+        listeners.forEach(([event, listener]) => dropArea.addEventListener(event, listener, false));
+        return () => {
+            listeners.forEach(([event, listener]) => dropArea.removeEventListener(event, listener, false));
+            dropArea.classList.remove('candrop');
+        };
     }
 }
 //# sourceMappingURL=file-drop-helper.js.map

package/dist/src/file-drop-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-drop-helper.js","sourceRoot":"","sources":["../../src/file-drop-helper.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,cAAc;IACzB;;;;OAIG;IACH,MAAM,CAAC,GAAG,CAAC,QAAqB,EAAE,KAAqB;QACrD,IAAI,eAAe,GAAG,CAAC,CAAQ,EAAE,EAAE;YACjC,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,SAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC3B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAA;QAED,IAAI,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YACtC,CAAC;QACH,CAAC,CAEA;QAAA,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC9D,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;QAC1D,CAAC,CAAC,CACD;QAAA,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;QACpD,CAAC,CAAC,CACD;QAAA,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;QACtD,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CACvB,MAAM,EACN,CAAC,CAAC,EAAE;YACF,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,IAAI,EAAE,GAAG,CAAC,CAAC,YAAa,CAAA;gBACxB,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAA;gBAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,WAAW,EAAE;oBAC3B,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B,CAAC,CACH,CAAA;YACH,CAAC;QACH,CAAC,EACD,KAAK,CACN,CAAA;IACH,CAAC;CACF","sourcesContent":["/**\n * judge callback function for FileDropHelper.set\n */\ntype JudgeCallback = () => boolean\n\n/**\n * file drop assist class\n */\nexport class FileDropHelper {\n  /**\n   * 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.\n   * @param dropArea file drag&drop target area\n   * @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function\n   */\n  static set(dropArea: HTMLElement, judge?: JudgeCallback) {\n    var preventDefaults = (e: Event) => {\n      if (!judge || judge()) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    }\n\n    var highlight = (e: Event) => {\n      if (!judge || judge()) {\n        dropArea.classList.add('candrop')\n      }\n    }\n\n    var unhighlight = (e: Event) => {\n      if (!judge || judge()) {\n        dropArea.classList.remove('candrop')\n      }\n    }\n\n    ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {\n      dropArea.addEventListener(event, preventDefaults, false)\n    })\n    ;['dragenter', 'dragover'].forEach(event => {\n      dropArea.addEventListener(event, highlight, false)\n    })\n    ;['dragleave', 'drop'].forEach(event => {\n      dropArea.addEventListener(event, unhighlight, false)\n    })\n\n    dropArea.addEventListener(\n      'drop',\n      e => {\n        if (!judge || judge()) {\n          let dt = e.dataTransfer!\n          let files = dt.files\n\n          dropArea.dispatchEvent(\n            new CustomEvent('file-drop', {\n              detail: [...Array.from(files)]\n            })\n          )\n        }\n      },\n      false\n    )\n  }\n}\n"]}
+{"version":3,"file":"file-drop-helper.js","sourceRoot":"","sources":["../../src/file-drop-helper.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,cAAc;IACzB;;;;;OAKG;IACH,MAAM,CAAC,GAAG,CAAC,QAAqB,EAAE,KAAqB;QACrD,IAAI,eAAe,GAAG,CAAC,CAAQ,EAAE,EAAE;YACjC,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,IAAI,SAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC3B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAA;QAED,IAAI,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YACtC,CAAC;QACH,CAAC,CAAA;QAED,IAAI,IAAI,GAAG,CAAC,CAAY,EAAE,EAAE;YAC1B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE,CAAC;gBACtB,IAAI,EAAE,GAAG,CAAC,CAAC,YAAa,CAAA;gBACxB,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAA;gBAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,WAAW,EAAE;oBAC3B,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B,CAAC,CACH,CAAA;YACH,CAAC;QACH,CAAC,CAAA;QAED,MAAM,SAAS,GAA8B;YAC3C,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,eAAe,CAA4B,CAAC;YACnH,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,CAA4B,CAAC;YACxF,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,CAA4B,CAAC;YACtF,CAAC,MAAM,EAAE,IAAqB,CAAC;SAChC,CAAA;QAED,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;QAE3F,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;YAC9F,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QACtC,CAAC,CAAA;IACH,CAAC;CACF","sourcesContent":["/**\n * judge callback function for FileDropHelper.set\n */\ntype JudgeCallback = () => boolean\n\n/**\n * file drop assist class\n */\nexport class FileDropHelper {\n  /**\n   * 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.\n   * @param dropArea file drag&drop target area\n   * @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function\n   * @returns 설정한 이벤트를 모두 걷어 내는 함수 — 드롭 영역을 옮기거나 떼어 낼 때 부른다\n   */\n  static set(dropArea: HTMLElement, judge?: JudgeCallback): () => void {\n    var preventDefaults = (e: Event) => {\n      if (!judge || judge()) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    }\n\n    var highlight = (e: Event) => {\n      if (!judge || judge()) {\n        dropArea.classList.add('candrop')\n      }\n    }\n\n    var unhighlight = (e: Event) => {\n      if (!judge || judge()) {\n        dropArea.classList.remove('candrop')\n      }\n    }\n\n    var drop = (e: DragEvent) => {\n      if (!judge || judge()) {\n        let dt = e.dataTransfer!\n        let files = dt.files\n\n        dropArea.dispatchEvent(\n          new CustomEvent('file-drop', {\n            detail: [...Array.from(files)]\n          })\n        )\n      }\n    }\n\n    const listeners: [string, EventListener][] = [\n      ...['dragenter', 'dragover', 'dragleave', 'drop'].map(event => [event, preventDefaults] as [string, EventListener]),\n      ...['dragenter', 'dragover'].map(event => [event, highlight] as [string, EventListener]),\n      ...['dragleave', 'drop'].map(event => [event, unhighlight] as [string, EventListener]),\n      ['drop', drop as EventListener]\n    ]\n\n    listeners.forEach(([event, listener]) => dropArea.addEventListener(event, listener, false))\n\n    return () => {\n      listeners.forEach(([event, listener]) => dropArea.removeEventListener(event, listener, false))\n      dropArea.classList.remove('candrop')\n    }\n  }\n}\n"]}

package/dist/src/index.d.ts

@@ -1,6 +1,7 @@
 export * from './sleep.js';
 export * from './async-lock.js';
 export * from './file-drop-helper.js';
+export * from './file-acceptance.js';
 export * from './context-path.js';
 export * from './os.js';
 export * from './swipe-listener.js';

package/dist/src/index.js

@@ -1,6 +1,7 @@
 export * from './sleep.js';
 export * from './async-lock.js';
 export * from './file-drop-helper.js';
+export * from './file-acceptance.js';
 export * from './context-path.js';
 export * from './os.js';
 export * from './swipe-listener.js';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA,CAAC,kCAAkC;AACvE,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AAEvC,cAAc,iCAAiC,CAAA","sourcesContent":["export * from './sleep.js'\nexport * from './async-lock.js'\nexport * from './file-drop-helper.js'\nexport * from './context-path.js'\nexport * from './os.js'\nexport * from './swipe-listener.js'\nexport * from './fullscreen.js'\nexport * from './parse-jwt.js'\nexport * from './password-pattern.js'\nexport * from './closest-element.js'\nexport * from './detect-overflow.js' /* deprecated by 'has-overflow' */\nexport * from './has-overflow.js'\nexport * from './timecapsule/index.js'\nexport * from './clipboard.js'\nexport * from './format.js'\nexport * from './adjust-list-param.js'\nexport * from './is-unvalued.js'\nexport * from './stringify-bignum.js'\nexport * from './encode-form-params.js'\nexport * from './cookie.js'\nexport * from './number-parser.js'\nexport * from './longpressable.js'\nexport * from './decode-html.js'\nexport * from './script-loader.js'\nexport * from './google-maps-loader.js'\n\nexport * from './reactive-controllers/index.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA,CAAC,kCAAkC;AACvE,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AAEvC,cAAc,iCAAiC,CAAA","sourcesContent":["export * from './sleep.js'\nexport * from './async-lock.js'\nexport * from './file-drop-helper.js'\nexport * from './file-acceptance.js'\nexport * from './context-path.js'\nexport * from './os.js'\nexport * from './swipe-listener.js'\nexport * from './fullscreen.js'\nexport * from './parse-jwt.js'\nexport * from './password-pattern.js'\nexport * from './closest-element.js'\nexport * from './detect-overflow.js' /* deprecated by 'has-overflow' */\nexport * from './has-overflow.js'\nexport * from './timecapsule/index.js'\nexport * from './clipboard.js'\nexport * from './format.js'\nexport * from './adjust-list-param.js'\nexport * from './is-unvalued.js'\nexport * from './stringify-bignum.js'\nexport * from './encode-form-params.js'\nexport * from './cookie.js'\nexport * from './number-parser.js'\nexport * from './longpressable.js'\nexport * from './decode-html.js'\nexport * from './script-loader.js'\nexport * from './google-maps-loader.js'\n\nexport * from './reactive-controllers/index.js'\n"]}

package/dist/test/file-acceptance.test.d.ts

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

package/dist/test/file-acceptance.test.js

@@ -0,0 +1,80 @@
+import { expect } from '@open-wc/testing';
+import { acceptsFile, fileUploadLimits, registerFileUploadLimits, sortPickedFiles } from '../src/file-acceptance.js';
+import { FileDropHelper } from '../src/file-drop-helper.js';
+/**
+ * What a picker takes and refuses.
+ *
+ * ## Why this is tested
+ *
+ * The server refuses a file over `fileUpload.maxFileSize` only after the whole file went up, and a
+ * drop never passes the native `accept` filter. Every picker refuses here first, so these rules are
+ * the one place a wrong answer would let a file through or turn a good one away.
+ */
+describe('file acceptance', () => {
+    const file = (name, type, size = 10) => new File([new Uint8Array(size)], name, { type });
+    it('takes everything with no accept', () => {
+        expect(acceptsFile(file('a.bin', ''), '')).to.equal(true);
+        expect(acceptsFile(file('a.bin', ''), undefined)).to.equal(true);
+    });
+    it('reads extensions, type families and exact types', () => {
+        const accept = 'image/*, application/pdf, .docx';
+        expect(acceptsFile(file('scan.png', 'image/png'), accept)).to.equal(true);
+        expect(acceptsFile(file('paper.pdf', 'application/pdf'), accept)).to.equal(true);
+        expect(acceptsFile(file('Articles.DOCX', ''), accept), 'extension case').to.equal(true);
+        expect(acceptsFile(file('sheet.xlsx', 'application/vnd.ms-excel'), accept)).to.equal(false);
+        expect(acceptsFile(file('clip.mp4', 'video/mp4'), accept)).to.equal(false);
+    });
+    it('refuses by type, size and count, keeping the picked order', () => {
+        const files = [
+            file('a.png', 'image/png', 5),
+            file('b.txt', 'text/plain', 5),
+            file('c.png', 'image/png', 50),
+            file('d.png', 'image/png', 5),
+            file('e.png', 'image/png', 5)
+        ];
+        const { taken, refused } = sortPickedFiles(files, {
+            accept: 'image/*',
+            limits: { maxFileSize: 20, maxFiles: 3 },
+            already: 1
+        });
+        expect(taken.map(one => one.name)).to.deep.equal(['a.png', 'd.png']);
+        expect(refused.map(one => `${one.file.name}:${one.reason}`)).to.deep.equal(['b.txt:type', 'c.png:size', 'e.png:count']);
+    });
+    it('reads the registered limits once and asks again after a failure', async () => {
+        let calls = 0;
+        registerFileUploadLimits(async () => {
+            calls++;
+            if (calls === 1)
+                throw new Error('offline');
+            return { maxFileSize: 100 };
+        });
+        expect(await fileUploadLimits(), 'a failed read is empty').to.deep.equal({});
+        expect(await fileUploadLimits()).to.deep.equal({ maxFileSize: 100 });
+        expect(await fileUploadLimits()).to.deep.equal({ maxFileSize: 100 });
+        expect(calls).to.equal(2);
+    });
+});
+describe('file drop area', () => {
+    it('stops taking drops once undone', () => {
+        const area = document.createElement('div');
+        document.body.appendChild(area);
+        let drops = 0;
+        area.addEventListener('file-drop', () => drops++);
+        const undo = FileDropHelper.set(area);
+        const drop = () => {
+            const dataTransfer = new DataTransfer();
+            dataTransfer.items.add(new File(['x'], 'x.txt'));
+            area.dispatchEvent(new DragEvent('drop', { dataTransfer, bubbles: true, cancelable: true }));
+        };
+        drop();
+        expect(drops).to.equal(1);
+        area.dispatchEvent(new DragEvent('dragenter', { bubbles: true }));
+        expect(area.classList.contains('candrop')).to.equal(true);
+        undo();
+        expect(area.classList.contains('candrop'), 'highlight left behind').to.equal(false);
+        drop();
+        expect(drops, 'a drop after undo still landed').to.equal(1);
+        area.remove();
+    });
+});
+//# sourceMappingURL=file-acceptance.test.js.map

package/dist/test/file-acceptance.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-acceptance.test.js","sourceRoot":"","sources":["../../test/file-acceptance.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACpH,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D;;;;;;;;GAQG;AACH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;IAExG,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACzD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,MAAM,GAAG,iCAAiC,CAAA;QAEhD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACzE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAChF,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACvF,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,0BAA0B,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC3F,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC5E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,MAAM,KAAK,GAAG;YACZ,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;YAC7B,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;YAC7B,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;SAC9B,CAAA;QAED,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE;YAChD,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;YACxC,OAAO,EAAE,CAAC;SACX,CAAC,CAAA;QAEF,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;QACpE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IACzH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,wBAAwB,CAAC,KAAK,IAAI,EAAE;YAClC,KAAK,EAAE,CAAA;YACP,IAAI,KAAK,KAAK,CAAC;gBAAE,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAA;YAC3C,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,MAAM,gBAAgB,EAAE,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC5E,MAAM,CAAC,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAA;QACpE,MAAM,CAAC,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAA;QACpE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QAE/B,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;QAEjD,MAAM,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAErC,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;YACvC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAA;YAChD,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAC9F,CAAC,CAAA;QAED,IAAI,EAAE,CAAA;QACN,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAEzB,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACjE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAEzD,IAAI,EAAE,CAAA;QACN,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAEnF,IAAI,EAAE,CAAA;QACN,MAAM,CAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAE3D,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import { expect } from '@open-wc/testing'\n\nimport { acceptsFile, fileUploadLimits, registerFileUploadLimits, sortPickedFiles } from '../src/file-acceptance.js'\nimport { FileDropHelper } from '../src/file-drop-helper.js'\n\n/**\n * What a picker takes and refuses.\n *\n * ## Why this is tested\n *\n * The server refuses a file over `fileUpload.maxFileSize` only after the whole file went up, and a\n * drop never passes the native `accept` filter. Every picker refuses here first, so these rules are\n * the one place a wrong answer would let a file through or turn a good one away.\n */\ndescribe('file acceptance', () => {\n  const file = (name: string, type: string, size = 10) => new File([new Uint8Array(size)], name, { type })\n\n  it('takes everything with no accept', () => {\n    expect(acceptsFile(file('a.bin', ''), '')).to.equal(true)\n    expect(acceptsFile(file('a.bin', ''), undefined)).to.equal(true)\n  })\n\n  it('reads extensions, type families and exact types', () => {\n    const accept = 'image/*, application/pdf, .docx'\n\n    expect(acceptsFile(file('scan.png', 'image/png'), accept)).to.equal(true)\n    expect(acceptsFile(file('paper.pdf', 'application/pdf'), accept)).to.equal(true)\n    expect(acceptsFile(file('Articles.DOCX', ''), accept), 'extension case').to.equal(true)\n    expect(acceptsFile(file('sheet.xlsx', 'application/vnd.ms-excel'), accept)).to.equal(false)\n    expect(acceptsFile(file('clip.mp4', 'video/mp4'), accept)).to.equal(false)\n  })\n\n  it('refuses by type, size and count, keeping the picked order', () => {\n    const files = [\n      file('a.png', 'image/png', 5),\n      file('b.txt', 'text/plain', 5),\n      file('c.png', 'image/png', 50),\n      file('d.png', 'image/png', 5),\n      file('e.png', 'image/png', 5)\n    ]\n\n    const { taken, refused } = sortPickedFiles(files, {\n      accept: 'image/*',\n      limits: { maxFileSize: 20, maxFiles: 3 },\n      already: 1\n    })\n\n    expect(taken.map(one => one.name)).to.deep.equal(['a.png', 'd.png'])\n    expect(refused.map(one => `${one.file.name}:${one.reason}`)).to.deep.equal(['b.txt:type', 'c.png:size', 'e.png:count'])\n  })\n\n  it('reads the registered limits once and asks again after a failure', async () => {\n    let calls = 0\n    registerFileUploadLimits(async () => {\n      calls++\n      if (calls === 1) throw new Error('offline')\n      return { maxFileSize: 100 }\n    })\n\n    expect(await fileUploadLimits(), 'a failed read is empty').to.deep.equal({})\n    expect(await fileUploadLimits()).to.deep.equal({ maxFileSize: 100 })\n    expect(await fileUploadLimits()).to.deep.equal({ maxFileSize: 100 })\n    expect(calls).to.equal(2)\n  })\n})\n\ndescribe('file drop area', () => {\n  it('stops taking drops once undone', () => {\n    const area = document.createElement('div')\n    document.body.appendChild(area)\n\n    let drops = 0\n    area.addEventListener('file-drop', () => drops++)\n\n    const undo = FileDropHelper.set(area)\n\n    const drop = () => {\n      const dataTransfer = new DataTransfer()\n      dataTransfer.items.add(new File(['x'], 'x.txt'))\n      area.dispatchEvent(new DragEvent('drop', { dataTransfer, bubbles: true, cancelable: true }))\n    }\n\n    drop()\n    expect(drops).to.equal(1)\n\n    area.dispatchEvent(new DragEvent('dragenter', { bubbles: true }))\n    expect(area.classList.contains('candrop')).to.equal(true)\n\n    undo()\n    expect(area.classList.contains('candrop'), 'highlight left behind').to.equal(false)\n\n    drop()\n    expect(drops, 'a drop after undo still landed').to.equal(1)\n\n    area.remove()\n  })\n})\n"]}