@studiometa/js-toolkit 2.0.0-beta.9 → 2.0.0-rc.1

package/helpers/createApp.cjs

@@ -0,0 +1,52 @@
+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);
+
+// packages/js-toolkit/helpers/createApp.js
+var createApp_exports = {};
+__export(createApp_exports, {
+  default: () => createApp
+});
+module.exports = __toCommonJS(createApp_exports);
+function createApp(App, rootElement = document.body) {
+  let isLoaded = document.readyState === "complete";
+  let app;
+  if (!isLoaded) {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
+        app = new App(rootElement).$mount();
+        isLoaded = true;
+      }
+    });
+  } else {
+    app = new App(rootElement).$mount();
+  }
+  const promise = new Promise((resolve) => {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
+        setTimeout(() => resolve(app), 0);
+      }
+    });
+  });
+  return function useApp() {
+    if (isLoaded) {
+      return Promise.resolve(app);
+    }
+    return promise;
+  };
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/createApp.d.ts

@@ -28,10 +28,10 @@
  *
  * @template {BaseConstructor} T
  * @param {T} App
- * @param {HTMLElement} rootElement
+ * @param {HTMLElement=} [rootElement]
  *
  * @return {() => Promise<InstanceType<T>>}
  *
  */
-export default function createApp<T extends typeof import("../Base/index.js").default>(App: T, rootElement: HTMLElement): () => Promise<InstanceType<T>>;
+export default function createApp<T extends typeof import("../Base/index.js").default>(App: T, rootElement?: HTMLElement | undefined): () => Promise<InstanceType<T>>;
 export type BaseConstructor = import('../Base/index.js').BaseConstructor;

package/helpers/createApp.js

@@ -1,10 +1,9 @@
-export default function createApp(App, rootElement) {
-  var isLoaded = document.readyState === 'complete';
-  var app;
-
+function createApp(App, rootElement = document.body) {
+  let isLoaded = document.readyState === "complete";
+  let app;
   if (!isLoaded) {
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         app = new App(rootElement).$mount();
         isLoaded = true;
       }
@@ -12,10 +11,9 @@ export default function createApp(App, rootElement) {
   } else {
     app = new App(rootElement).$mount();
   }
-
-  var promise = new Promise(resolve => {
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+  const promise = new Promise((resolve) => {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         setTimeout(() => resolve(app), 0);
       }
     });
@@ -24,7 +22,9 @@ export default function createApp(App, rootElement) {
     if (isLoaded) {
       return Promise.resolve(app);
     }
-
     return promise;
   };
-}
+}
+export {
+  createApp as default
+};

package/helpers/importOnInteraction.cjs

@@ -0,0 +1,52 @@
+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);
+
+// packages/js-toolkit/helpers/importOnInteraction.js
+var importOnInteraction_exports = {};
+__export(importOnInteraction_exports, {
+  default: () => importOnInteraction
+});
+module.exports = __toCommonJS(importOnInteraction_exports);
+var import_utils = require("./utils.cjs");
+function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
+  const normalizedEvents = typeof events === "string" ? [events] : events;
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module2) => {
+      ResolvedClass = "default" in module2 ? module2.default : module2;
+      resolve(ResolvedClass);
+    });
+  };
+  return new Promise((resolve) => {
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
+    const eventListenerOptions = {
+      capture: true,
+      passive: true,
+      once: true
+    };
+    const handler = () => {
+      resolver(resolve);
+    };
+    elements.forEach((element) => {
+      normalizedEvents.forEach((event) => {
+        element.addEventListener(event, handler, eventListenerOptions);
+      });
+    });
+  });
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.js

@@ -1,31 +1,30 @@
-import { getTargetElements } from './utils.js';
-export default function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
-  var normalizedEvents = typeof events === 'string' ? [events] : events;
-  var ResolvedClass;
-
-  var resolver = resolve => {
-    fn().then(module => {
-      ResolvedClass = 'default' in module ? module.default : module;
+import { getTargetElements } from "./utils.js";
+function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
+  const normalizedEvents = typeof events === "string" ? [events] : events;
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module) => {
+      ResolvedClass = "default" in module ? module.default : module;
       resolve(ResolvedClass);
     });
   };
