@zero-dependency/dom 0.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,15 @@
+@zero-dependency/dom:build: cache hit, replaying output 3d4c8a2aacd0dcb0
+@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 2196ms.
+@zero-dependency/dom:build: 

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './observeElement.js';
+export * from './waitObserveElement.js';

package/dist/index.es.js

@@ -0,0 +1,29 @@
+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);
+      }
+  });
+  return e.observe(r, {
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  }), e;
+}
+function d(t, o = !0, r = document.body) {
+  return new Promise((e) => {
+    const n = i(
+      t,
+      (s) => {
+        o && n.disconnect(), e(s);
+      },
+      r
+    );
+  });
+}
+export {
+  i as observeElement,
+  d as waitObserveElement
+};

package/dist/index.umd.js

@@ -0,0 +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"}})});

package/dist/observeElement.d.ts

@@ -0,0 +1 @@
+export declare function observeElement(selector: string, callback: (el: Element) => void, target?: HTMLElement): MutationObserver;

package/dist/waitObserveElement.d.ts

@@ -0,0 +1 @@
+export declare function waitObserveElement(selector: string, disconnect?: boolean, target?: HTMLElement): Promise<Element>;

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@zero-dependency/dom",
+  "version": "0.0.0",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.es.js",
+  "main": "./dist/index.umd.js",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build"
+  }
+}

package/src/index.ts

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

package/src/observeElement.ts

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,21 @@
+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

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

package/vite.config.ts

@@ -0,0 +1,17 @@
+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
+    }
+  }
+})