aio-capacitor 1.0.0 → 2.0.1

package/index.css

@@ -0,0 +1,24 @@
+.io-manager{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 1em;
+    height:100%;
+}
+.io-manager-button{
+    background:#e9d171;
+    width:8em;
+    height:8em;
+    color:#111;
+    font-weight:bold;
+    border-radius:1em;
+    display:flex;
+    align-items: center;
+    justify-content: center;
+}
+.io-manager-button .aio-input{
+    background: none;
+    border: none;
+    padding: 0;
+}

package/index.d.ts

@@ -39,12 +39,10 @@ export declare class AIOCapacitor {
     storageLoad: (name: string, def: any) => Promise<any>;
     copy: (text: string) => Promise<void>;
     paste: () => Promise<string>;
-    readText: (file: any) => Promise<any>;
-    readPath: (path: string, type: 'text' | 'imageSrc' | 'arrayBuffer') => Promise<{
-        success: boolean;
-        result: any;
-        message?: string;
-    }>;
+    readFile: (path: string, directory: Directory) => Promise<any>;
+    uriToSrc: (uri: string) => Promise<any>;
+    pathToUri: (path: string, directory: Directory) => Promise<any>;
+    pathToSrc: (path: string, directory: Directory) => Promise<any>;
     writeFile: (data: string, path: string, encoding?: boolean) => Promise<any>;
     save: (data: string | File | Blob, path: string) => Promise<{
         success: boolean;

package/index.js

@@ -148,26 +148,10 @@ export class AIOCapacitor {
                 return '';
             }
         });
