@zero-dependency/dom 0.1.0 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Vitalij Ryndin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# `@zero-dependency/dom`

package/dist/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (this: ThisParameterType<T>, ...args: Parameters<T>) => void;

package/dist/domReady.d.ts

@@ -0,0 +1 @@
+export declare function domReady(): Promise<void>;

package/dist/html.d.ts

@@ -0,0 +1,8 @@
+declare type Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{
+    style: Partial<CSSStyleDeclaration>;
+} & Omit<HTMLElementTagNameMap[T], 'style'>>;
+declare type Children = (string | Node | HTMLElement)[];
+export declare function el<T extends keyof HTMLElementTagNameMap>(tag: T, attributes?: Attributes<T>, ...children: Children): HTMLElementTagNameMap[T];
+export declare function text(str: string): Text;
+export declare function nbsp(): Text;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,5 @@
 export { observeElement } from './observeElement.js';
 export { waitObserveElement } from './waitObserveElement.js';
+export { domReady } from './domReady.js';
+export { debounce } from './debounce.js';
+export { el, text, nbsp } from './html.js';

package/dist/index.es.js

@@ -1,29 +1,60 @@
-function i(t, o, r = document.body) {
-  const e = new MutationObserver((n) => {
-    for (const s of n)
-      for (const u of s.addedNodes) {
-        const c = u;
-        c.matches && c.matches(t) && o(c);
+function s(e, o, n = document.body) {
+  const t = new MutationObserver((r) => {
+    for (const u of r)
+      for (const d of u.addedNodes) {
+        const c = d;
+        c.matches && c.matches(e) && o(c);
       }
   });
-  return e.observe(r, {
+  return t.observe(n, {
     attributes: !0,
     childList: !0,
     subtree: !0
-  }), e;
+  }), t;
 }
-function d(t, o = !0, r = document.body) {
-  return new Promise((e) => {
-    const n = i(
-      t,
-      (s) => {
-        o && n.disconnect(), e(s);
+function a(e, o = !0, n = document.body) {
+  return new Promise((t) => {
+    const r = s(
+      e,
+      (u) => {
+        o && r.disconnect(), t(u);
       },
-      r
+      n
     );
   });
 }
+async function m() {
+  if (document.readyState == "loading")
+    return new Promise((e) => {
+      document.addEventListener("DOMContentLoaded", () => e(), {
+        once: !0
+      });
+    });
+}
+function f(e, o = 500) {
+  let n;
+  return (...t) => {
+    n && clearTimeout(n), n = setTimeout(() => {
+      e(...t);
+    }, o);
+  };
+}
+function b(e, o, ...n) {
+  const t = document.createElement(e);
+  return Object.assign(t, o), t.append(...n), t;
+}
+function i(e) {
+  return document.createTextNode(e);
+}
+function l() {
+  return i("\xA0");
+}
 export {
-  i as observeElement,
-  d as waitObserveElement
+  f as debounce,
+  m as domReady,
+  b as el,
+  l as nbsp,
+  s as observeElement,
+  i as text,
+  a as waitObserveElement
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["@zero-dependency/dom"]={}))})(this,function(e){"use strict";function t(o,s,r=document.body){const n=new MutationObserver(i=>{for(const d of i)for(const c of d.addedNodes){const u=c;u.matches&&u.matches(o)&&s(u)}});return n.observe(r,{attributes:!0,childList:!0,subtree:!0}),n}function f(o,s=!0,r=document.body){return new Promise(n=>{const i=t(o,d=>{s&&i.disconnect(),n(d)},r)})}e.observeElement=t,e.waitObserveElement=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(e,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(e=typeof globalThis<"u"?globalThis:e||self,d(e["@zero-dependency/dom"]={}))})(this,function(e){"use strict";function d(t,u,o=document.body){const n=new MutationObserver(i=>{for(const r of i)for(const v of r.addedNodes){const c=v;c.matches&&c.matches(t)&&u(c)}});return n.observe(o,{attributes:!0,childList:!0,subtree:!0}),n}function f(t,u=!0,o=document.body){return new Promise(n=>{const i=d(t,r=>{u&&i.disconnect(),n(r)},o)})}async function m(){if(document.readyState=="loading")return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>t(),{once:!0})})}function a(t,u=500){let o;return(...n)=>{o&&clearTimeout(o),o=setTimeout(()=>{t(...n)},u)}}function b(t,u,...o){const n=document.createElement(t);return Object.assign(n,u),n.append(...o),n}function s(t){return document.createTextNode(t)}function l(){return s("\xA0")}e.debounce=a,e.domReady=m,e.el=b,e.nbsp=l,e.observeElement=d,e.text=s,e.waitObserveElement=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@zero-dependency/dom",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "module": "./dist/index.es.js",
   "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build"

package/.turbo/turbo-build.log

@@ -1,15 +0,0 @@
-@zero-dependency/dom:build: cache hit, replaying output b970533020e4e96e
-@zero-dependency/dom:build: 
-@zero-dependency/dom:build: > @zero-dependency/dom@0.0.0 build /home/crashmax/github/zero-dependency/packages/dom
-@zero-dependency/dom:build: > vite build
-@zero-dependency/dom:build: 
-@zero-dependency/dom:build: vite v3.1.4 building for production...
-@zero-dependency/dom:build: transforming...
-@zero-dependency/dom:build: ✓ 3 modules transformed.
-@zero-dependency/dom:build: rendering chunks...
-@zero-dependency/dom:build: dist/index.es.js   0.54 KiB / gzip: 0.29 KiB
-@zero-dependency/dom:build: dist/index.umd.js   0.68 KiB / gzip: 0.42 KiB
-@zero-dependency/dom:build: 
-@zero-dependency/dom:build: [vite:dts] Start generate declaration files...
-@zero-dependency/dom:build: [vite:dts] Declaration files built in 988ms.
-@zero-dependency/dom:build: 

package/src/index.ts

@@ -1,2 +0,0 @@
-export { observeElement } from './observeElement.js'
-export { waitObserveElement } from './waitObserveElement.js'

package/src/observeElement.ts

@@ -1,24 +0,0 @@
-export function observeElement(
-  selector: string,
-  callback: (el: Element) => void,
-  target = document.body
-) {
-  const observer = new MutationObserver((mutations) => {
-    for (const mutation of mutations) {
-      for (const node of mutation.addedNodes) {
-        const el = node as Element
-        if (el.matches && el.matches(selector)) {
-          callback(el)
-        }
-      }
-    }
-  })
-
-  observer.observe(target, {
-    attributes: true,
-    childList: true,
-    subtree: true
-  })
-
-  return observer
-}

package/src/waitObserveElement.ts

@@ -1,21 +0,0 @@
-import { observeElement } from './observeElement.js'
-
-export function waitObserveElement(
-  selector: string,
-  disconnect = true,
-  target = document.body
-): Promise<Element> {
-  return new Promise((resolve) => {
-    const observer = observeElement(
-      selector,
-      (el) => {
-        if (disconnect) {
-          observer.disconnect()
-        }
-
-        resolve(el)
-      },
-      target
-    )
-  })
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@crashmax/tsconfig",
-  "compilerOptions": {
-    "outDir": "dist"
-  },
-  "include": [
-    "src/**/*"
-  ]
-}

package/vite.config.ts

@@ -1,17 +0,0 @@
-import { resolve } from 'path'
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-import { name } from './package.json'
-
-export default defineConfig({
-  plugins: [dts()],
-  build: {
-    target: 'esnext',
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      fileName: (format) => `index.${format}.js`,
-      formats: ['es', 'umd'],
-      name
-    }
-  }
-})