@dreher-media/dm-js-lib 0.0.1

package/README.md

@@ -0,0 +1,148 @@
+# @dreher-media/dm-js-lib
+
+Centralized JavaScript library for Dreher.Media websites with CDN delivery.
+
+## Installation
+
+```bash
+npm install
+```
+
+## Development
+
+### Build
+
+```bash
+npm run build
+```
+
+This will compile TypeScript and create `dist/dm-js-lib.min.js`.
+
+### Format Code
+
+```bash
+npm run format
+```
+
+Check formatting:
+
+```bash
+npm run format:check
+```
+
+## Release Workflow
+
+### 1. Build and Publish
+
+```bash
+npm run release:patch   # 1.0.0 -> 1.0.1 (builds, versions, and publishes)
+npm run release:minor   # 1.0.0 -> 1.1.0 (builds, versions, and publishes)
+npm run release:major   # 1.0.0 -> 2.0.0 (builds, versions, and publishes)
+```
+
+The release script will:
+1. Update the version in `package.json`
+2. Build the project (via `prepublishOnly` hook)
+3. Publish to npm
+
+### 2. Commit and Push
+
+```bash
+git add .
+git commit -m "Release v1.2.3"
+git push
+```
+
+## CDN Usage
+
+jsDelivr automatically serves from npm with full semantic versioning support:
+
+### Pinned Version (Frozen)
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@dreher-media/dm-js-lib@1.2.3/dist/dm-js-lib.min.js"></script>
+```
+
+### Patch-Only Auto-Update
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@dreher-media/dm-js-lib@1.2.x/dist/dm-js-lib.min.js"></script>
+```
+
+Automatically updates only on patch versions (e.g., `1.2.0 → 1.2.1`), never on minor or major versions.
+
+### Version Range
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@dreher-media/dm-js-lib@^1.2.0/dist/dm-js-lib.min.js"></script>
+```
+
+Updates to any compatible version (patches and minor versions, but not major).
+
+### Latest (Staging)
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@dreher-media/dm-js-lib@latest/dist/dm-js-lib.min.js"></script>
+```
+
+Always points to the newest published version.
+
+## Versioning Strategy
+
+- All versions follow **semantic versioning (semver)**
+- Published versions are **immutable** - once published to npm, never changed
+- Version ranges (`@1.2.x`, `@^1.2.0`) automatically resolve to compatible versions
+- `@latest` always points to the newest published version
+- Multiple minor version lines can receive security patches independently
+
+## Project Structure
+
+```
+dm-js-lib/
+  src/
+    types/
+      global.d.ts
+    modules/
+      [module files]
+    index.ts
+  dist/
+    dm-js-lib.min.js
+  package.json
+  tsconfig.json
+  rollup.config.mjs
+```
+
+## Dependencies
+
+- **rollup** - Build tool
+- **@rollup/plugin-typescript** - TypeScript support
+- **rollup-plugin-terser** - Minification
+- **typescript** - TypeScript compiler
+- **prettier** - Code formatter
+
+## Publishing to npm
+
+Before publishing, ensure you have:
+
+1. An npm account
+2. Access to the `@dreher-media` organization (or change the package name)
+3. Logged in: `npm login`
+
+Then use the release scripts which handle building and publishing automatically.
+
+## External Dependencies (Runtime)
+
+The library integrates with these external services (loaded separately):
+
+- **FsCC (Finsweet Cookie Consent)** - Cookie consent management
+- **Webflow** - Webflow CMS and interactions
+- **Plyr** - Video player library
+- **YouTube IFrame API** - YouTube player
+- **Vimeo Player API** - Vimeo player
+- **Dailymotion Player Library** - Dailymotion player
+- **Swiper** - Carousel/slider library (optional, for video swipers)
+
+## License
+
+MIT
+

package/dist/dm-js-lib.min.js

