@domql/router 2.3.50 → 2.3.60

package/dist/cjs/index.js

@@ -0,0 +1,63 @@
+"use strict";
+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: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var router_exports = {};
+__export(router_exports, {
+  getActiveRoute: () => getActiveRoute,
+  lastLevel: () => lastLevel,
+  router: () => router
+});
+module.exports = __toCommonJS(router_exports);
+var import_globals = require("@domql/globals");
+var import_utils = require("@domql/utils");
+const getActiveRoute = (route = import_globals.window.location.pathname, level) => `/${route.split("/")[level + 1]}`;
+let lastLevel = 0;
+const defaultOptions = {
+  level: lastLevel,
+  pushState: true,
+  scrollToTop: true,
+  scrollToNode: false,
+  useFragment: false,
+  updateState: true
+};
+const router = (element, path, state = {}, options = defaultOptions) => {
+  (0, import_utils.merge)(options, defaultOptions);
+  lastLevel = options.lastLevel;
+  const [pathname, hash] = path.split("#");
+  const route = getActiveRoute(pathname, options.level);
+  const content = element.routes[route] || element.routes["/*"];
+  if (content) {
+    if (options.pushState)
+      import_globals.window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ""));
+    element.set({ tag: options.useFragment && "fragment", extend: content });
+    if (options.updateState)
+      element.state.update({ route, hash });
+    const rootNode = element.node;
+    if (options.scrollToTop)
+      rootNode.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+    if (options.scrollToNode)
+      content.content.node.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+    if (hash) {
+      const activeNode = document.getElementById(hash);
+      if (activeNode) {
+        const top = activeNode.getBoundingClientRect().top + rootNode.scrollToTopp - 140;
+        rootNode.scrollTo({ behavior: "smooth", top, left: 0 });
+      }
+    }
+  }
+};

package/dist/cjs/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "main": "index.js"
+}

package/dist/esm/index.js

@@ -0,0 +1,43 @@
+import { window } from "@domql/globals";
+import { merge } from "@domql/utils";
+const getActiveRoute = (route = window.location.pathname, level) => `/${route.split("/")[level + 1]}`;
+let lastLevel = 0;
+const defaultOptions = {
+  level: lastLevel,
+  pushState: true,
+  scrollToTop: true,
+  scrollToNode: false,
+  useFragment: false,
+  updateState: true
+};
+const router = (element, path, state = {}, options = defaultOptions) => {
+  merge(options, defaultOptions);
+  lastLevel = options.lastLevel;
+  const [pathname, hash] = path.split("#");
+  const route = getActiveRoute(pathname, options.level);
+  const content = element.routes[route] || element.routes["/*"];
+  if (content) {
+    if (options.pushState)
+      window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ""));
+    element.set({ tag: options.useFragment && "fragment", extend: content });
+    if (options.updateState)
+      element.state.update({ route, hash });
+    const rootNode = element.node;
+    if (options.scrollToTop)
+      rootNode.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+    if (options.scrollToNode)
+      content.content.node.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+    if (hash) {
+      const activeNode = document.getElementById(hash);
+      if (activeNode) {
+        const top = activeNode.getBoundingClientRect().top + rootNode.scrollToTopp - 140;
+        rootNode.scrollTo({ behavior: "smooth", top, left: 0 });
+      }
+    }
+  }
+};
+export {
+  getActiveRoute,
+  lastLevel,
+  router
+};

package/dist/iife/index.js

@@ -0,0 +1,41 @@
+"use strict";
+(() => {
+  var import_globals = require("@domql/globals");
+  var import_utils = require("@domql/utils");
+  const getActiveRoute = (route = import_globals.window.location.pathname, level) => `/${route.split("/")[level + 1]}`;
+  let lastLevel = 0;
+  const defaultOptions = {
+    level: lastLevel,
+    pushState: true,
+    scrollToTop: true,
+    scrollToNode: false,
+    useFragment: false,
+    updateState: true
+  };
+  const router = (element, path, state = {}, options = defaultOptions) => {
+    (0, import_utils.merge)(options, defaultOptions);
+    lastLevel = options.lastLevel;
+    const [pathname, hash] = path.split("#");
+    const route = getActiveRoute(pathname, options.level);
+    const content = element.routes[route] || element.routes["/*"];
+    if (content) {
+      if (options.pushState)
+        import_globals.window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ""));
+      element.set({ tag: options.useFragment && "fragment", extend: content });
+      if (options.updateState)
+        element.state.update({ route, hash });
+      const rootNode = element.node;
+      if (options.scrollToTop)
+        rootNode.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+      if (options.scrollToNode)
+        content.content.node.scrollTo({ behavior: "smooth", top: 0, left: 0 });
+      if (hash) {
+        const activeNode = document.getElementById(hash);
+        if (activeNode) {
+          const top = activeNode.getBoundingClientRect().top + rootNode.scrollToTopp - 140;
+          rootNode.scrollTo({ behavior: "smooth", top, left: 0 });
+        }
+      }
+    }
+  };
+})();

package/package.json

@@ -1,14 +1,29 @@
 {
   "name": "@domql/router",
-  "version": "2.3.50",
-  "main": "index.js",
+  "version": "2.3.60",
   "license": "MIT",
+  "type": "module",
+  "module": "dist/esm/index.js",
+  "unpkg": "dist/iife/index.js",
+  "jsdelivr": "dist/iife/index.js",
+  "main": "dist/esm/index.js",
+  "exports": "./dist/cjs/index.js",
+  "source": "index.js",
+  "files": [
+    "*.js",
+    "dist"
+  ],
   "scripts": {
-    "vpatch": "npm version patch && npm publish --access public"
+    "copy:package:cjs": "cp ../../package-cjs.json dist/cjs/package.json",
+    "build:esm": "npx esbuild *.js --target=es2020 --format=esm --outdir=dist/esm",
+    "build:cjs": "npx esbuild *.js --target=node16 --format=cjs --outdir=dist/cjs && yarn copy:package:cjs",
+    "build:iife": "npx esbuild *.js --target=node16 --format=iife --outdir=dist/iife",
+    "build": "rimraf -I dist && yarn build:esm && yarn build:cjs && yarn build:iife",
+    "postinstall": "yarn build",
+    "prepublish": "yarn build"
   },
   "dependencies": {
     "@domql/utils": "latest"
   },
-  "gitHead": "d3e2a8cef1a70c00f05aaf7e91389ce046365df4",
-  "source": "index.js"
+  "gitHead": "1c0635af260927e33f5e83507f1b126d23938fbc"
 }