mirror of
https://github.com/pyscript/pyscript.git
synced 2026-02-15 04:01:02 -05:00
b11fb2e893
* Added polyscript/service-worker as workaround for missing sabayon * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * updated polyscript to its latest * Updated polyscript one mor time --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
83 lines
2.7 KiB
JavaScript
83 lines
2.7 KiB
JavaScript
import IDBMap from "@webreflection/idb-map";
|
||
import withResolvers from "@webreflection/utils/with-resolvers";
|
||
import { assign } from "polyscript/exports";
|
||
import { $$ } from "basic-devtools";
|
||
|
||
const stop = (event) => {
|
||
event.preventDefault();
|
||
event.stopImmediatePropagation();
|
||
};
|
||
|
||
// ⚠️ these two constants MUST be passed as `fs`
|
||
// within the worker onBeforeRunAsync hook!
|
||
export const NAMESPACE = "@pyscript.fs";
|
||
export const ERROR = "storage permissions not granted";
|
||
|
||
export const idb = new IDBMap(NAMESPACE);
|
||
|
||
/**
|
||
* Ask a user action via dialog and returns the directory handler once granted.
|
||
* @param {{id?:string, mode?:"read"|"readwrite", hint?:"desktop"|"documents"|"downloads"|"music"|"pictures"|"videos"}} options
|
||
* @returns {Promise<FileSystemDirectoryHandle>}
|
||
*/
|
||
export const getFileSystemDirectoryHandle = async (options) => {
|
||
if (!("showDirectoryPicker" in globalThis)) {
|
||
return Promise.reject(
|
||
new Error("showDirectoryPicker is not supported"),
|
||
);
|
||
}
|
||
|
||
const { promise, resolve, reject } = withResolvers();
|
||
|
||
const how = { id: "pyscript", mode: "readwrite", ...options };
|
||
if (options.hint) how.startIn = options.hint;
|
||
|
||
const transient = async () => {
|
||
try {
|
||
/* eslint-disable */
|
||
const handler = await showDirectoryPicker(how);
|
||
/* eslint-enable */
|
||
if ((await handler.requestPermission(how)) === "granted") {
|
||
resolve(handler);
|
||
return true;
|
||
}
|
||
} catch ({ message }) {
|
||
console.warn(message);
|
||
}
|
||
return false;
|
||
};
|
||
|
||
// in case the user decided to attach the event itself
|
||
// as opposite of relying our dialog walkthrough
|
||
if (navigator.userActivation?.isActive) {
|
||
if (!(await transient())) reject(new Error(ERROR));
|
||
} else {
|
||
const dialog = assign(document.createElement("dialog"), {
|
||
className: "pyscript-fs",
|
||
innerHTML: [
|
||
"<strong>ℹ️ Persistent FileSystem</strong><hr>",
|
||
"<p><small>PyScript would like to access a local folder.</small></p>",
|
||
"<div><button title='ok'>✅ Authorize</button>",
|
||
"<button title='cancel'>❌</button></div>",
|
||
].join(""),
|
||
});
|
||
|
||
const [ok, cancel] = $$("button", dialog);
|
||
|
||
ok.addEventListener("click", async (event) => {
|
||
stop(event);
|
||
if (await transient()) dialog.close();
|
||
});
|
||
|
||
cancel.addEventListener("click", async (event) => {
|
||
stop(event);
|
||
reject(new Error(ERROR));
|
||
dialog.close();
|
||
});
|
||
|
||
document.body.appendChild(dialog).showModal();
|
||
}
|
||
|
||
return promise;
|
||
};
|