@versoly/plugins 0.0.11 → 0.0.13

package/dist/{index.d.ts → index.d.mts}

@@ -30,6 +30,9 @@ declare const plugins: {
   };
   swiper: {
     name: string;
+    checks: {
+      plugin: string;
+    }[];
     cdnUrls: ({
       url: string;
       inline: boolean;
@@ -40,22 +43,22 @@ declare const plugins: {
       defer?: undefined;
     })[];
     js: string;
-    checks: {
-      plugin: string;
-    }[];
   };
   prism: {
     name: string;
+    checks: {
+      html: string;
+    }[];
     cdnUrls: {
       url: string;
     }[];
     js: string;
-    checks: {
-      html: string;
-    }[];
   };
   tilt: {
     name: string;
+    checks: {
+      plugin: string;
+    }[];
     options: {
       name: string;
       previewInEditor: true;
@@ -162,9 +165,6 @@ declare const plugins: {
       defer: true;
     }[];
     js: string;
-    checks: {
-      plugin: string;
-    }[];
     components: {
       name: string;
       category: string;
@@ -173,6 +173,9 @@ declare const plugins: {
   };
   typed: {
     name: string;
+    checks: {
+      plugin: string;
+    }[];
     options: {
       name: string;
       previewInEditor: true;
@@ -232,9 +235,6 @@ declare const plugins: {
       defer: true;
     }[];
     js: string;
-    checks: {
-      plugin: string;
-    }[];
     components: never[];
     displayNames: {
       displayName: string;
@@ -277,9 +277,9 @@ declare const plugins: {
       } | {
         name: string;
         propsName: string;
-        options: boolean[];
         type: "BooleanPropOption";
-        defaultValue: false;
+        options: boolean[];
+        defaultValue: true;
         placeholder?: undefined;
         stepSize?: undefined;
       })[];
@@ -332,6 +332,19 @@ declare const plugins: {
       html: string;
     }[];
   };
+  headroom: {
+    name: string;
+    cdnUrls: {
+      url: string;
+      inline: boolean;
+      defer: true;
+    }[];
+    js: string;
+    checks: {
+      plugin: string;
+    }[];
+    components: never[];
+  };
   taos: {
     name: string;
     css: string;
@@ -347,15 +360,15 @@ declare const plugins: {
   };
   tailtip: {
     name: string;
+    checks: {
+      plugin: string;
+    }[];
     src: string;
     cdnUrls: {
       url: string;
       defer: true;
     }[];
     js: string;
-    checks: {
-      plugin: string;
-    }[];
     components: {
       name: string;
       category: string;
@@ -388,6 +401,9 @@ declare const plugins: {
   };
   'versoly-marquee': {
     name: string;
+    checks: {
+      plugin: string;
+    }[];
     js: string;
     options: {
       name: string;
@@ -459,9 +475,6 @@ declare const plugins: {
         options?: undefined;
       })[];
     };
-    checks: {
-      plugin: string;
-    }[];
     src: string;
     cdnUrls: {
       url: string;

package/dist/{index.js → index.mjs}

@@ -41,8 +41,7 @@ document.querySelectorAll('[data-calendly-url]').forEach(elem => {
 
 //#endregion
 //#region src/plugins/swiper.ts
-const js$8 = `
-window.vSwipers = [];
+const js$10 = `window.vSwipers = [];
 window.vGetElementsByToggle('swiper').forEach((elem) => {
   let props = window.vGetElementOptions(elem);
 
@@ -59,26 +58,18 @@ window.vGetElementsByToggle('swiper').forEach((elem) => {
 });`;
 var swiper_default = defineConfig({
 	name: "swiper",
+	checks: [{ plugin: "swiper" }],
 	cdnUrls: [{
-		url: `https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.3.2/swiper-bundle.min.js`,
+		url: `https://cdn.jsdelivr.net/npm/swiper@9.3.2/swiper-bundle.min.js`,
 		inline: false,
 		defer: true
 	}, { url: `https://d1pnnwteuly8z3.cloudfront.net/libs/swiper/9.3.2/swiper.css` }],
-	js: js$8,
-	checks: [{ plugin: "swiper" }]
+	js: js$10
 });
 
 //#endregion
 //#region src/plugins/prism.ts
-var prism_default = defineConfig({
-	name: "prism",
-	cdnUrls: [
-		{ url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.css" },
-		{ url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js" },
-		{ url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/autoloader/prism-autoloader.min.js" },
-		{ url: "https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.js" }
-	],
-	js: `
+const js$9 = `
 document.querySelectorAll("pre > code[class^='language-']").forEach((elem) => {
   elem.parentNode.innerHTML = elem.parentNode.innerHTML.trim();
 });
@@ -86,9 +77,9 @@ document.querySelectorAll("pre > code[class^='language-']").forEach((elem) => {
 let themeLink = window.vPrismTheme !== undefined ? window.vPrismTheme : 'default';
 
 if (themeLink === 'default') {
-  themeLink = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/themes/prism.min.css';
+  themeLink = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/themes/prism.min.css';
 } else if (themeLink && !themeLink.includes('https://')) {
-  themeLink = 'https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-' + themeLink + '.min.css';
+  themeLink = 'https://cdn.jsdelivr.net/npm/prism-themes@1.9.0/themes/prism-' + themeLink + '.min.css';
 }
 
 if (themeLink && themeLink.includes('https://')) {
@@ -100,19 +91,29 @@ if (themeLink && themeLink.includes('https://')) {
 
 window.addEventListener('load', () => {
   window.Prism && window.Prism.highlightAll();
-});`,
-	checks: [{ html: "prism" }]
+});`;
+var prism_default = defineConfig({
+	name: "prism",
+	checks: [{ html: "prism" }],
+	cdnUrls: [
+		{ url: "https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/prism-core.min.js" },
+		{ url: "https://cdn.jsdelivr.net/npm/prismjs@1.30.0/plugins/autoloader/prism-autoloader.min.js" },
+		{ url: "https://cdn.jsdelivr.net/npm/prismjs@1.30.0/plugins/line-numbers/prism-line-numbers.min.js" },
+		{ url: "https://cdn.jsdelivr.net/npm/prismjs@1.30.0/plugins/line-numbers/prism-line-numbers.min.css" }
+	],
+	js: js$9
 });
 
 //#endregion
 //#region src/plugins/tilt.ts
-const js$7 = `window.vTilts = [];
+const js$8 = `window.vTilts = [];
 window.vGetElementsByToggle('tilt').forEach((elem) => {
   VanillaTilt.init(elem, window.vGetElementOptions(elem));
   window.vTilts.push(elem);
 });`;
 var tilt_default = defineConfig({
 	name: "tilt",
+	checks: [{ plugin: "tilt" }],
 	options: {
 		name: "Tilt",
 		previewInEditor: true,
@@ -273,11 +274,10 @@ var tilt_default = defineConfig({
 		]
 	},
 	cdnUrls: [{
-		url: "https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.0/vanilla-tilt.js",
+		url: "https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js",
 		defer: true
 	}],
-	js: js$7,
-	checks: [{ plugin: "tilt" }],
+	js: js$8,
 	components: [{
 		name: "Tilt Image",
 		category: "Plugins",
@@ -291,8 +291,25 @@ var tilt_default = defineConfig({
 
 //#endregion
 //#region src/plugins/typed.ts
+const js$7 = `
+window.vGetElementsByToggle('typed').forEach((elem) => {
+  let options = window.vGetElementOptions(elem);
+
+  options.strings = [elem.innerHTML, ...options.strings];
+  elem.innerHTML = '';
+
+  new Typed(elem, {
+    typeSpeed: 100,
+    backSpeed: 50,
+    startDelay: 500,
+    backDelay: 1000,
+    loop: true,
+    ...options
+  });
+});`;
 var typed_default = defineConfig({
 	name: "typed",
+	checks: [{ plugin: "typed" }],
 	options: {
 		name: "Typed Effect Options",
 		previewInEditor: true,
@@ -366,26 +383,10 @@ var typed_default = defineConfig({
 		]
 	},
 	cdnUrls: [{
-		url: "https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js",
+		url: "https://cdn.jsdelivr.net/npm/typed.js@2.1.0/dist/typed.umd.min.js",
 		defer: true
 	}],
-	js: `
-window.vGetElementsByToggle('typed').forEach((elem) => {
-  let options = window.vGetElementOptions(elem);
-
-  options.strings = [elem.innerHTML, ...options.strings];
-  elem.innerHTML = '';
-
-  new Typed(elem, {
-    typeSpeed: 100,
-    backSpeed: 50,
-    startDelay: 500,
-    backDelay: 1000,
-    loop: true,
-    ...options
-  });
-});`,
-	checks: [{ plugin: "typed" }],
+	js: js$7,
 	components: [],
 	displayNames: [{
 		displayName: "Typed Effect",
@@ -398,20 +399,14 @@ window.vGetElementsByToggle('typed').forEach((elem) => {
 //#region src/plugins/countup.ts
 var countup_default = defineConfig({
 	name: "countup",
-	cdnUrls: [{ url: "https://cdnjs.cloudflare.com/ajax/libs/scrollReveal.js/3.4.0/scrollreveal.min.js" }, { url: "https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.8/countUp.umd.min.js" }],
-	js: `window.scrollReveal = ScrollReveal();
-
-window.countUpStart = (elem) => {
+	cdnUrls: [{ url: "https://cdn.jsdelivr.net/npm/countup.js@2.9.0/dist/countUp.umd.js" }],
+	js: `window.vGetElementsByToggle('countup').forEach(elem => {
   var startVal = elem.dataset.from ? +elem.dataset.from : 0
     ,endVal = elem.dataset.to ? +elem.dataset.to : 0
     ,duration = elem.dataset.duration ? +elem.dataset.duration : 2
     ,options = window.vGetElementOptions(elem);
-  const up = new countUp.CountUp(elem, endVal, {...options, startVal, duration});
+  const up = new countUp.CountUp(elem, endVal, { enableScrollSpy: true, scrollSpyOnce: true, ...options, startVal, duration });
   up.start();
-}
-
-window.vGetElementsByToggle('countup').forEach(elem => {
-  scrollReveal.reveal(elem, {beforeReveal: window.countUpStart, duration: 0});
 });`,
 	checks: [{ plugin: "countup" }],
 	options: {
@@ -437,17 +432,24 @@ window.vGetElementsByToggle('countup').forEach(elem => {
 			},
 			{
 				name: "Countup when Visible",
-				propsName: "data-aos",
+				propsName: "data-options.enableScrollSpy",
+				type: "BooleanPropOption",
 				options: [false, true],
+				defaultValue: true
+			},
+			{
+				name: "Animate only once",
+				propsName: "data-options.scrollSpyOnce",
 				type: "BooleanPropOption",
-				defaultValue: false
+				options: [false, true],
+				defaultValue: true
 			}
 		]
 	},
 	components: [{
 		name: "Countup",
 		category: "Plugins",
-		html: `<h2 data-toggle="countup" data-aos data-aos-id="countup:in" data-from="100" data-to="800">100</h2>`
+		html: `<h2 data-toggle="countup" data-from="100" data-to="800">100</h2>`
 	}]
 });
 
@@ -545,6 +547,33 @@ var finisher_header_default = defineConfig({
 	}]
 });
 
+//#endregion
+//#region src/plugins/headroom.ts
+var headroom_default = defineConfig({
+	name: "headroom",
+	cdnUrls: [{
+		url: "https://cdn.jsdelivr.net/npm/headroom.js@0.12.0/dist/headroom.min.js",
+		inline: false,
+		defer: true
+	}],
+	js: `window.vGetElementsByToggle('headroom').forEach((elem) => {
+  let options = window.vGetElementOptions(elem);
+
+  var headroom  = new Headroom(elem, {
+    classes: {
+      initial : "headroom transition-transform duration-200",
+      pinned: "d-block translate-y-0",
+      unpinned: 'd-none -translate-y-full',
+    },
+    ...options
+  });
+
+  headroom.init();
+});`,
+	checks: [{ plugin: "headroom" }],
+	components: []
+});
+
 //#endregion
 //#region src/plugins/taos.ts
 const js$5 = `!function(){const e=(e,t)=>{let s=!1;return()=>{s||(e(),s=!0,setTimeout((()=>s=!1),t))}},t=e=>{e.className!==e.dataset.taosClass&&(e.className=e.dataset.taosClass)},s=e=>e.className=e.className.replaceAll("taos:",""),a=e=>(e.className.includes("taos-init")||(e.dataset.taosClass=e.className+" taos-init",t(e)),e.className+=" !duration-[0ms] !delay-[0ms]",s(e),{element:e,once:"1"===getComputedStyle(e)["animation-iteration-count"],offset:parseInt(e.dataset.taosOffset||0)});let n=[],i=window.innerWidth,o=window.scrollY;const l=e((()=>{n.forEach((e=>e.trigger=e.element.getBoundingClientRect().top-window.innerHeight+e.offset+o))}),250),r=()=>{n=[],document.querySelectorAll('[class*="taos"]').forEach((e=>n.push(a(e)))),l(),requestAnimationFrame(c)},c=()=>{o=window.scrollY,n.forEach((({element:e,trigger:a,once:n})=>{a<o?t(e):!n&&e.className.includes("taos:")&&s(e)})),l()};r(),addEventListener("scroll",e(c,32)),addEventListener("orientationchange",r),addEventListener("resize",((e,t)=>{let s=null;return()=>{clearTimeout(s),s=setTimeout(e,t)}})((()=>{i!==window.innerWidth&&(i=window.innerWidth,r())}),250)),new MutationObserver((e=>{e.forEach((({target:e})=>{e.className&&!e.className.includes("taos-init")&&e.className.includes("taos:")&&n.push(a(e))}))})).observe(document,{attributes:!0,childList:!0,subtree:!0})}();`;
@@ -562,20 +591,19 @@ html.js :where([class*="taos:"]:not(.taos-init)) {
 //#endregion
 //#region src/plugins/tailtip.ts
 const js$4 = `window.vTailtips = [];
-
 window.vGetElementsByToggle('tooltip').forEach((elem) => {
   const tailtip = Tailtip(elem, window.vGetElementOptions(elem));
   window.vTailtips.push(tailtip);
 });`;
 var tailtip_default = defineConfig({
 	name: "tailtip",
-	src: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.0.3/tailtip.js",
+	checks: [{ plugin: "tailtip" }],
+	src: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.1.0/tailtip.js",
 	cdnUrls: [{
-		url: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.0.3/tailtip.js",
+		url: "https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.1.0/tailtip.js",
 		defer: true
 	}],
 	js: js$4,
-	checks: [{ plugin: "tailtip" }],
 	components: [{
 		name: "Info Tooltip",
 		category: "Plugins",
@@ -613,14 +641,15 @@ var tailtip_default = defineConfig({
 
 //#endregion
 //#region src/plugins/versoly-marquee.ts
-const src = "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-marquee/0.0.2/versoly-marquee.iife.js";
+const src = "https://cdn.jsdelivr.net/npm/versoly-marquee@1.1.1/dist/versoly-marquee.iife.js";
 const js$3 = `window.vMarquees = [];
 window.vGetElementsByToggle('marquee').forEach((elem) => {
-const marquee = new Marquee(elem, window.vGetElementOptions(elem));
-window.vMarquees.push(marquee);
+  const marquee = new Marquee(elem, window.vGetElementOptions(elem));
+  window.vMarquees.push(marquee);
 });`;
 var versoly_marquee_default = defineConfig({
 	name: "versoly-marquee",
+	checks: [{ plugin: "marquee" }],
 	js: js$3,
 	options: {
 		name: "Marquee",
@@ -677,7 +706,6 @@ var versoly_marquee_default = defineConfig({
 			}
 		]
 	},
-	checks: [{ plugin: "marquee" }],
 	src,
 	cdnUrls: [{
 		url: src,
@@ -694,13 +722,20 @@ var versoly_marquee_default = defineConfig({
 //#region src/plugins/versoly-ui.ts
 var versoly_ui_default = defineConfig({
 	name: "versoly-ui",
-	cdnUrls: [{
-		url: "https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui/1.0.1/floating-ui.min.js",
-		defer: true
-	}, {
-		url: "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.2.1/versoly-ui.js",
-		delay: true
-	}]
+	cdnUrls: [
+		{
+			url: "https://cdn.jsdelivr.net/npm/@floating-ui/core@1.7.4/dist/floating-ui.core.umd.min.js",
+			defer: true
+		},
+		{
+			url: "https://cdn.jsdelivr.net/npm/@floating-ui/dom@1.7.4/dist/floating-ui.dom.umd.min.js",
+			defer: true
+		},
+		{
+			url: "https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.3.0/versoly-ui.js",
+			delay: true
+		}
+	]
 });
 
 //#endregion
@@ -1007,6 +1042,7 @@ const plugins = {
 	countup: countup_default,
 	countdown: countdown_default,
 	"finisher-header": finisher_header_default,
+	headroom: headroom_default,
 	taos: taos_default,
 	tailtip: tailtip_default,
 	"versoly-marquee": versoly_marquee_default,

package/package.json

@@ -1,28 +1,29 @@
 {
   "name": "@versoly/plugins",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Plugins for Versoly",
   "sideEffects": false,
   "type": "module",
   "exports": {
-    ".": "./dist/index.js",
+    ".": "./dist/index.mjs",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index-Bq8k_GQ9.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "tsdown",
+    "build:watch": "tsdown --watch",
+    "dev": "vite",
     "cm": "cz",
     "clean": "rimraf lib",
     "lint": "eslint src",
     "prepare": "is-ci || husky",
     "semantic-release": "semantic-release",
     "test": "vitest",
-    "coverage": "vitest run --coverage"
+    "coverage": "vitest run --coverage",
+    "prepack": "pnpm run build"
   },
   "repository": {
     "type": "git",
@@ -55,7 +56,7 @@
     "@semantic-release/npm": "^12.0.0",
     "@semantic-release/release-notes-generator": "^12.1.0",
     "@types/node": "^22.12.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.0.18",
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "npm:eslint-ts-patch@8.56.0-0",
@@ -66,10 +67,11 @@
     "prettier": "^3.2.5",
     "rimraf": "^5.0.5",
     "semantic-release": "^23.0.5",
-    "tsdown": "^0.15.1",
+    "tsdown": "^0.20.3",
     "type-fest": "^4.26.1",
     "typescript": "^5.9.2",
-    "vitest": "^3.2.4"
+    "vite": "v8.0.0-beta.13",
+    "vitest": "^4.0.18"
   },
   "config": {
     "commitizen": {
@@ -78,6 +80,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "packageManager": "pnpm@9.15.1+sha512.1acb565e6193efbebda772702950469150cf12bcc764262e7587e71d19dc98a423dff9536e57ea44c49bdf790ff694e83c27be5faa23d67e0c033b583be4bfcf"
+  }
 }