browser support (#31)

Author: Zheruel

CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.15.0] - 2025-09-21
+
+### Added
+
+- **CDN Optimization** - Full support for CDN usage via unpkg and jsDelivr
+  - Added IIFE/UMD build format that exposes `nanoStringUtils` global variable
+  - Added `unpkg`, `jsdelivr`, and `browser` fields to package.json for optimal CDN serving
+  - Browser users can now use the library via `<script>` tags without any build tools
+  - Support for both classic script tags and ES modules from CDN
+  - Created comprehensive CDN test page (`test-cdn.html`) for validation
+  - Updated README with detailed CDN usage examples
+
+### Improved
+
+- **Build System** - Enhanced tsup configuration for triple output format (ESM, CJS, IIFE)
+  - IIFE build automatically minified and tree-shaken
+  - Source maps generated for all build formats
+  - Global namespace properly configured as `nanoStringUtils`
+
 ## [0.14.0] - 2025-09-21
 
 ### Added

README.md

@@ -72,6 +72,33 @@ deno add @zheruel/nano-string-utils
 bun add nano-string-utils
 ```
 
+### Browser (CDN)
+
+```html
+<!-- Latest version -->
+<script src="https://unpkg.com/nano-string-utils/dist/index.iife.js"></script>
+
+<!-- Or specific version -->
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.iife.js"></script>
+
+<script>
+  // All functions available on global nanoStringUtils object
+  const slug = nanoStringUtils.slugify("Hello World!");
+  console.log(slug); // 'hello-world'
+</script>
+```
+
+For modern browsers with ES modules:
+
+```html
+<script type="module">
+  import { slugify, camelCase } from 'https://unpkg.com/nano-string-utils/dist/index.js';
+
+  console.log(slugify("Hello World")); // 'hello-world'
+  console.log(camelCase("hello-world")); // 'helloWorld'
+</script>
+```
+
 ## Quick Start
 
 ```javascript

docs-src/index.html

@@ -16,7 +16,7 @@
           <div class="header-content">
             <h1 class="logo">
               <span class="logo-text">nano-string-utils</span>
-              <span class="version">v0.14.0</span>
+              <span class="version">v0.15.0</span>
             </h1>
             <nav class="nav">
               <a href="#playground" class="nav-link active">Playground</a>

jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@zheruel/nano-string-utils",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "exports": "./src/index.ts",
   "publish": {
     "include": ["src/**/*.ts", "README.md", "LICENSE", "CHANGELOG.md"],

package-lock.json

@@ -1,11 +1,16 @@
 {
   "name": "nano-string-utils",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Ultra-lightweight string utilities with zero dependencies",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.iife.js",
+  "jsdelivr": "./dist/index.iife.js",
+  "browser": {
+    "./dist/index.cjs": "./dist/index.js"
+  },
   "bin": {
     "nano-string": "./bin/nano-string.js"
   },