sliftutils 0.18.0 → 0.20.0

package/index.d.ts

@@ -570,6 +570,7 @@ declare module "sliftutils/storage/FileFolderAPI" {
             }
         ]>;
     };
+    export declare function setFileAPIKey(key: string): void;
     export declare const getDirectoryHandle: {
         (): Promise<DirectoryWrapper>;
         reset(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sliftutils",
-    "version": "0.18.0",
+    "version": "0.20.0",
     "main": "index.js",
     "license": "MIT",
     "files": [

package/render-utils/Table.tsx

@@ -4,6 +4,7 @@ import { formatValue, JSXFormatter, toSpaceCase } from "./GenericFormat";
 import { observer } from "./observer";
 import { canHaveChildren } from "socket-function/src/types";
 import { showFullscreenModal } from "./FullscreenModal";
+import { observable } from "mobx";
 
 // Null means the column is removed
 export type ColumnType<T = unknown, Row extends RowType = RowType> = undefined | null | {
@@ -35,9 +36,9 @@ export class Table<RowT extends RowType> extends preact.Component<TableType<RowT
 
     getRowFields?: (row: RowT) => preact.JSX.HTMLAttributes<HTMLTableRowElement>;
 }> {
-    state = {
+    state = observable({
         limit: this.props.initialLimit || 100,
-    };
+    });
     render() {
         let { columns, rows, excludeEmptyColumns } = this.props;
 

package/storage/FileFolderAPI.d.ts

@@ -40,6 +40,7 @@ type DirectoryWrapper = {
         }
     ]>;
 };
+export declare function setFileAPIKey(key: string): void;
 export declare const getDirectoryHandle: {
     (): Promise<DirectoryWrapper>;
     reset(): void;

package/storage/FileFolderAPI.tsx

@@ -46,7 +46,14 @@ let displayData = observable({
     ui: undefined as undefined | preact.ComponentChildren,
 }, undefined, { deep: false });
 
-const storageKey = "syncFileSystemCamera3";
+let fileAPIKey = "";
+function getFileAPIKey() {
+    if (!fileAPIKey) throw new Error("Must call setFileAPIKey before using file system. Just pass any key. This prevents reusing the file system api that other development apps might be using.");
+    return fileAPIKey;
+}
+export function setFileAPIKey(key: string) {
+    fileAPIKey = key;
+}
 
 @observer
 class DirectoryPrompter extends preact.Component {
@@ -206,7 +213,7 @@ export const getDirectoryHandle = lazy(async function getDirectoryHandle(): Prom
 
         let handle: DirectoryWrapper | undefined;
 
-        let storedId = localStorage.getItem(storageKey);
+        let storedId = localStorage.getItem(getFileAPIKey());
         if (storedId) {
             let doneLoad = false;
             setTimeout(() => {
@@ -234,7 +241,7 @@ export const getDirectoryHandle = lazy(async function getDirectoryHandle(): Prom
                     const handle = await window.showDirectoryPicker();
                     await handle.requestPermission({ mode: "readwrite" });
                     let storedId = await storeFileSystemPointer({ mode: "readwrite", handle });
-                    localStorage.setItem(storageKey, storedId);
+                    localStorage.setItem(getFileAPIKey(), storedId);
                     fileCallback(handle as any);
                 }}
             >
@@ -265,7 +272,7 @@ export const getFileStorage = lazy(async function getFileStorage(): Promise<File
     return wrapHandle(handle);
 });
 export function resetStorageLocation() {
-    localStorage.removeItem(storageKey);
+    localStorage.removeItem(getFileAPIKey());
     window.location.reload();
 }