-        this.readText = (file) => __awaiter(this, void 0, void 0, function* () {
-            return yield new FileClass().readInput(file, 'text');
-        });
-        this.readPath = (path, type) => __awaiter(this, void 0, void 0, function* () {
-            const fs = new FileClass();
-            try {
-                const res = yield Filesystem.readFile({ path, directory: Directory.Documents });
-                if (!(res === null || res === void 0 ? void 0 : res.data)) {
-                    return { success: false, result: null, message: 'Empty file' };
-                }
-                const blobRes = fs.base64ToBlob(res.data);
-                if (!blobRes.success) {
-                    return blobRes;
-                }
-                return fs.readInput(blobRes.result, type);
-            }
-            catch (e) {
-                return { success: false, result: null, message: (e === null || e === void 0 ? void 0 : e.message) || 'Storage read failed' };
-            }
-        });
+        this.readFile = (path, directory) => __awaiter(this, void 0, void 0, function* () { return yield Filesystem.readFile({ path, directory }); });
+        this.uriToSrc = (uri) => __awaiter(this, void 0, void 0, function* () { return Capacitor.convertFileSrc(uri); });
+        this.pathToUri = (path, directory) => __awaiter(this, void 0, void 0, function* () { return (yield Filesystem.getUri({ path, directory })).uri; });
+        this.pathToSrc = (path, directory) => __awaiter(this, void 0, void 0, function* () { return yield this.uriToSrc(yield this.pathToUri(path, directory)); });
         this.writeFile = (data, path, encoding) => __awaiter(this, void 0, void 0, function* () { return yield Filesystem.writeFile({ path, data, directory: Directory.Documents, encoding: encoding ? Encoding.UTF8 : undefined }); });
         this.save = (data, path) => __awaiter(this, void 0, void 0, function* () {
             try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-capacitor",
-  "version": "1.0.0",
+  "version": "2.0.1",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",

package/react.d.ts

@@ -0,0 +1,69 @@
+import { type FC, type ReactNode } from "react";
+import { type I_FileRecord } from "./index";
+import './index.css';
+export declare const useCapacitorStorage: <T>(p: {
+    key: string;
+    def: T;
+    debugId?: string;
+}) => {
+    value: any;
+    save: (value: T) => Promise<void>;
+    getValue: () => any;
+    change: (obj: Partial<T>) => Promise<void>;
+    isLoaded: any;
+};
+export declare const useCapacitorStorageList: <T>(p: {
+    key: string;
+    def: T[];
+    getId: (row: T) => any;
+}) => {
+    value: any;
+    add: (row: T) => Promise<void>;
+    edit: (row: T) => Promise<void>;
+    remove: (id: any) => Promise<void>;
+    getById: (id: any) => any;
+    change: (id: any, obj: Partial<T>) => Promise<void>;
+};
+export declare const useAwake: () => {
+    awake: any;
+    setAwake: (state?: boolean) => Promise<any>;
+};
+declare const useFileManager: (p: {
+    mock?: boolean;
+    fa?: boolean;
+    storageKey: string;
+    option?: {
+        text?: (o: I_FileRecord) => ReactNode;
+        subtext?: (o: I_FileRecord) => ReactNode;
+        before?: (o: I_FileRecord) => ReactNode;
+        onClick?: (o: I_FileRecord) => void;
+    };
+}) => {
+    mainProps: {
+        mock?: boolean;
+        fa?: boolean;
+        storageKey: string;
+        option?: {
+            text?: (o: I_FileRecord) => ReactNode;
+            subtext?: (o: I_FileRecord) => ReactNode;
+            before?: (o: I_FileRecord) => ReactNode;
+            onClick?: (o: I_FileRecord) => void;
+        };
+    };
+    files: any;
+    registery: any;
+    click: (actionName: string, row: I_FileRecord) => void;
+    getActions: (row: I_FileRecord) => {
+        text: string;
+        onClick: () => void;
+    }[];
+};
+export declare const FileManager: FC<{
+    hook: ReturnType<typeof useFileManager>;
+}>;
+export declare const IOManager: <T>({ data, onImport, onExport }: {
+    data: T;
+    onImport?: (v: T) => void;
+    onExport?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/react.js

@@ -0,0 +1,171 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { AIOCapacitor, FileRegistry } from "./index";
+import { GetSvg, FileClass } from "aio-utils";
+import { Cards, AIFile } from "aio-input";
+import './index.css';
+export const useCapacitorStorage = (p) => {
+    const { key, def } = p;
+    const [data, setData] = useState({ isLoaded: false, value: def });
+    const dataRef = useRef(data);
+    dataRef.current = data;
+    const ac = new AIOCapacitor();
+    const isNative = ac.isNative();
+    const load = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isNative) {
+            const newData = Object.assign(Object.assign({}, dataRef.current), { isLoaded: true });
+            setData(newData);
+        }
+        else {
+            const res = yield ac.storageLoad(key, def);
+            const newData = Object.assign(Object.assign({}, dataRef.current), { value: res, isLoaded: true });
+            setData(newData);
+        }
+    });
+    const save = (value) => __awaiter(void 0, void 0, void 0, function* () {
+        if (isNative) {
+            yield ac.storageSave(key, value);
+        }
+        const newData = Object.assign(Object.assign({}, dataRef.current), { value });
+        setData(newData);
+    });
+    const change = (obj) => __awaiter(void 0, void 0, void 0, function* () {
+        const oldData = dataRef.current;
+        const { value } = oldData;
+        save(Object.assign(Object.assign({}, value), obj));
+    });
+    const getValue = () => dataRef.current.value;
+    useEffect(() => { load(); }, []);
+    return { value: data.value, save, getValue, change, isLoaded: data.isLoaded };
+};
+export const useCapacitorStorageList = (p) => {
+    const { key, def } = p;
+    const [value, setValue] = useState(def);
+    const ac = new AIOCapacitor();
+    const isNative = ac.isNative();
+    const getById = (id) => value.filter((o) => p.getId(o) === id)[0];
+    const load = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!ac.isNative()) {
+            return;
+        }
+        const res = yield ac.storageLoad(key, def);
+        setValue(res);
+    });
+    const save = (value) => __awaiter(void 0, void 0, void 0, function* () {
+        if (isNative) {
+            yield ac.storageSave(key, value);
+        }
+        setValue(value);
+    });
+    const add = (row) => __awaiter(void 0, void 0, void 0, function* () { return yield save([...value, Object.assign({}, row)]); });
+    const edit = (row) => __awaiter(void 0, void 0, void 0, function* () {
+        const newValue = value.map((o) => {
+            if (p.getId(o) === p.getId(row)) {
+                return row;
+            }
+            return o;
+        });
+        save(newValue);
+    });
+    const change = (id, obj) => __awaiter(void 0, void 0, void 0, function* () {
+        const row = getById(id);
+        if (!row) {
+            return;
+        }
+        yield edit(Object.assign(Object.assign({}, row), obj));
+    });
+    const remove = (id) => __awaiter(void 0, void 0, void 0, function* () { return yield save(value.filter((o) => p.getId(o) !== id)); });
+    useEffect(() => { load(); }, []);
+    return { value, add, edit, remove, getById, change };
+};
+export const useAwake = () => {
+    const ac = new AIOCapacitor();
+    const [awake, setAwake] = useState(false);
+    const getAwake = () => __awaiter(void 0, void 0, void 0, function* () {
+        const awake = yield ac.isAwake();
+        setAwake(awake.isKeptAwake);
+    });
+    useEffect(() => {
+        getAwake();
+    }, []);
+    return { awake, setAwake: ac.awake };
+};
+const useFileManager = (p) => {
+    const [files, setFiles] = useState([]);
+    const registeryRef = useRef(undefined);
+    useEffect(() => {
+        const mock = [
+            { name: 'file1', id: '64563454564', path: './ddsd/sddgf', "createdAt": Date.now(), type: 'text' },
+            { name: 'file2', id: '7664564', path: './ddsd/sddgf', "createdAt": Date.now(), type: 'text' },
+            { name: 'file3', id: '876456464', path: './ddsd/sddgf', "createdAt": Date.now(), type: 'text' },
+            { name: 'file4', id: '544745345', path: './ddsd/sddgf', "createdAt": Date.now(), type: 'text' },
+            { name: 'file5', id: '8965565', path: './ddsd/sddgf', "createdAt": Date.now(), type: 'text' },
+        ];
+        registeryRef.current = new FileRegistry({ storageKey: p.storageKey, onChange: (v) => setFiles(v), mock: p.mock ? mock : undefined });
+    }, []);
+    const click = (actionName, row) => {
+        const registery = registeryRef.current;
+        if (registery) {
+            if (actionName === 'rename') {
+                registery.rename(row.id);
+            }
+            else if (actionName === 'remove') {
+                registery.remove(row.id);
+            }
+        }
+    };
+    const getActions = (row) => {
+        return [
+            { text: p.fa ? 'تغییر نام' : 'Rename', onClick: () => click('rename', row) },
+            { text: p.fa ? 'حذف' : 'Remove', onClick: () => click('remove', row) },
+        ];
+    };
+    return { mainProps: p, files, registery: registeryRef.current, click, getActions };
+};
+export const FileManager = ({ hook }) => {
+    const { mainProps } = hook;
+    const { option = {} } = mainProps;
+    return (_jsx("div", { className: "fr-list", children: _jsx(Cards, { items: hook.files, option: {
+                text: (row) => !option.text ? row.name : option.text(row),
+                subtext: (row) => !option.subtext ? undefined : option.subtext(row),
+                before: (row) => !(option === null || option === void 0 ? void 0 : option.before) ? new GetSvg().getIcon('mdiFile', 0.7) : option.before(row),
+                actions: (o) => hook.getActions(o)
+            } }) }));
+};
+export const IOManager = ({ data, onImport, onExport }) => {
+    const importData = (file) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!onImport) {
+            return;
+        }
+        const res = yield new FileClass().readText(file);
+        if (res.success) {
+            onImport(JSON.parse(res.result));
+        }
+        else {
+            alert(res.message);
+        }
+    });
+    const exportData = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!onExport) {
+            return;
+        }
+        const f = new FileClass();
+        const res = yield f.saveFile(data, 'finance-data.json');
+        if (res.success) {
+            onExport();
+        }
+        else {
+            alert(res.message);
+        }
+    });
+    return (_jsxs("div", { className: "io-manager", children: [!!onImport && _jsx("div", { className: "io-manager-button", children: _jsx(AIFile, { text: 'Import', onChange: (file) => importData(file) }) }), !!onExport && _jsx("div", { className: "io-manager-button", onClick: () => exportData(), children: "Export" })] }));
+};