@@ -0,0 +1 @@
+!function(){"use strict";!function(){let e=!1;const t=()=>{window.FsCC?(e||(window.FsCC.consentController.on("updateconsents",()=>{t()}),e=!0),document.querySelectorAll("[fs-cc-reject]").forEach(e=>{const t=e.getAttribute("fs-cc-reject");if(!t)return;const o=window.FsCC?.store.consents[t]??!1,n=document.querySelector(`[fs-cc="${t}"]`);o?(e.style.display="none",n&&(n.style.display="block")):(e.style.display="block",n&&(n.style.display="none"))})):setTimeout(t,200)};document.addEventListener("DOMContentLoaded",t)}(),void 0!==window.Webflow&&window.Webflow.push(()=>{document.querySelectorAll(".copyright-year").forEach(e=>{e.textContent=(new Date).getFullYear().toString()});const e=sessionStorage.getItem("selected_lang");if(e){const t=document.querySelector(`.biography-lang-links .tab-link[data-lang="${e}"]`);t?.click?.()}}),function(){const e=e=>{const t=(e||"").replace(/\/+$/,"").replace(/\.html?$/i,"");return""===t?"/":t};window.addEventListener("load",()=>{const t=e(window.location.pathname);document.querySelectorAll("a[href]").forEach(o=>{const n=o.getAttribute("href");if(!n)return;if(n.startsWith("#")||n.toLowerCase().startsWith("javascript:"))return;let a;try{a=new URL(n,window.location.href)}catch{return}if(a.origin!==window.location.origin)return;e(a.pathname)===t&&o.classList.add("w--current")})})}(),document.querySelectorAll("[data-separator]").forEach(e=>{const t=e.getAttribute("data-separator");if(!t)return;const o=Array.from(e.children);o.forEach((e,n)=>{if(n<o.length-1){const o=document.createElement("span");o.innerHTML=`&nbsp;${t}&nbsp;`,e.insertAdjacentElement("afterend",o)}})}),document.querySelectorAll(".tab-link").forEach(e=>{e.addEventListener("click",e=>{const t=e.currentTarget,o=t.parentNode;if(o){const e=o.querySelector(".tab-link.active");e&&e.classList.remove("active"),t.classList.add("active")}})}),document.querySelectorAll(".biography-lang-links .tab-link[data-lang]").forEach(e=>{e.addEventListener("click",e=>{const t=e.currentTarget,o=t.dataset?.lang;o&&(sessionStorage.setItem("selected_lang",o),document.querySelectorAll(`.biography-text:not(.${o})`).forEach(e=>{e.style.display="none"}),document.querySelectorAll(`.biography-text.${o}`).forEach(e=>{e.style.display="block"}),document.querySelectorAll(`.biography-lang-links .tab-link:not([data-lang="${o}"])`).forEach(e=>{e.classList.remove("active")}),document.querySelectorAll(`.biography-lang-links .tab-link[data-lang="${o}"]`).forEach(e=>{e.classList.add("active")}))})}),function(){void 0!==window.Plyr&&window.Plyr.setup("._init-plyr");const e=document.querySelectorAll(".youtube"),t={};let o=!1;const n=(e=null)=>{for(const[o,n]of Object.entries(t))if(e!==o)if("youtube"===n.type){n.player.pauseVideo()}else if("vimeo"===n.type){n.player.pause()}else if("dailymotion"===n.type){n.player.pause()}},a=e=>{n(e),"undefined"!=typeof videoSwipers&&videoSwipers&&videoSwipers.forEach(e=>{e.autoplay.stop()})},r=e=>{"undefined"!=typeof videoSwipers&&videoSwipers&&videoSwipers.forEach(e=>{e.autoplay.start()})},i=()=>{o=!0,e.forEach(e=>{e.addEventListener("click",()=>{const o=e.querySelector("[data-custom-embed]");o&&(e.innerHTML=o.innerHTML);const n=e,i=`player_${n.dataset.id}`,l=n.dataset.type,d=n.dataset.videoId,c=parseInt(n.dataset.time||"0",10);if(d&&l)if(a(i),"youtube"===l&&window.YT){const e=new window.YT.Player(i,{videoId:d,playerVars:{start:c},events:{onReady:e=>{e.target.playVideo()},onStateChange:e=>{e.data===window.YT.PlayerState.PLAYING?a(i):e.data!==window.YT.PlayerState.PAUSED&&e.data!==window.YT.PlayerState.ENDED||r()}}});t[i]={type:l,player:e}}else if("vimeo"===l&&window.Vimeo){const e=document.getElementById(i);e&&(e.innerHTML="");const o=new window.Vimeo.Player(i,{id:d,autoplay:!0,start:c});o.on("play",()=>a(i)),o.on("pause",()=>r()),t[i]={type:l,player:o}}else"dailymotion"===l&&window.dailymotion&&window.dailymotion.createPlayer(i,{video:d,params:{autoplay:1,start:c,mute:!1}}).then(e=>{e.on("play",()=>a(i)),e.on("pause",()=>r()),e.on("ended",()=>r()),t[i]={type:"dailymotion",player:e}}).catch(e=>{console.error("Error initializing Dailymotion player:",e)})})})};window.onYouTubeIframeAPIReady=i,document.addEventListener("DOMContentLoaded",()=>{"undefined"!=typeof videoSwipers&&videoSwipers&&videoSwipers.forEach(e=>{e.on("slideChange",()=>{n()})}),setTimeout(()=>{o||i()},500)})}(),function(){const e=["maxresdefault","sddefault","hqdefault","mqdefault","default"],t=(o,n=0)=>{if(o.naturalWidth>120)return;if(n>=e.length)return;const a=e[n],r=o.src,i=new Image;i.onload=()=>{i.naturalWidth>120?o.src=i.src:t(o,n+1)},i.onerror=()=>{t(o,n+1)},i.src=r.replace(/maxresdefault/,a)};document.querySelectorAll(".youtube img").forEach(e=>{t(e)})}(),document.querySelectorAll("[data-download-href]").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const o=e.getAttribute("data-download-href"),n=e.getAttribute("data-download-filename");o&&((e,t)=>{const o=document.createElement("a");o.href=e,o.download=t||e.split("/").pop()||"download",document.body.appendChild(o),o.click(),document.body.removeChild(o)})(o,n)})})}();

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@dreher-media/dm-js-lib",
+  "version": "0.0.1",
+  "description": "Centralized JavaScript library for Dreher.Media websites with CDN delivery",
+  "type": "module",
+  "main": "dist/dm-js-lib.min.js",
+  "files": [
+    "dist/dm-js-lib.min.js",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "format": "prettier --write \"src/**/*.{ts,js}\" \"*.{js,json,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,js}\" \"*.{js,json,md}\"",
+    "prepublishOnly": "npm run build",
+    "release:patch": "npm version patch && npm publish",
+    "release:minor": "npm version minor && npm publish",
+    "release:major": "npm version major && npm publish"
+  },
+  "keywords": [
+    "cdn",
+    "javascript",
+    "typescript"
+  ],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "prettier": "^3.2.5",
+    "rollup": "^4.9.1",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "tslib": "^2.8.1"
+  }
+}