one
Version:
One is a new React Framework that makes Vite serve both native and web.
177 lines • 6.55 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all) __defProp(target, name, {
get: all[name],
enumerable: !0
});
},
__copyProps = (to, from, except, desc) => {
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
get: () => from[key],
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
return to;
};
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
value: !0
}), mod);
var useLoader_exports = {};
__export(useLoader_exports, {
refetchLoader: () => refetchLoader,
useLoader: () => useLoader,
useLoaderState: () => useLoaderState
});
module.exports = __toCommonJS(useLoader_exports);
var import_react = require("react"),
import_hooks = require("./hooks.cjs"),
import_router = require("./router/router.cjs"),
import_cleanUrl = require("./utils/cleanUrl.cjs"),
import_dynamicImport = require("./utils/dynamicImport.cjs"),
import_weakKey = require("./utils/weakKey.cjs"),
import_one_server_only = require("./vite/one-server-only.cjs");
const loaderState = {},
subscribers = /* @__PURE__ */new Set();
function updateState(path, updates) {
loaderState[path] = {
...loaderState[path],
...updates
}, subscribers.forEach(callback => {
callback();
});
}
function subscribe(callback) {
return subscribers.add(callback), () => subscribers.delete(callback);
}
function getLoaderState(path, preloadedData2) {
return loaderState[path] || (loaderState[path] = {
data: preloadedData2,
error: void 0,
promise: void 0,
state: "idle",
hasLoadedOnce: !!preloadedData2
}), loaderState[path];
}
async function refetchLoader(pathname2) {
updateState(pathname2, {
state: "loading",
error: null
});
try {
const cacheBust = `${Date.now()}`,
loaderJSUrl2 = (0, import_cleanUrl.getLoaderPath)(pathname2, !0, cacheBust),
result2 = await (await (0, import_dynamicImport.dynamicImport)(loaderJSUrl2)).loader();
updateState(pathname2, {
data: result2,
state: "idle",
timestamp: Date.now(),
hasLoadedOnce: !0
});
} catch (err) {
throw updateState(pathname2, {
error: err,
state: "idle"
}), err;
}
}
typeof window < "u" && (window.__oneRefetchLoader = refetchLoader);
function useLoaderState(loader) {
const {
loaderProps: loaderPropsFromServerContext,
loaderData: loaderDataFromServerContext
} = (0, import_one_server_only.useServerContext)() || {},
params = (0, import_hooks.useParams)(),
pathname = (0, import_hooks.usePathname)(),
currentPath = pathname.replace(/\/index$/, "").replace(/\/$/, "") || "/";
if (typeof window > "u" && loader) return {
data: useAsyncFn(loader, loaderPropsFromServerContext || {
path: pathname,
params
}),
refetch: async () => {},
state: "idle"
};
const serverContextPath = loaderPropsFromServerContext?.path,
preloadedData = serverContextPath === currentPath ? loaderDataFromServerContext : void 0,
loaderStateEntry = (0, import_react.useSyncExternalStore)(subscribe, () => getLoaderState(currentPath, preloadedData), () => getLoaderState(currentPath, preloadedData)),
refetch = (0, import_react.useCallback)(() => refetchLoader(currentPath), [currentPath]);
if (!loader) return {
refetch,
state: loaderStateEntry.state
};
if (!loaderStateEntry.data && !loaderStateEntry.promise && !loaderStateEntry.hasLoadedOnce && loader) {
const resolvedPreloadData = import_router.preloadedLoaderData[currentPath];
if (resolvedPreloadData !== void 0) delete import_router.preloadedLoaderData[currentPath], delete import_router.preloadingLoader[currentPath], loaderStateEntry.data = resolvedPreloadData, loaderStateEntry.hasLoadedOnce = !0;else if (import_router.preloadingLoader[currentPath]) {
const promise2 = import_router.preloadingLoader[currentPath].then(val => {
delete import_router.preloadingLoader[currentPath], delete import_router.preloadedLoaderData[currentPath], updateState(currentPath, {
data: val,
hasLoadedOnce: !0,
promise: void 0
});
}).catch(err => {
console.error("Error running loader()", err), delete import_router.preloadingLoader[currentPath], updateState(currentPath, {
error: err,
promise: void 0
});
});
loaderStateEntry.promise = promise2;
} else {
const loadData = async () => {
try {
const loaderJSUrl = (0, import_cleanUrl.getLoaderPath)(currentPath, !0),
module = await (0, import_dynamicImport.dynamicImport)(loaderJSUrl),
result = await module.loader();
updateState(currentPath, {
data: result,
hasLoadedOnce: !0,
promise: void 0
});
} catch (err) {
updateState(currentPath, {
error: err,
promise: void 0
});
}
},
promise = loadData();
loaderStateEntry.promise = promise;
}
}
if (loader) {
if (loaderStateEntry.error && !loaderStateEntry.hasLoadedOnce) throw loaderStateEntry.error;
if (loaderStateEntry.data === void 0 && loaderStateEntry.promise && !loaderStateEntry.hasLoadedOnce) throw loaderStateEntry.promise;
return {
data: loaderStateEntry.data,
refetch,
state: loaderStateEntry.state
};
} else return {
refetch,
state: loaderStateEntry.state
};
}
function useLoader(loader2) {
const {
data: data2
} = useLoaderState(loader2);
return data2;
}
const results = /* @__PURE__ */new Map(),
started = /* @__PURE__ */new Map();
function useAsyncFn(val, props) {
const key = (val ? (0, import_weakKey.weakKey)(val) : "") + JSON.stringify(props);
if (val && !started.get(key)) {
started.set(key, !0);
let next = val(props);
next instanceof Promise && (next = next.then(final => {
results.set(key, final);
}).catch(err => {
console.error("Error running loader()", err), results.set(key, void 0);
})), results.set(key, next);
}
const current = results.get(key);
if (current instanceof Promise) throw current;
return current;
}