-
-  return new Promise(resolve => {
-    var elements = getTargetElements(nameOrSelectorOrElement, parent === null || parent === void 0 ? void 0 : parent.$el);
-    var eventListenerOptions = {
+  return new Promise((resolve) => {
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
+    const eventListenerOptions = {
       capture: true,
       passive: true,
       once: true
     };
-
-    var handler = () => {
+    const handler = () => {
       resolver(resolve);
     };
-
-    elements.forEach(element => {
-      normalizedEvents.forEach(event => {
+    elements.forEach((element) => {
+      normalizedEvents.forEach((event) => {
         element.addEventListener(event, handler, eventListenerOptions);
       });
     });
   });
-}
+}
+export {
+  importOnInteraction as default
+};

package/helpers/importWhenIdle.cjs

@@ -0,0 +1,49 @@
+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);
+
+// packages/js-toolkit/helpers/importWhenIdle.js
+var importWhenIdle_exports = {};
+__export(importWhenIdle_exports, {
+  default: () => importWhenIdle
+});
+module.exports = __toCommonJS(importWhenIdle_exports);
+function importWhenIdle(fn, options) {
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module2) => {
+      ResolvedClass = "default" in module2 ? module2.default : module2;
+      resolve(ResolvedClass);
+    });
+  };
+  return new Promise((resolve) => {
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
+    if (!("requestIdleCallback" in window)) {
+      setTimeout(() => {
+        resolver(resolve);
+      }, timeout);
+    } else {
+      window.requestIdleCallback(() => {
+        setTimeout(() => {
+          resolver(resolve);
+        }, 0);
+      }, { timeout: options == null ? void 0 : options.timeout });
+    }
+  });
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenIdle.js

@@ -1,19 +1,15 @@
-export default function importWhenIdle(fn, options) {
-  var ResolvedClass;
-
-  var resolver = resolve => {
-    fn().then(module => {
-      ResolvedClass = 'default' in module ? module.default : module;
+function importWhenIdle(fn, options) {
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module) => {
+      ResolvedClass = "default" in module ? module.default : module;
       resolve(ResolvedClass);
     });
   };
-
-  return new Promise(resolve => {
-    var _options$timeout;
-
-    var timeout = (_options$timeout = options === null || options === void 0 ? void 0 : options.timeout) !== null && _options$timeout !== void 0 ? _options$timeout : 1;
-
-    if (!('requestIdleCallback' in window)) {
+  return new Promise((resolve) => {
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
+    if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
       }, timeout);
@@ -22,9 +18,10 @@ export default function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, {
-        timeout: options === null || options === void 0 ? void 0 : options.timeout
-      });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
-}
+}
+export {
+  importWhenIdle as default
+};

package/helpers/importWhenVisible.cjs

@@ -0,0 +1,50 @@
+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);
+
+// packages/js-toolkit/helpers/importWhenVisible.js
+var importWhenVisible_exports = {};
+__export(importWhenVisible_exports, {
+  default: () => importWhenVisible
+});
+module.exports = __toCommonJS(importWhenVisible_exports);
+var import_utils = require("./utils.cjs");
+function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions = {}) {
+  let ResolvedClass;
+  const resolver = (resolve, cb) => {
+    fn().then((module2) => {
+      ResolvedClass = "default" in module2 ? module2.default : module2;
+      resolve(ResolvedClass);
+      if (typeof cb === "function") {
+        cb();
+      }
+    });
+  };
+  return new Promise((resolve) => {
+    const observer = new IntersectionObserver((entries) => {
+      const someEntriesAreVisible = entries.some((entry) => entry.isIntersecting);
+      if (someEntriesAreVisible) {
+        setTimeout(() => {
+          resolver(resolve, () => observer.disconnect());
+        }, 0);
+      }
+    }, observerOptions);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
+    elements.forEach((element) => observer.observe(element));
+  });
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenVisible.js

@@ -1,30 +1,28 @@
-import { getTargetElements } from './utils.js';
-export default function importWhenVisible(fn, nameOrSelectorOrElement, parent) {
-  var observerOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var ResolvedClass;
-
-  var resolver = (resolve, cb) => {
-    fn().then(module => {
-      ResolvedClass = 'default' in module ? module.default : module;
+import { getTargetElements } from "./utils.js";
+function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions = {}) {
+  let ResolvedClass;
+  const resolver = (resolve, cb) => {
+    fn().then((module) => {
+      ResolvedClass = "default" in module ? module.default : module;
       resolve(ResolvedClass);
-
-      if (typeof cb === 'function') {
+      if (typeof cb === "function") {
         cb();
       }
     });
   };
-
-  return new Promise(resolve => {
-    var observer = new IntersectionObserver(entries => {
-      var someEntriesAreVisible = entries.some(entry => entry.isIntersecting);
-
+  return new Promise((resolve) => {
+    const observer = new IntersectionObserver((entries) => {
+      const someEntriesAreVisible = entries.some((entry) => entry.isIntersecting);
       if (someEntriesAreVisible) {
         setTimeout(() => {
           resolver(resolve, () => observer.disconnect());
         }, 0);
       }
     }, observerOptions);
-    var elements = getTargetElements(nameOrSelectorOrElement, parent === null || parent === void 0 ? void 0 : parent.$el);
-    elements.forEach(element => observer.observe(element));
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
+    elements.forEach((element) => observer.observe(element));
   });
-}
+}
+export {
+  importWhenVisible as default
+};

package/helpers/index.cjs

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/helpers/index.js
+var helpers_exports = {};
+__export(helpers_exports, {
+  createApp: () => import_createApp.default,
+  importOnInteraction: () => import_importOnInteraction.default,
+  importWhenIdle: () => import_importWhenIdle.default,
+  importWhenVisible: () => import_importWhenVisible.default
+});
+module.exports = __toCommonJS(helpers_exports);
+var import_createApp = __toESM(require("./createApp.cjs"), 1);
+var import_importOnInteraction = __toESM(require("./importOnInteraction.cjs"), 1);
+var import_importWhenIdle = __toESM(require("./importWhenIdle.cjs"), 1);
+var import_importWhenVisible = __toESM(require("./importWhenVisible.cjs"), 1);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/index.js

@@ -1,4 +1,10 @@
-export { default as createApp } from './createApp.js';
-export { default as importOnInteraction } from './importOnInteraction.js';
-export { default as importWhenIdle } from './importWhenIdle.js';
-export { default as importWhenVisible } from './importWhenVisible.js';
+import { default as default2 } from "./createApp.js";
+import { default as default3 } from "./importOnInteraction.js";
+import { default as default4 } from "./importWhenIdle.js";
+import { default as default5 } from "./importWhenVisible.js";
+export {
+  default2 as createApp,
+  default3 as importOnInteraction,
+  default4 as importWhenIdle,
+  default5 as importWhenVisible
+};

package/helpers/utils.cjs

@@ -0,0 +1,35 @@
+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);
+
+// packages/js-toolkit/helpers/utils.js
+var utils_exports = {};
+__export(utils_exports, {
+  getTargetElements: () => getTargetElements
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("../Base/utils.cjs");
+function getTargetElements(nameOrSelectorOrElement, context) {
+  if (typeof nameOrSelectorOrElement === "string") {
+    return (0, import_utils.getComponentElements)(nameOrSelectorOrElement, context);
+  }
+  if (!Array.isArray(nameOrSelectorOrElement)) {
+    return [nameOrSelectorOrElement];
+  }
+  return nameOrSelectorOrElement;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/utils.js

@@ -1,12 +1,13 @@
-import { getComponentElements } from '../Base/utils.js';
-export function getTargetElements(nameOrSelectorOrElement, context) {
-  if (typeof nameOrSelectorOrElement === 'string') {
+import { getComponentElements } from "../Base/utils.js";
+function getTargetElements(nameOrSelectorOrElement, context) {
+  if (typeof nameOrSelectorOrElement === "string") {
     return getComponentElements(nameOrSelectorOrElement, context);
   }
-
   if (!Array.isArray(nameOrSelectorOrElement)) {
     return [nameOrSelectorOrElement];
   }
-
   return nameOrSelectorOrElement;
-}
+}
+export {
+  getTargetElements
+};

package/index.cjs

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/index.js
+var js_toolkit_exports = {};
+__export(js_toolkit_exports, {
+  Base: () => import_Base.default
+});
+module.exports = __toCommonJS(js_toolkit_exports);
+var import_Base = __toESM(require("./Base/index.cjs"), 1);
+__reExport(js_toolkit_exports, require("./decorators/index.cjs"), module.exports);
+__reExport(js_toolkit_exports, require("./helpers/index.cjs"), module.exports);
+__reExport(js_toolkit_exports, require("./services/index.cjs"), module.exports);
+if (module.exports.default) module.exports = module.exports.default;

package/index.js

@@ -1,4 +1,7 @@
-export { default as Base } from './Base/index.js';
-export * from './decorators/index.js';
-export * from './helpers/index.js';
-export * from './services/index.js';
+import { default as default2 } from "./Base/index.js";
+export * from "./decorators/index.js";
+export * from "./helpers/index.js";
+export * from "./services/index.js";
+export {
+  default2 as Base
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-rc.1",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"
@@ -17,18 +17,28 @@
   "homepage": "https://github.com/studiometa/js-toolkit#readme",
   "type": "module",
   "sideEffects": false,
-  "unpkg": "./index.umd.js",
   "main": "./index.js",
   "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    },
+    "./utils": {
+      "import": "./utils/index.js",
+      "require": "./utils/index.cjs",
+      "types": "./utils/index.d.ts"
+    }
+  },
   "keywords": [
     "js-toolkit",
     "component",
     "studiometa",
     "toolkit"
   ],
-  "types": "index.d.ts",
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
     "deepmerge": "^4.2.2"
   }
 }