Changes:

* remove eslint and prettier in favor of deno tools
* removed dts-bundle generator in favor of dedicated vite plugin
* updated types
* updated dependencies

Author: thednp

.eslintrc.cjs

@@ -13,13 +13,13 @@ on:
 
 jobs:
   badges:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-24.04
     steps:
       - name: Checkout 🛎
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Update version badges 🏷
-        run: npx -p dependency-version-badge update-badge typescript eslint prettier vite
+        run: npx -p dependency-version-badge update-badge typescript vite
 
       - name: Commit any changed files 💾
         uses: stefanzweifel/git-auto-commit-action@v4

.github/codeql/codeql-config.yml

@@ -1,18 +1,43 @@
 name: ci
-on: push
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - src
+      - test
+      - package.json
+      - .github/workflows/ci.yml
 jobs:
   test:
-    runs-on: ubuntu-20.04
-    name: Test on Node 20
+    runs-on: ubuntu-24.04
+    name: Test on Node 22
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Setup Node
+      - name: PNPM setup
+        uses: pnpm/action-setup@v3
+
+      - name: Deno Setup
+        uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+
+      - name: Node Setup
         uses: actions/setup-node@v4
         with:
-          node-version: 20
-      # - uses: bahmutov/npm-install@v1
-      - run: npm install
-      - run: npm run lint:ts
-      - run: npm run build
+          node-version: 22
+          cache: pnpm
+
+      - name: Install Dependencies
+        run: pnpm install --no-frozen-lockfile
+
+      - name: Install Dependencies
+        run: pnpm install --no-frozen-lockfile
+
+      - name: Lint
+        run: pnpm lint
+
+      - name: Build
+        run: pnpm build

.github/workflows/badges.yml

@@ -2,3 +2,4 @@ node_modules
 experiments
 .npmignore
 .vscode
+test/_screenshots_

.github/workflows/ci.yml

@@ -4,3 +4,7 @@
 experiments
 node_modules
 docs
+src
+test
+tsconfig.json
+vite.config.mts

.github/workflows/codeql.yml

