nanosplash 4.0.16 → 4.0.18

package/dist/cjs/ns.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I='@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Inter", "Helvetica", "Arial";--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 9999999999;--blur: blur(5px);position:relative;z-index:var(--zIdx)}.nsh:before{width:100%;height:100%;bottom:0;right:0;position:absolute;content:"";background-color:var(--bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{width:100%;height:100%;position:fixed;top:var(--ns-top);left:0}.ns{width:100%;height:100%;bottom:0;right:0;display:flex;justify-content:center;align-items:center;position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font),sans-serif;font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(0,0,0,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}',d=()=>globalThis.document,l=()=>globalThis.document.body,y=s=>Array.from(s),u=(s,o)=>y(s.querySelectorAll(o)),h=(s,o)=>u(s,o)[0]??null,N=s=>s instanceof Element?s:h(d(),s),c=(s,...o)=>{const i=d().createElement("div");return s&&i.classList.add(s),i.append(...o),i},m=s=>{const o=c();return o.innerHTML=s,o.firstChild},r={ns:"ns",nsHost:"nsh",nsText:"nst",nsSpinner:"nss"},v={ns:"."+r.ns,nsText:"."+r.nsText},A="4.0.18",E=()=>{const s=()=>u(d(),v.ns),o=()=>{const t=m('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),n=c(r.ns,c(r.nsText),c(r.nsSpinner,t));return n.nsId=Date.now(),n},i=()=>s().sort((e,t)=>e.nsId-t.nsId),b=()=>i()[0]??null,g=(e,t)=>{if(h(e,v.nsText)?.remove(),!t)return;const n=c(r.nsText,t);e.insertBefore(n,e.firstChild)},x=(e,t)=>{const n=t.firstElementChild;n&&t.insertBefore(e,n),t.append(e),t.classList.add(r.nsHost)},w=e=>y(e.children).find(n=>n.classList.contains(r.ns)),k=(e,t)=>{const n=t?N(t)??l():l();let a;const p=w(n);if(p?a=p:(a=o(),x(a,n)),g(a,e??""),n===l()){const T=scrollY+"px";l().style.setProperty("--ns-top",T)}return a.nsId},f=e=>{e?.parentElement?.classList.remove(r.nsHost),e?.remove()},z=e=>s().find(t=>t.nsId===e)??null,S=e=>{e==="*"?s().forEach(f):f(typeof e=="number"?z(e):b())};return(()=>{h(d(),"#ns")?.remove();const e=m(`<style id="ns">${I}</style>`);l().append(e)})(),{show:k,hide:S,version:A}};exports.useNs=E;

package/dist/es/ns.es.js

@@ -0,0 +1,60 @@
+const T = '@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Inter", "Helvetica", "Arial";--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 9999999999;--blur: blur(5px);position:relative;z-index:var(--zIdx)}.nsh:before{width:100%;height:100%;bottom:0;right:0;position:absolute;content:"";background-color:var(--bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{width:100%;height:100%;position:fixed;top:var(--ns-top);left:0}.ns{width:100%;height:100%;bottom:0;right:0;display:flex;justify-content:center;align-items:center;position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font),sans-serif;font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(0,0,0,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}', d = () => globalThis.document, l = () => globalThis.document.body, y = (e) => Array.from(e), u = (e, o) => y(e.querySelectorAll(o)), h = (e, o) => u(e, o)[0] ?? null, A = (e) => e instanceof Element ? e : h(d(), e), c = (e, ...o) => {
+  const i = d().createElement("div");
+  return e && i.classList.add(e), i.append(...o), i;
+}, m = (e) => {
+  const o = c();
+  return o.innerHTML = e, o.firstChild;
+}, r = {
+  ns: "ns",
+  nsHost: "nsh",
+  nsText: "nst",
+  nsSpinner: "nss"
+}, v = {
+  ns: "." + r.ns,
+  nsText: "." + r.nsText
+}, N = "4.0.18", H = () => {
+  const e = () => u(d(), v.ns), o = () => {
+    const t = m('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'), n = c(
+      r.ns,
+      c(r.nsText),
+      c(r.nsSpinner, t)
+    );
+    return n.nsId = Date.now(), n;
+  }, i = () => e().sort((s, t) => s.nsId - t.nsId), b = () => i()[0] ?? null, g = (s, t) => {
+    if (h(s, v.nsText)?.remove(), !t) return;
+    const n = c(r.nsText, t);
+    s.insertBefore(n, s.firstChild);
+  }, x = (s, t) => {
+    const n = t.firstElementChild;
+    n && t.insertBefore(s, n), t.append(s), t.classList.add(r.nsHost);
+  }, w = (s) => y(s.children).find(
+    (n) => n.classList.contains(r.ns)
+  ), k = (s, t) => {
+    const n = t ? A(t) ?? l() : l();
+    let a;
+    const p = w(n);
+    if (p ? a = p : (a = o(), x(a, n)), g(a, s ?? ""), n === l()) {
+      const S = scrollY + "px";
+      l().style.setProperty("--ns-top", S);
+    }
+    return a.nsId;
+  }, f = (s) => {
+    s?.parentElement?.classList.remove(r.nsHost), s?.remove();
+  }, z = (s) => e().find((t) => t.nsId === s) ?? null, I = (s) => {
+    s === "*" ? e().forEach(f) : f(typeof s == "number" ? z(s) : b());
+  };
+  return (() => {
+    h(d(), "#ns")?.remove();
+    const s = m(
+      `<style id="ns">${T}</style>`
+    );
+    l().append(s);
+  })(), {
+    show: k,
+    hide: I,
+    version: N
+  };
+};
+export {
+  H as useNs
+};

package/dist/iife/ns.iife.js

@@ -0,0 +1 @@
+(function(){"use strict";const b='@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Inter", "Helvetica", "Arial";--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 9999999999;--blur: blur(5px);position:relative;z-index:var(--zIdx)}.nsh:before{width:100%;height:100%;bottom:0;right:0;position:absolute;content:"";background-color:var(--bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{width:100%;height:100%;position:fixed;top:var(--ns-top);left:0}.ns{width:100%;height:100%;bottom:0;right:0;display:flex;justify-content:center;align-items:center;position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font),sans-serif;font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(0,0,0,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}',d=()=>globalThis.document,i=()=>globalThis.document.body,f=t=>Array.from(t),p=(t,o)=>f(t.querySelectorAll(o)),h=(t,o)=>p(t,o)[0]??null,g=t=>t instanceof Element?t:h(d(),t),a=(t,...o)=>{const c=d().createElement("div");return t&&c.classList.add(t),c.append(...o),c},v=t=>{const o=a();return o.innerHTML=t,o.firstChild},r={ns:"ns",nsHost:"nsh",nsText:"nst",nsSpinner:"nss"},m={ns:"."+r.ns,nsText:"."+r.nsText},x="4.0.18",w=()=>{const t=()=>p(d(),m.ns),o=()=>{const e=v('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),n=a(r.ns,a(r.nsText),a(r.nsSpinner,e));return n.nsId=Date.now(),n},c=()=>t().sort((s,e)=>s.nsId-e.nsId),k=()=>c()[0]??null,z=(s,e)=>{if(h(s,m.nsText)?.remove(),!e)return;const n=a(r.nsText,e);s.insertBefore(n,s.firstChild)},I=(s,e)=>{const n=e.firstElementChild;n&&e.insertBefore(s,n),e.append(s),e.classList.add(r.nsHost)},S=s=>f(s.children).find(n=>n.classList.contains(r.ns)),T=(s,e)=>{const n=e?g(e)??i():i();let l;const y=S(n);if(y?l=y:(l=o(),I(l,n)),z(l,s??""),n===i()){const E=scrollY+"px";i().style.setProperty("--ns-top",E)}return l.nsId},u=s=>{s?.parentElement?.classList.remove(r.nsHost),s?.remove()},A=s=>t().find(e=>e.nsId===s)??null,N=s=>{s==="*"?t().forEach(u):u(typeof s=="number"?A(s):k())};return(()=>{h(d(),"#ns")?.remove();const s=v(`<style id="ns">${b}</style>`);i().append(s)})(),{show:T,hide:N,version:x}};window.addEventListener("load",function(){this.ns=w()})})();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nanosplash",
   "private": false,
-  "version": "4.0.16",
+  "version": "4.0.18",
   "type": "module",
   "author": {
     "name": "Isak K. Hauge",
@@ -42,6 +42,12 @@
     "format": "prettier --write ./src/**/*.ts ./vite.config.ts ./vitest.config.ts",
     "test": "bunx vitest --coverage"
   },
+  "files": [
+    "dist",
+    "types",
+    "README.md",
+    "LICENSE"
+  ],
   "types": "./types/global.d.ts",
   "main": "./dist/es/ns.es.js",
   "exports": {

package/.github/workflows/bun-build.reusable.yml

@@ -1,32 +0,0 @@
-# .github/workflows/reusables/bun-build.yml
-name: Reusable - Bun Build
-
-on:
-  workflow_call:
-    inputs:
-      working-directory:
-        description: "Directory of the project (if not repo root)"
-        required: false
-        type: string
-        default: "."
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    defaults:
-      run:
-        working-directory: ${{ inputs.working-directory }}
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
-
-      - name: Build
-        run: bun run build

package/.github/workflows/bun-lint.reusable.yml

@@ -1,32 +0,0 @@
-# .github/workflows/reusables/bun-lint.yml
-name: Reusable - Bun Lint
-
-on:
-  workflow_call:
-    inputs:
-      working-directory:
-        description: "Directory of the project (if not repo root)"
-        required: false
-        type: string
-        default: "."
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-
-    defaults:
-      run:
-        working-directory: ${{ inputs.working-directory }}
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
-
-      - name: Lint
-        run: bun run lint

package/.github/workflows/bun-npm-publish.reusable.yml

@@ -1,47 +0,0 @@
-name: Reusable - Bun NPM Publish (Trusted Publisher)
-
-on:
-  workflow_call:
-    inputs:
-      working-directory:
-        description: "Directory of the package"
-        required: false
-        type: string
-        default: "."
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-
-    # Required for npm Trusted Publishing (OIDC)
-    permissions:
-      id-token: write
-      contents: read
-
-    defaults:
-      run:
-        working-directory: ${{ inputs.working-directory }}
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      # 1) Use Bun for install & build
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
-
-      - name: Build package
-        run: bun run build
-
-      # 2) Use Node 24 + newest npm *just* for publication
-      - name: Setup Node for publish
-        uses: actions/setup-node@v4
-        with:
-          node-version: "24.x"
-          registry-url: "https://registry.npmjs.org"
-      - run: npm publish

package/.github/workflows/bun-test.reusable.yml

@@ -1,43 +0,0 @@
-name: Reusable - Bun Test + Coverage (Coveralls)
-
-on:
-  workflow_call:
-    inputs:
-      working-directory:
-        description: "Directory of the project (if not repo root)"
-        required: false
-        type: string
-        default: "."
-      upload-to-coveralls:
-        description: "Whether to upload coverage to Coveralls"
-        required: false
-        type: boolean
-        default: true
-
-jobs:
-  test-coverage:
-    runs-on: ubuntu-latest
-
-    defaults:
-      run:
-        working-directory: ${{ inputs.working-directory }}
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
-
-      - name: Run tests with coverage
-        run: bun run test
-
-#      - name: Upload coverage to Coveralls
-#        if: ${{ inputs.upload-to-coveralls }}
-#        uses: coverallsapp/github-action@v2
-#        with:
-#          github-token: ${{ secrets.GITHUB_TOKEN }}
-#          path-to-lcov: ${{ inputs.working-directory }}/coverage/lcov.info

package/.github/workflows/ci.yml

@@ -1,27 +0,0 @@
-# .github/workflows/ci.yml
-name: Nanosplash CI
-
-on:
-  push:
-    branches: [ main, develop ]
-  pull_request:
-    branches: [ main, develop ]
-
-jobs:
-  build:
-    uses: ./.github/workflows/bun-build.reusable.yml
-    with:
-      working-directory: .
-
-  test:
-    needs: build
-    uses: ./.github/workflows/bun-test.reusable.yml
-    with:
-      working-directory: .
-      upload-to-coveralls: true
-
-  lint:
-    needs: build
-    uses: ./.github/workflows/bun-lint.reusable.yml
-    with:
-      working-directory: .

package/.github/workflows/release.yml

@@ -1,13 +0,0 @@
-# .github/workflows/release.yml
-name: Release Nanosplash
-
-on:
-  push:
-    tags:
-      - "v*.*.*"  # e.g. v1.2.3
-
-jobs:
-  publish:
-    uses: ./.github/workflows/bun-npm-publish.reusable.yml
-    with:
-      working-directory: .

package/.prettierrc

@@ -1,11 +0,0 @@
-{
-  "tabWidth": 2,
-  "singleQuote": true,
-  "bracketSpacing": true,
-  "jsxSingleQuote": true,
-  "endOfLine": "lf",
-  "trailingComma": "es5",
-  "arrowParens": "avoid",
-  "semi": false,
-  "printWidth": 80
-}