nanosplash 4.0.7 → 4.0.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nanosplash",
   "private": false,
-  "version": "4.0.7",
+  "version": "4.0.16",
   "type": "module",
   "author": {
     "name": "Isak K. Hauge",
@@ -33,47 +33,46 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "bun run cssnano && bun run build:es && bun run build:cjs && bun run build:iife",
+    "build": "bun run build:es && bun run build:cjs && bun run build:iife",
     "build:es": "tsc && cross-env entry=./src/composables/ns.ts format=es vite build -m production --outDir ./dist/es",
     "build:cjs": "tsc && cross-env entry=./src/composables/ns.ts format=cjs vite build -m production --outDir ./dist/cjs",
     "build:iife": "tsc && cross-env entry=./src/iife.ts format=iife vite build -m production --outDir ./dist/iife",
-    "cssnano": "bunx postcss ./src/style/ns.css --use cssnano --output ./src/style/ns.min.css",
     "preview": "vite preview",
     "lint": "eslint . --fix",
-    "format": "prettier --write ./src/**/*.ts ./vite.config.ts",
+    "format": "prettier --write ./src/**/*.ts ./vite.config.ts ./vitest.config.ts",
     "test": "bunx vitest --coverage"
   },
-  "types": "./src/types/global.d.ts",
+  "types": "./types/global.d.ts",
   "main": "./dist/es/ns.es.js",
   "exports": {
     ".": {
-      "types": "./src/types/global.d.ts",
+      "types": "./types/global.d.ts",
       "import": "./dist/es/ns.es.js",
       "require": "./dist/cjs/ns.cjs.js",
       "default": "./dist/es/ns.es.js"
     }
   },
-  "source": "./dist/es/ns.es.js",
+  "source": "./src/composables/ns.ts",
   "unpkg": "./dist/iife/ns.iife.js",
+  "jsdelivr": "./dist/iife/ns.iife.js",
   "devDependencies": {
-    "@eslint/js": "^9.28.0",
-    "@types/node": "^22.15.29",
-    "@typescript-eslint/eslint-plugin": "^8.33.0",
-    "@typescript-eslint/parser": "^8.33.0",
-    "@vitest/coverage-v8": "3.1.4",
-    "cross-env": "^7.0.3",
-    "cssnano": "^7.0.7",
-    "dotenv": "^16.5.0",
-    "eslint": "^9.28.0",
-    "eslint-config-prettier": "^10.1.5",
-    "globals": "^16.2.0",
-    "jsdom": "^26.1.0",
-    "postcss": "^8.5.4",
-    "postcss-cli": "^11.0.1",
-    "prettier": "3.5.3",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.33.0",
-    "vite": "^6.3.5",
-    "vitest": "^3.1.4"
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^25.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitest/coverage-v8": "4.0.18",
+    "cross-env": "^10.1.0",
+    "cssnano": "^7.1.2",
+    "dotenv": "^17.3.1",
+    "eslint": "^10.0.1",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^17.3.0",
+    "jsdom": "^28.1.0",
+    "postcss": "^8.5.6",
+    "prettier": "3.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.0",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
   }
 }

package/src/composables/ns.ts

@@ -1,7 +1,7 @@
-import style from '@/style/ns.min.css?raw'
-import type { INanosplash } from '@/interfaces/INanosplash.ts'
+import style from '@/style/ns.css?inline'
+import type { INanosplash } from '@/types/interfaces/INanosplash'
 import type { Func } from '@/types/generic/function.ts'
