@react-motion-router/core 2.0.0-beta.eb7bb7e → 2.0.0-beta.sha-dfc284b

package/build/common/utils.js

@@ -0,0 +1,168 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ var __webpack_modules__ = ({
+
+/***/ 810:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["lazy"]: () => __WEBPACK_EXTERNAL_MODULE_react__.lazy });
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DM": () => (/* binding */ PromiseAllDynamic),
+/* harmony export */   "Ky": () => (/* binding */ isURLPatternSupported),
+/* harmony export */   "Nu": () => (/* binding */ dispatchEvent),
+/* harmony export */   "QN": () => (/* binding */ matchRoute),
+/* harmony export */   "Sy": () => (/* binding */ polyfillNavigation),
+/* harmony export */   "Vo": () => (/* binding */ lazy),
+/* harmony export */   "e1": () => (/* binding */ includesRoute),
+/* harmony export */   "gy": () => (/* binding */ polyfillURLPattern),
+/* harmony export */   "n4": () => (/* binding */ resolveBaseURLFromPattern),
+/* harmony export */   "vi": () => (/* binding */ isNavigationSupported),
+/* harmony export */   "zW": () => (/* binding */ toCamelCase)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(810);
+
+function resolveBaseURLFromPattern(pattern, pathname) {
+    if (!pattern.endsWith("**"))
+        pattern += '**'; // allows us to match nested routes
+    const origin = window.location.origin;
+    const baseURLMatch = new URLPattern(pattern, origin).exec(pathname, origin);
+    if (!baseURLMatch)
+        return null;
+    const nestedPathnameGroup = baseURLMatch.pathname.groups[1] ?? '';
+    // derive concrete baseURL
+    return new URL(pathname.replace(nestedPathnameGroup, ''), window.location.origin);
+}
+function matchRoute(pathnamePattern, pathname, baseURLPattern = `${window.location.origin}/`, caseSensitive = true) {
+    if (!caseSensitive) {
+        pathnamePattern = pathnamePattern.toLowerCase();
+        pathname = pathname.toLowerCase();
+    }
+    const baseURL = resolveBaseURLFromPattern(baseURLPattern, pathname)?.href;
+    if (!baseURL)
+        return null;
+    const match = new URLPattern({ baseURL, pathname: pathnamePattern }).exec({ pathname, baseURL });
+    const params = match?.pathname.groups ?? {};
+    if (match) {
+        return {
+            params
+        };
+    }
+    return null;
+}
+function includesRoute(pathnamePatterns, pathname, baseURL = window.location.origin) {
+    return pathnamePatterns.some(({ pattern, caseSensitive }) => matchRoute(pattern, pathname, baseURL, caseSensitive));
+}
+function dispatchEvent(event, target = window) {
+    return new Promise((resolve) => {
+        queueMicrotask(() => resolve(target.dispatchEvent(event)));
+    });
+}
+function lazy(factory) {
+    const Component = (0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(factory);
+    Component.load = async () => {
+        Component.module ??= await factory();
+        return Component.module;
+    };
+    return Component;
+}
+function isNavigationSupported() {
+    return Boolean(window.navigation);
+}
+function isURLPatternSupported() {
+    // @ts-ignore: Property 'UrlPattern' does not exist 
+    return Boolean(globalThis.URLPattern);
+}
+async function polyfillURLPattern() {
+    const { URLPattern } = await import(/*webpackIgnore: true*/ "urlpattern-polyfill");
+    // @ts-ignore: Property 'UrlPattern' does not exist 
+    globalThis.URLPattern = URLPattern;
+}
+async function polyfillNavigation() {
+    const { applyPolyfill } = await import(/*webpackIgnore: true*/ "@virtualstate/navigation");
+    applyPolyfill({
+        history: true,
+        interceptEvents: true,
+        patch: true,
+        persist: true,
+        persistState: true
+    });
+}
+async function PromiseAllDynamic(values) {
+    const awaited = [];
+    for (const value of values) {
+        awaited.push(await value);
+    }
+    return awaited;
+}
+function toCamelCase(value) {
+    return value.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+}
+
+})();
+
+var __webpack_exports__PromiseAllDynamic = __webpack_exports__.DM;
+var __webpack_exports__dispatchEvent = __webpack_exports__.Nu;
+var __webpack_exports__includesRoute = __webpack_exports__.e1;
+var __webpack_exports__isNavigationSupported = __webpack_exports__.vi;
+var __webpack_exports__isURLPatternSupported = __webpack_exports__.Ky;
+var __webpack_exports__lazy = __webpack_exports__.Vo;
+var __webpack_exports__matchRoute = __webpack_exports__.QN;
+var __webpack_exports__polyfillNavigation = __webpack_exports__.Sy;
+var __webpack_exports__polyfillURLPattern = __webpack_exports__.gy;
+var __webpack_exports__resolveBaseURLFromPattern = __webpack_exports__.n4;
+var __webpack_exports__toCamelCase = __webpack_exports__.zW;
+export { __webpack_exports__PromiseAllDynamic as PromiseAllDynamic, __webpack_exports__dispatchEvent as dispatchEvent, __webpack_exports__includesRoute as includesRoute, __webpack_exports__isNavigationSupported as isNavigationSupported, __webpack_exports__isURLPatternSupported as isURLPatternSupported, __webpack_exports__lazy as lazy, __webpack_exports__matchRoute as matchRoute, __webpack_exports__polyfillNavigation as polyfillNavigation, __webpack_exports__polyfillURLPattern as polyfillURLPattern, __webpack_exports__resolveBaseURLFromPattern as resolveBaseURLFromPattern, __webpack_exports__toCamelCase as toCamelCase };
+
+//# sourceMappingURL=utils.js.map