@@ -3,10 +3,8 @@
 [![NPM Version](https://img.shields.io/npm/v/@thednp/dll.svg)](https://www.npmjs.com/package/@thednp/dll)
 [![NPM Downloads](https://img.shields.io/npm/dm/@thednp/dll.svg)](http://npm-stat.com/charts.html?package=@thednp/dll)
 [![jsDeliver](https://data.jsdelivr.com/v1/package/npm/@thednp/dll/badge)](https://www.jsdelivr.com/package/npm/@thednp/dll)
-[![typescript version](https://img.shields.io/badge/typescript-5.5.3-brightgreen)](https://www.typescriptlang.org/)
-[![eslint version](https://img.shields.io/badge/eslint-8.57.0-brightgreen)](https://github.com/eslint)
-[![prettier version](https://img.shields.io/badge/prettier-2.8.8-brightgreen)](https://prettier.io/)
-[![vite version](https://img.shields.io/badge/vite-5.3.4-brightgreen)](https://github.com/vitejs)
+[![typescript version](https://img.shields.io/badge/typescript-5.7.2-brightgreen)](https://www.typescriptlang.org/)
+[![vite version](https://img.shields.io/badge/vite-5.4.11-brightgreen)](https://github.com/vitejs)
 
 Double Lazy Load for videos, images and background images. Sourced with Typescript.
 

.gitignore

@@ -1,2 +1,2 @@
-"use strict";const I="DOMContentLoaded",N="load",R="loadstart",k=navigator.userAgentData,l=k,{userAgent:E}=navigator,f=E,v=/iPhone|iPad|iPod|Android/i;l?l.brands.some(e=>v.test(e.brand)):v.test(f);const S=/(iPhone|iPod|iPad)/;l?l.brands.some(e=>S.test(e.brand)):S.test(f);f&&f.includes("Firefox");const{head:p}=document;["webkitPerspective","perspective"].some(e=>e in p.style);const h=(e,t,n,o)=>{const s=o||!1;e.addEventListener(t,n,s)},T=(e,t,n,o)=>{const s=o||!1;e.removeEventListener(t,n,s)},L=(e,t,n,o)=>{const s=r=>{(r.target===e||r.currentTarget===e)&&(n.apply(e,[r]),T(e,t,s,o))};h(e,t,s,o)},V=()=>{};(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e=!0,e)});L(document,I,V,t)}catch{}return e})();["webkitTransform","transform"].some(e=>e in p.style);["webkitAnimation","animation"].some(e=>e in p.style);["webkitTransition","transition"].some(e=>e in p.style);const A=(e,t)=>e.getAttribute(t),$=(e,t)=>e.removeAttribute(t),M=e=>e!=null&&typeof e=="object"||!1,a=e=>M(e)&&typeof e.nodeType=="number"&&[1,2,3,4,5,6,7,8,9,10,11].some(t=>e.nodeType===t)||!1,y=e=>a(e)&&e.nodeType===1||!1,j=e=>typeof e=="string"||!1,q=e=>M(e)&&e.constructor.name==="Window"||!1,x=e=>a(e)&&e.nodeType===9||!1,m=e=>q(e)?e.document:x(e)?e:a(e)?e.ownerDocument:window.document,C=(e,...t)=>Object.assign(e,...t),g=e=>{if(!e)return;if(j(e))return m().createElement(e);const{tagName:t}=e,n=g(t);if(!n)return;const o={...e};return delete o.tagName,C(n,o)},G=e=>Object.entries(e),U=(e,t)=>{G(t).forEach(([n,o])=>{if(o&&j(n)&&n.includes("--"))e.style.setProperty(n,o);else{const s={};s[n]=o,C(e.style,s)}})},D=e=>typeof e=="function"||!1,W=(e,t)=>y(e)?e:(a(t)?t:m()).querySelector(e),w=(e,t)=>(a(t)?t:m()).querySelectorAll(e),c="data-src",F=e=>y(e)&&e.tagName==="VIDEO",u=e=>y(e)&&e.tagName==="SOURCE",O=e=>y(e)&&e.tagName==="IMG",P=(e,t)=>{const n=u(e),o=n?R:N,s=n?g("VIDEO"):null,r=g(n?"SOURCE":"IMG"),i=n?s:r,d=A(e,c);if(!i||!d)return;const b=()=>{O(e)||u(e)?(e.src=d,u(e)&&F(e.parentElement)&&e.parentElement.load()):U(e,{backgroundImage:`url("${d}")`}),$(e,c),D(t)&&t(),T(i,o,b)};h(i,o,b),(O(r)||u(r))&&(r.src=d,s&&s.append(r))},z=e=>{const t=w(`[${c}]`,e),n=e&&A(e,c);return n&&!t?[e]:!n&&t?[...t]:n&&t?[e,...t]:!n&&!t?[...w(`[${c}]`)]:null},J=(e,t)=>{const n=W(e);if(!n)return;const o=D(t)?t:null,s=z(n);s&&s.length&&s.forEach((r,i)=>{i===s.length-1&&o?P(r,o):P(r)})};module.exports=J;
+"use strict";const R="load",j="loadstart",m=(e,n,t,o)=>{e.addEventListener(n,t,!1)},C=(e,n,t,o)=>{e.removeEventListener(n,t,!1)},h=(e,n)=>e.getAttribute(n),E=(e,n)=>e.removeAttribute(n),v=e=>e!=null&&typeof e=="object"||!1,f=e=>v(e)&&typeof e.nodeType=="number"&&[1,2,3,4,5,6,7,8,9,10,11].some(n=>e.nodeType===n)||!1,l=e=>f(e)&&e.nodeType===1||!1,T=e=>typeof e=="string"||!1,L=e=>v(e)&&e.constructor.name==="Window"||!1,D=e=>f(e)&&e.nodeType===9||!1,p=e=>D(e)?e:f(e)?e.ownerDocument:L(e)?e.document:globalThis.document,I=(e,...n)=>Object.assign(e,...n),d=e=>{if(!e)return;if(T(e))return p().createElement(e);const{tagName:n}=e,t=d(n);if(!t)return;const o={...e};return delete o.tagName,I(t,o)},M=e=>Object.entries(e),V=(e,n)=>{M(n).forEach(([t,o])=>{if(o&&T(t)&&t.includes("--"))e.style.setProperty(t,o);else{const s={};s[t]=o,I(e.style,s)}})},S=(e,n)=>(f(n)?n:p()).querySelectorAll(e),g=e=>l(e)&&"offsetWidth"in e||!1,N=e=>typeof e=="function"||!1,q=(e,n)=>l(e)?e:(l(n)?n:p()).querySelector(e),i="data-src",w=e=>g(e)&&e.tagName==="VIDEO",u=e=>g(e)&&e.tagName==="SOURCE",b=e=>g(e)&&e.tagName==="IMG",O=(e,n)=>{const t=u(e),o=t?j:R,s=t?d("VIDEO"):null,r=d(t?"SOURCE":"IMG"),c=t?s:r,a=h(e,i);if(!c||!a)return;const y=()=>{b(e)||u(e)?(e.src=a,u(e)&&w(e.parentElement)&&e.parentElement.load()):V(e,{backgroundImage:`url("${a}")`}),E(e,i),N(n)&&n(),C(c,o,y)};m(c,o,y),(b(r)||u(r))&&(r.src=a,s&&s.append(r))},A=e=>{const n=S(`[${i}]`,e),t=e&&h(e,i);return t&&!n?[e]:!t&&n?[...n]:t&&n?[e,...n]:!t&&!n?[...S(`[${i}]`)]:null},G=(e,n)=>{const t=q(e);if(!t)return;const o=N(n)?n:null,s=A(t);s&&s.length&&s.forEach((r,c)=>{c===s.length-1&&o?O(r,o):O(r)})};module.exports=G;
 //# sourceMappingURL=dll.cjs.map

.lgtm.yml

@@ -1,19 +1,15 @@
-export type CallbackFunction = (...args: any[]) => any;
-/**
- * Lazy load one or more items with `data-src` attribute.
- * * target can be  `<img>` | `<video>` | `HTMLElement`
- * * or any `HTMLElement` that contains the above elements
- * * or `HTMLElement` that has the `data-src` attribute
- *
- * @param target target
- * @param callback
- */
-declare const DLL: (target: HTMLElement | string, callback?: CallbackFunction) => void;
-
-export {
-	DLL as default,
-};
-
-export as namespace DLL;
-
-export {};
+declare type CallbackFunction = (...args: unknown[]) => void;
+
+/**
+ * Lazy load one or more items with `data-src` attribute.
+ * * target can be  `<img>` | `<video>` | `Element`
+ * * or any `Element` that contains the above elements
+ * * or `Element` that has the `data-src` attribute
+ *
+ * @param target target
+ * @param callback
+ */
+declare const DLL: (target: Element | string, callback?: CallbackFunction) => void;
+export default DLL;
+
+export { }