-import type { INSElement } from '@/interfaces/INSElement.ts'
+import type { INSElement } from '@/types/interfaces/INSElement'
 import {
   all,
   bod,

package/src/iife.ts

@@ -1,4 +1,11 @@
 import { useNs } from '@/composables/ns.ts'
+import type { INanosplash } from "@/types/interfaces/INanosplash"
+
+declare global {
+  interface Window {
+    ns: INanosplash
+  }
+}
 
 window.addEventListener('load', function () {
   this.ns = useNs()

package/tsconfig.json

@@ -23,8 +23,11 @@
     "baseUrl": ".",
     "paths": {
       "@/*": [
-        "./src/*"
-      ]
+        "./src/*",
+      ],
+      "@/types/*": [
+        "./types/*"
+      ],
     }
   },
   "include": ["src"]

package/{src/types → types}/global.d.ts

@@ -1,4 +1,4 @@
-import type { INanosplash } from '../interfaces/INanosplash.ts'
+import type { INanosplash } from './interfaces/INanosplash.ts'
 
 declare global {
   interface Window {

package/{src/interfaces/INSElement.ts → types/interfaces/INSElement.d.ts}

@@ -1,4 +1,4 @@
-import type { int } from '@/types/semantic/number.ts'
+import type { int } from "../semantic/number";
 
 export interface INSElement extends HTMLDivElement {
   nsId: int

package/{src/interfaces/INanosplash.ts → types/interfaces/INanosplash.d.ts}

@@ -1,5 +1,5 @@
-import type { ElementRef } from '@/types/dom.ts'
-import type { int } from '@/types/semantic/number.ts'
+import type { ElementRef } from '../dom'
+import type { int } from '../semantic/number'
 
 /**
  * # Nanosplash

package/vite.config.ts

@@ -1,6 +1,8 @@
 import { defineConfig, type LibraryFormats } from 'vite'
 import path from 'node:path'
 import { config } from 'dotenv'
+import postcss from 'postcss'
+import cssnano from 'cssnano'
 config()
 
 const name = 'ns'
@@ -21,4 +23,14 @@ export default defineConfig({
       '@': path.resolve(__dirname, './src'),
     },
   },
+  plugins: [
+    // @ts-expect-error Because postcss is missing types.
+    postcss({
+      plugins: [
+        cssnano({
+          preset: 'default', // Use default preset for standard CSS minification
+        }),
+      ],
+    }),
+  ],
 })

package/vitest.config.ts

@@ -1,20 +1,20 @@
 // vitest.config.ts
 import { defineConfig } from 'vitest/config'
-import path from "node:path";
+import path from 'node:path'
 
 export default defineConfig({
-    test: {
-        environment: 'jsdom',
-        coverage: {
-            enabled: true,                      // Enable coverage collection
-            provider: 'v8',                     // Use 'v8' (default) or 'istanbul' provider
-            reporter: ['lcov'],                 // Output coverage in LCOV format
-            reportsDirectory: './coverage',     // Directory for coverage reports
-        },
+  test: {
+    environment: 'jsdom',
+    coverage: {
+      enabled: true, // Enable coverage collection
+      provider: 'v8', // Use 'v8' (default) or 'istanbul' provider
+      reporter: ['lcov'], // Output coverage in LCOV format
+      reportsDirectory: './coverage', // Directory for coverage reports
     },
-    resolve: {
-        alias: {
-            '@': path.resolve(__dirname, './src'),
-        },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
     },
-})
+  },
+})

package/.github/workflows/ci.all.yml

@@ -1,32 +0,0 @@
-name: CI General (non-persistent)
-
-on:
-  push:
-    branches-ignore:
-      - production
-      - test
-  pull_request:
-    branches-ignore:
-      - production
-      - test
-
-jobs:
-  call-test-non-persistent:
-    name: Running Test (non-persistent)
-    uses: './.github/workflows/reusable.test.yml'
-    with:
-      persistent: false
-  
-  call-lint-non-persistent:
-    needs: call-test-non-persistent
-    name: Running Linting (non-persistent)
-    uses: './.github/workflows/reusable.lint.yml'
-    with:
-      run-linting: true
-  
-  call-build-non-persistent:
-    needs: call-lint-non-persistent
-    name: Running build (non-persistent)
-    uses: './.github/workflows/reusable.build.yml'
-    with:
-      persistent: false

package/.github/workflows/ci.prod.pull_request.yml

@@ -1,54 +0,0 @@
-name: CI Prepare for Production
-
-on:
-  pull_request:
-    branches: [ production ]
-
-jobs:
-  call-lint-non-persistent:
-    name: Lint (non-persistent)
-    uses: './.github/workflows/reusable.lint.yml'
-    with: 
-      run-linting: true
-
-  call-format-non-persistent:
-    needs: call-lint-non-persistent
-    name: Format (non-persistent)
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: false
-
-  call-test-non-persistent:
-    needs: call-format-non-persistent
-    name: Test (non-persistent)
-    uses: './.github/workflows/reusable.test.yml'
-    with: 
-      persistent: false
-
-  call-build-non-persistent:
-    needs: call-test-non-persistent
-    name: Build (non-persistent)
-    uses: './.github/workflows/reusable.build.yml'
-    with: 
-      persistent: false
-  
-  call-npm-publish-non-persistent:
-    needs: call-build-non-persistent
-    name: NPM Publish Dry-Run (non-persistent)
-    uses: './.github/workflows/reusable.npm-publish.yml'
-    with: 
-      persistent: false
-
-  call-format:
-    needs: call-npm-publish-non-persistent
-    name: Format
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: true
-
-  call-build:
-    needs: call-format
-    name: Build
-    uses: './.github/workflows/reusable.build.yml'
-    with: 
-      persistent: true

package/.github/workflows/ci.prod.push.yml

@@ -1,61 +0,0 @@
-name: CI Production & Publish
-
-on:
-  push:
-    branches: [ production ]
-
-jobs:
-  call-lint-non-persistent:
-    name: Lint (non-persistent)
-    uses: './.github/workflows/reusable.lint.yml'
-    with:
-      run-linting: true
-  
-  call-format-non-persistent:
-    needs: call-lint-non-persistent
-    name: Format (non-persistent)
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: false
-  
-  call-test-non-persistent:
-    needs: call-format-non-persistent
-    name: Test (non-persistent)
-    uses: './.github/workflows/reusable.test.yml'
-    with:
-      persistent: false
-  
-  call-build-non-persistent:
-    needs: call-test-non-persistent
-    name: Build (non-persistent)
-    uses: './.github/workflows/reusable.build.yml'
-    with:
-      persistent: false
-  
-  call-npm-publish-dryrun:
-    needs: call-build-non-persistent
-    name: NPM Publish Dry-Run (non-persistent)
-    uses: './.github/workflows/reusable.npm-publish.yml'
-    with:
-      persistent: false
-  
-  call-format:
-    needs: call-npm-publish-dryrun
-    name: Format
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: true
-  
-  call-test-and-coverage:
-    needs: call-format
-    name: Test & Coverage
-    uses: './.github/workflows/reusable.test.yml'
-    with: 
-      persistent: true
-  
-  call-build:
-    needs: call-test-and-coverage
-    name: Build
-    uses: './.github/workflows/reusable.build.yml'
-    with:
-      persistent: true

package/.github/workflows/ci.test.yml

@@ -1,56 +0,0 @@
-name: CI Test
-
-on:
-  push:
-    branches: [ test ]
-  pull_request:
-    branches: [ test ]
-
-jobs:
-  call-lint-non-persistent:
-    name: Lint (non-persistent)
-    uses: './.github/workflows/reusable.lint.yml'
-    with:
-      run-linting: true
-
-  call-format-non-persistent:
-    needs: call-lint-non-persistent
-    name: Format (non-persistent)
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: false
-
-  call-test-non-persistent:
-    needs: call-format-non-persistent
-    name: Test (non-persistent)
-    uses: './.github/workflows/reusable.test.yml'
-    with:
-      persistent: false
-
-  call-build-non-persistent:
-    needs: call-test-non-persistent
-    name: Build (non-persistent)
-    uses: './.github/workflows/reusable.build.yml'
-    with:
-      persistent: false
-  
-  call-npm-publish-non-persistent:
-    needs: call-build-non-persistent
-    name: NPM Publish Dry-Run (non-persistent)
-    uses: './.github/workflows/reusable.npm-publish.yml'
-    with:
-      persistent: false
-
-  call-format:
-    needs: call-npm-publish-non-persistent
-    name: Format
-    uses: './.github/workflows/reusable.format.yml'
-    with:
-      persistent: true
-
-  call-build:
-    needs: call-format
-    name: Build
-    uses: './.github/workflows/reusable.build.yml'
-    with:
-      persistent: true

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

@@ -1,42 +0,0 @@
-name: Reusable - Build
-
-on:
-  workflow_call:
-    inputs:
-      persistent:
-        required: true
-        type: boolean
-
-jobs:
-  run-vite-build:
-    runs-on: ubuntu-latest
-
-    steps:
-      # Checking out the repository with the latest version
-      - uses: actions/checkout@v4
-
-      # Setting up the latest Bun.js version
-      - name: Set up Bun.js
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: 'latest'
-
-      # Installing dependencies using Bun
-      - name: Install Dependencies
-        run: bun install
-      
-      # Running Vite Build
-      - name: Run Vite Build
-        run: bun run build
-        
-      # Committing built files to the current branch
-      - name: Commit Built Files
-        if: ${{ inputs.persist }}
-        run: |
-          git config --global user.name "GitHub Actions"
-          git config --global user.email "actions@github.com"
-          git add .
-          git commit -m "GitHub Actions: Build" --allow-empty
-          git push
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/reusable.format.yml

@@ -1,55 +0,0 @@
-name: Reusable - Prettier Formatting
-
-on:
-  workflow_call:
-    inputs:
-      persistent:
-        required: true
-        type: boolean
-
-jobs:
-  run-prettier:
-    runs-on: ubuntu-latest
-
-    steps:
-      # Checking out the repository with the latest version
-      - uses: actions/checkout@v4
-
-      # Setting up the latest Bun.js version
-      - name: Set up Bun.js
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: 'latest'
-
-      # Installing dependencies using Bun
-      - name: Install Dependencies
-        run: bun install
-      
-      # Running Prettier using Bun
-      - name: Run Prettier Format
-        run: bun run format
-        
-      # Committing formatted files to the current branch
-      - name: Commit Formatted Files
-        if: ${{ inputs.persistent }}
-        run: |
-          git config --global user.name "GitHub Actions"
-          git config --global user.email "actions@github.com"
-          
-          # Stage all changes
-          git add .
-          
-          # Check if there are any staged changes
-          if ! git diff --cached --quiet; then
-            echo "There are changes to commit and push."
-          
-            # Commit the changes
-            git commit -m "GitHub Actions: Format using Prettier"
-          
-            # Push to the current branch
-            git push
-          else
-            echo "No changes to commit."
-          fi
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

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

@@ -1,30 +0,0 @@
-name: Reusable - ESLint (non-persistent)
-
-on:
-  workflow_call:
-    inputs:
-      run-linting:
-        required: true
-        type: boolean
-
-jobs:
-  run-eslint:
-    runs-on: ubuntu-latest
-
-    steps:
-      # Checking out the repository with the latest version
-      - uses: actions/checkout@v4
-
-      # Setting up the latest Bun.js version
-      - name: Set up Bun.js
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: 'latest'
-
-      # Installing dependencies using Bun
-      - name: Install Dependencies
-        run: bun install
-      
-      # Running Vitest with coverage using Bun
-      - name: Run ESLint
-        run: bun run lint

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

@@ -1,61 +0,0 @@
-name: Reusable - NPM Publish
-
-on:
-  workflow_call:
-    inputs:
-      persistent:
-        required: true
-        type: boolean
-
-jobs:
-  npm-publish:
-    runs-on: ubuntu-latest
-
-    steps:
-      # Checking out the repository with the latest version
-      - uses: actions/checkout@v4
-
-      # Setting up the latest Node.js version
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 'latest'
-          registry-url: 'https://registry.npmjs.org'  # Specify NPM registry
-
-      # Installing dependencies
-      - name: Install Dependencies
-        run: npm install --no-package-lock
-          
-      # Get the version inside package.json
-      - name: Get version from package.json
-        id: get-version
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          echo "VERSION=$VERSION" >> $GITHUB_ENV
-
-      # Publishing to NPM (dry-run for testing purposes)
-      - name: Publish to NPM (dry-run)
-        run: npm publish --dry-run
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
-          
-      # Commit the version tag made by NPM
-      - name: Commit version tag
-        if: ${{ inputs.persist }}
-        run: |
-          git config --global user.name "GitHub Actions"
-          git config --global user.email "actions@github.com"
-          git add .
-          git commit -m "GitHub Actions: NPM build ${{ env.VERSION }}" --allow-empty
-          git push origin
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          
-      - name: Configure npm for authentication
-        run: echo "https://registry.npmjs.org/:_authToken=${{ secrets.NPM_PUBLISH_TOKEN }}" > ~/.npmrc
-
-      - name: Publish to NPM
-        if: ${{ inputs.persistent }}
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

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

@@ -1,50 +0,0 @@
-name: Reusable - Run Tests
-
-on:
-  workflow_call:
-    inputs:
-      persistent:
-        required: true
-        type: boolean
-
-jobs:
-  run-vitest:
-    runs-on: ubuntu-latest
-
-    steps:
-      # Checking out the repository with the latest version
-      - uses: actions/checkout@v4
-
-      # Setting up the latest Bun.js version
-      - name: Set up Bun.js
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: 'latest'
-
-      # Installing dependencies using Bun
-      - name: Install Dependencies
-        run: bun install
-      
-      # Running Vitest with coverage using Bun
-      - name: Run Vitest
-        run: bunx vitest
-      
-      # Committing coverage artifacts to the current branch
-      - name: Commit Build
-        if: ${{ inputs.persistent }}
-        run: |
-          git config --global user.name "GitHub Actions"
-          git config --global user.email "actions@github.com"
-          git add .
-          git commit -m "GitHub Actions: Create Test Coverage" --allow-empty
-          git push
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      # Uploading coverage to Coveralls
-      - name: Upload Coverage to Coveralls
-        if: ${{ inputs.persistent }}
-        uses: coverallsapp/github-action@v2
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          path-to-lcov: ./coverage/lcov.info