package/build/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common/utils.js","mappings":";;;;;;AAAA,eAAe,YAAY,6BAA6B;AACxD;AACA,qBAAqB,wDAAwD;;;;;;SCF7E;SACA;;SAEA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;SACA;;SAEA;SACA;;SAEA;SACA;SACA;;;;;UCtBA;UACA;UACA;UACA;UACA,yCAAyC,wCAAwC;UACjF;UACA;UACA;;;;;UCPA;;;;;;;;;;;;;;;;;;;;;ACA0C;AAGnC,SAAS,yBAAyB,CAAC,OAAe,EAAE,QAAgB;IACvE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,IAAI,CAAC,CAAC,mCAAmC;IACjF,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IACtC,MAAM,YAAY,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5E,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAClE,0BAA0B;IAC1B,OAAO,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AACtF,CAAC;AAEM,SAAS,UAAU,CACtB,eAAuB,EACvB,QAAgB,EAChB,iBAAyB,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,EACrD,gBAAyB,IAAI;IAE7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,eAAe,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;QAChD,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,OAAO,GAAG,yBAAyB,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC;IAC1E,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IACjG,MAAM,MAAM,GAAG,KAAK,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC;IAC5C,IAAI,KAAK,EAAE,CAAC;QACR,OAAO;YACH,MAAM;SACT,CAAC;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAEM,SAAS,aAAa,CAAC,gBAA+B,EAAE,QAAgB,EAAE,UAAkB,MAAM,CAAC,QAAQ,CAAC,MAAM;IACrH,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AACxH,CAAC;AAEM,SAAS,aAAa,CAAI,KAA6B,EAAE,SAAoC,MAAM;IACtG,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;QACpC,cAAc,CAAC,GAAG,EAAE,CAAC,OAAO,CACxB,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAC9B,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAEM,SAAS,IAAI,CAChB,OAAsC;IAEtC,MAAM,SAAS,GAAG,2CAAS,CAAC,OAAO,CAA2B,CAAC;IAC/D,SAAS,CAAC,IAAI,GAAG,KAAK,IAAI,EAAE;QACxB,SAAS,CAAC,MAAM,KAAK,MAAM,OAAO,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC,MAAM,CAAC;IAC5B,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACrB,CAAC;AAEM,SAAS,qBAAqB;IACjC,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC;AAEM,SAAS,qBAAqB;IACjC,oDAAoD;IACpD,OAAO,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC;AAEM,KAAK,UAAU,kBAAkB;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,MAAM,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IACnF,oDAAoD;IACpD,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;AACvC,CAAC;AAEM,KAAK,UAAU,kBAAkB;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,uBAAuB,CAAC,0BAA0B,CAAC,CAAC;IAC3F,aAAa,CAAC;QACV,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,IAAI;QACrB,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,IAAI;KACrB,CAAC,CAAC;AACP,CAAC;AAEM,KAAK,UAAU,iBAAiB,CAAI,MAAoC;IAC3E,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AAEM,SAAS,WAAW,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAChE,CAAC","sources":["webpack://@react-motion-router/core/external module \"react\"","webpack://@react-motion-router/core/webpack/bootstrap","webpack://@react-motion-router/core/webpack/runtime/define property getters","webpack://@react-motion-router/core/webpack/runtime/hasOwnProperty shorthand","webpack://@react-motion-router/core/./src/common/utils.ts"],"sourcesContent":["var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }\nvar y = x => () => x\nmodule.exports = x({ [\"lazy\"]: () => __WEBPACK_EXTERNAL_MODULE_react__.lazy });","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { lazy as ReactLazy } from \"react\";\nimport { LazyExoticComponent, MatchedRoute, PathPattern } from \"./types\";\n\nexport function resolveBaseURLFromPattern(pattern: string, pathname: string) {\n    if (!pattern.endsWith(\"**\")) pattern += '**'; // allows us to match nested routes\n    const origin = window.location.origin;\n    const baseURLMatch = new URLPattern(pattern, origin).exec(pathname, origin);\n    if (!baseURLMatch) return null;\n\n    const nestedPathnameGroup = baseURLMatch.pathname.groups[1] ?? '';\n    // derive concrete baseURL\n    return new URL(pathname.replace(nestedPathnameGroup, ''), window.location.origin);\n}\n\nexport function matchRoute(\n    pathnamePattern: string,\n    pathname: string,\n    baseURLPattern: string = `${window.location.origin}/`,\n    caseSensitive: boolean = true\n): MatchedRoute | null {\n    if (!caseSensitive) {\n        pathnamePattern = pathnamePattern.toLowerCase();\n        pathname = pathname.toLowerCase();\n    }\n\n    const baseURL = resolveBaseURLFromPattern(baseURLPattern, pathname)?.href;\n    if (!baseURL) return null;\n\n    const match = new URLPattern({ baseURL, pathname: pathnamePattern }).exec({ pathname, baseURL });\n    const params = match?.pathname.groups ?? {};\n    if (match) {\n        return {\n            params\n        };\n    }\n    return null;\n}\n\nexport function includesRoute(pathnamePatterns: PathPattern[], pathname: string, baseURL: string = window.location.origin) {\n    return pathnamePatterns.some(({ pattern, caseSensitive }) => matchRoute(pattern, pathname, baseURL, caseSensitive));\n}\n\nexport function dispatchEvent<T>(event: CustomEvent<T> | Event, target: HTMLElement | EventTarget = window) {\n    return new Promise<boolean>((resolve) => {\n        queueMicrotask(() => resolve(\n            target.dispatchEvent(event)\n        ));\n    });\n}\n\nexport function lazy<T extends React.ComponentType<any>>(\n    factory: () => Promise<{ default: T }>\n): LazyExoticComponent<T> {\n    const Component = ReactLazy(factory) as LazyExoticComponent<T>;\n    Component.load = async () => {\n        Component.module ??= await factory();\n        return Component.module;\n    };\n    return Component;\n}\n\nexport function isNavigationSupported() {\n    return Boolean(window.navigation);\n}\n\nexport function isURLPatternSupported() {\n    // @ts-ignore: Property 'UrlPattern' does not exist \n    return Boolean(globalThis.URLPattern);\n}\n\nexport async function polyfillURLPattern() {\n    const { URLPattern } = await import(/*webpackIgnore: true*/ \"urlpattern-polyfill\");\n    // @ts-ignore: Property 'UrlPattern' does not exist \n    globalThis.URLPattern = URLPattern;\n}\n\nexport async function polyfillNavigation() {\n    const { applyPolyfill } = await import(/*webpackIgnore: true*/ \"@virtualstate/navigation\");\n    applyPolyfill({\n        history: true,\n        interceptEvents: true,\n        patch: true,\n        persist: true,\n        persistState: true\n    });\n}\n\nexport async function PromiseAllDynamic<T>(values: Iterable<T | PromiseLike<T>>): Promise<Awaited<T>[]> {\n    const awaited = [];\n    for (const value of values) {\n        awaited.push(await value);\n    }\n\n    return awaited;\n}\n\nexport function toCamelCase(value: string) {\n    return value.replace(/-([a-z])/g, (g) => g[1].toUpperCase())\n}"],"names":[],"sourceRoot":""}

package/build/index.d.ts

@@ -0,0 +1,11 @@
+export * from './SharedElement';
+export * from './RouterBase';
+export * from './ScreenBase';
+export * from './NavigationBase';
+export * from './MotionContext';
+export * from './RouterContext';
+export * from './common/hooks';
+export * from './common/types';
+export * from './common/events';
+export * from './common/utils';
+export * from './common/constants';