cc-gram 1.2.2 → 1.2.4

package/README.md

@@ -1,4 +1,4 @@
-<img src="./logo.webp" alt="CCgram Logo" width="180">
+<img src="https://github.com/EastSun5566/cc-gram/blob/main/logo.webp?raw=true" alt="CCgram Logo" width="180">
 
 # 🖼 CCgram
 

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { FilterName, FilterSetting } from './filters';
-import { Options, ParseOptions } from './types';
+import { type FilterName, type FilterSetting } from './filters';
+import type { Options, ParseOptions } from './types';
 export declare const DEFAULT_DATA_ATTRIBUTE = "filter";
 /** 🖼 A CSS & Canvas Instagram filters based on CSSgram */
 export declare class CCgram {
@@ -58,5 +58,5 @@ export declare class CCgram {
 export declare const CCGram: typeof CCgram;
 /** alias for `CCgram` */
 export declare const Filter: typeof CCgram;
-export declare type FilterInstance = InstanceType<typeof CCgram>;
+export type FilterInstance = InstanceType<typeof CCgram>;
 export declare function createFilter(options: Options): FilterInstance;

package/dist/filters.d.ts

@@ -3,7 +3,7 @@
  * @see CSSgram {@link https://github.com/una/CSSgram}
  */
 /** The Name of Filter */
-export declare type FilterName = string;
+export type FilterName = string;
 /** The Setting object of Filter */
 export interface FilterSetting {
     blur?: number;

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+/**
+ * @package cc-gram <https://github.com/EastSun5566/cc-gram>
+ *
+ * @license MIT
+ * @copyright (c) 2019 - present
+ * @author Michael Wang
+ */
+export { Filter as default } from './core';
+export * from './filters';
+export * from './core';

package/dist/index.esm.js

@@ -1 +1 @@
-function t(t,e,r,n){return new(r||(r=Promise))((function(a,s){function i(t){try{c(n.next(t))}catch(t){s(t)}}function o(t){try{c(n.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?a(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,o)}c((n=n.apply(t,e||[])).next())}))}const e=new Map([["aden",{"hue-rotate":-20,contrast:.9,brightness:1.2,saturate:.85}],["inkwell",{sepia:.3,contrast:1.1,brightness:1.1,grayscale:1}],["reyes",{sepia:.22,contrast:.85,brightness:1.1,saturate:.75}],["gingham",{"hue-rotate":-10,brightness:1.05}],["toaster",{contrast:1.5,brightness:.9}],["walden",{"hue-rotate":-10,brightness:1.1,sepia:.3,saturate:1.6}],["hudson",{brightness:1.2,contrast:.9,saturate:1.1}],["earlybird",{contrast:.9,sepia:.2}],["mayfair",{contrast:1.1,saturate:1.1}],["lofi",{contrast:1.5,saturate:1.1}],["1977",{contrast:1.1,brightness:1.1,saturate:1.3}],["brooklyn",{contrast:.9,brightness:1.1}],["xpro2",{sepia:.3}],["nashville",{contrast:1.2,brightness:1.05,saturate:1.2,sepia:.2}],["lark",{contrast:.9}],["moon",{brightness:1.1,contrast:1.1,grayscale:1}],["clarendon",{contrast:1.2,saturate:1.35}],["willow",{contrast:.95,brightness:.9,grayscale:.5}],["rise",{contrast:.9,brightness:1.05,sepia:.2,saturate:.9}],["slumber",{brightness:1.05,saturate:.66}],["brannan",{contrast:1.4,sepia:.5}],["valencia",{contrast:1.08,brightness:1.08,sepia:.08}],["maven",{contrast:.95,brightness:1.95,saturate:1.5,sepia:.25}],["stinson",{contrast:.75,brightness:1.15,saturate:.85}],["amaro",{"hue-rotate":-10,contrast:.9,brightness:1.1,saturate:1.5}]]),r="undefined"!=typeof OffscreenCanvas;function n(t,e="internal error."){if(!t)throw Error(`[CCgram] ${e}`)}function a(t){n(t&&"IMG"===t.tagName,"The first argument is required and must be an <img> element."),n(t.src,"The <img> element src attribute is empty.")}function s({data:t}){const{canvas:e,image:r,filterStyle:n,options:a}=t,s=e.getContext("2d",{alpha:!1});if(!s)throw new Error("The 2d context canvas is not supported.");return s.filter=n,s.drawImage(r,0,0),e.convertToBlob(a)}const i="filter";class o{constructor({dataAttribute:t="filter",init:r=!0}={}){if(this._filters=e,this._dataAttribute=t,this._dataAttributeKey=t.replace(/-./g,(t=>t[1]?t[1].toUpperCase():"")),!r)return;if("complete"===document.readyState)return void this.applyFilter();const n=()=>{this.applyFilter(),document.removeEventListener("DOMContentLoaded",n)};document.addEventListener("DOMContentLoaded",n)}get filterNames(){return[...this._filters.keys()]}setFilter(t,e){this._filters.set(t,e)}removeFilter(t){return this._filters.delete(t)}getFilterSetting(t=""){return this._filters.get(t)}getFilterStyle(t=""){return function(t){return t?Object.keys(t).map((e=>`${e}(${t[e]}${"hue-rotate"===e?"deg":"blur"===e?"px":""})`)).join(" "):"none"}(this._filters.get(t))}applyFilter(t=`img[data-${this._dataAttribute}]`){document.querySelectorAll(t).forEach((t=>{const{dataset:e}=t;t.style.setProperty("filter",this.getFilterStyle(e[this._dataAttributeKey]))}))}getDataURL(e,r={}){return t(this,void 0,void 0,(function*(){a(e);const t=yield this.getBlob(e,r);if(!t)return null;const n=new FileReader;return new Promise((e=>{n.addEventListener("load",(()=>{e(n.result)})),n.readAsDataURL(t)}))}))}getBlob(e,n={}){var i;return t(this,void 0,void 0,(function*(){a(e);const{naturalWidth:t,naturalHeight:o}=e,c=null!==(i=n.filter)&&void 0!==i?i:e.dataset[this._dataAttributeKey],l=this.getFilterStyle(c);if(r){const r=new OffscreenCanvas(t,o),a=yield createImageBitmap(e);return new Promise((t=>{const e=function(t){const e=`\n    const work = ${t.toString()};\n\n    addEventListener('message', async (...params) => {\n      const res = await work(...params);\n      postMessage(res);\n    });\n  `,r=URL.createObjectURL(new Blob([e],{type:"text/javascript"})),n=new Worker(r),{terminate:a}=n;return n.terminate=()=>{URL.revokeObjectURL(r),a.call(n)},n}(s);e.addEventListener("message",(({data:r})=>{t(r),e.terminate()})),e.postMessage({canvas:r,image:a,filterStyle:l,options:n},[r,a])}))}const u=document.createElement("canvas");u.width=t,u.height=o;const d=u.getContext("2d",{alpha:!1});if(!d)throw new Error("The 2d context canvas is not supported.");d.filter=l,d.drawImage(e,0,0);const{type:h,quality:g}=n;return new Promise((t=>u.toBlob((e=>t(e)),h,g)))}))}}o.DEFAULT_DATA_ATTRIBUTE="filter",o.DEFAULT_FILTERS=e;const c=o,l=o;function u(t){return new l(t)}export{c as CCGram,o as CCgram,i as DEFAULT_DATA_ATTRIBUTE,e as DEFAULT_FILTERS,l as Filter,u as createFilter,l as default};
+const t=new Map([["aden",{"hue-rotate":-20,contrast:.9,brightness:1.2,saturate:.85}],["inkwell",{sepia:.3,contrast:1.1,brightness:1.1,grayscale:1}],["reyes",{sepia:.22,contrast:.85,brightness:1.1,saturate:.75}],["gingham",{"hue-rotate":-10,brightness:1.05}],["toaster",{contrast:1.5,brightness:.9}],["walden",{"hue-rotate":-10,brightness:1.1,sepia:.3,saturate:1.6}],["hudson",{brightness:1.2,contrast:.9,saturate:1.1}],["earlybird",{contrast:.9,sepia:.2}],["mayfair",{contrast:1.1,saturate:1.1}],["lofi",{contrast:1.5,saturate:1.1}],["1977",{contrast:1.1,brightness:1.1,saturate:1.3}],["brooklyn",{contrast:.9,brightness:1.1}],["xpro2",{sepia:.3}],["nashville",{contrast:1.2,brightness:1.05,saturate:1.2,sepia:.2}],["lark",{contrast:.9}],["moon",{brightness:1.1,contrast:1.1,grayscale:1}],["clarendon",{contrast:1.2,saturate:1.35}],["willow",{contrast:.95,brightness:.9,grayscale:.5}],["rise",{contrast:.9,brightness:1.05,sepia:.2,saturate:.9}],["slumber",{brightness:1.05,saturate:.66}],["brannan",{contrast:1.4,sepia:.5}],["valencia",{contrast:1.08,brightness:1.08,sepia:.08}],["maven",{contrast:.95,brightness:1.95,saturate:1.5,sepia:.25}],["stinson",{contrast:.75,brightness:1.15,saturate:.85}],["amaro",{"hue-rotate":-10,contrast:.9,brightness:1.1,saturate:1.5}]]),e="undefined"!=typeof OffscreenCanvas;function r(t,e="internal error."){if(!t)throw Error(`[CCgram] ${e}`)}function a(t){r(t&&"IMG"===t.tagName,"The first argument is required and must be an <img> element."),r(t.src,"The <img> element src attribute is empty.")}function s({data:t}){const{canvas:e,image:r,filterStyle:a,options:s}=t,n=e.getContext("2d",{alpha:!1});if(!n)throw new Error("The 2d context canvas is not supported.");return n.filter=a,n.drawImage(r,0,0),e.convertToBlob(s)}const n="filter";class i{static DEFAULT_DATA_ATTRIBUTE=n;static DEFAULT_FILTERS=t;_filters=t;_dataAttribute;_dataAttributeKey;constructor({dataAttribute:t=n,init:e=!0}={}){if(this._dataAttribute=t,this._dataAttributeKey=t.replace(/-./g,t=>t[1]?t[1].toUpperCase():""),!e)return;if("complete"===document.readyState)return void this.applyFilter();const r=()=>{this.applyFilter(),document.removeEventListener("DOMContentLoaded",r)};document.addEventListener("DOMContentLoaded",r)}get filterNames(){return[...this._filters.keys()]}setFilter(t,e){this._filters.set(t,e)}removeFilter(t){return this._filters.delete(t)}getFilterSetting(t=""){return this._filters.get(t)}getFilterStyle(t=""){return function(t){return t?Object.keys(t).map(e=>`${e}(${t[e]}${"hue-rotate"===e?"deg":"blur"===e?"px":""})`).join(" "):"none"}(this._filters.get(t))}applyFilter(t=`img[data-${this._dataAttribute}]`){document.querySelectorAll(t).forEach(t=>{const{dataset:e}=t;t.style.setProperty("filter",this.getFilterStyle(e[this._dataAttributeKey]))})}async getDataURL(t,e={}){a(t);const r=await this.getBlob(t,e);if(!r)return null;const s=new FileReader;return new Promise(t=>{s.addEventListener("load",()=>{t(s.result)}),s.readAsDataURL(r)})}async getBlob(t,r={}){a(t);const{naturalWidth:n,naturalHeight:i}=t,o=r.filter??t.dataset[this._dataAttributeKey],c=this.getFilterStyle(o);if(e){const e=new OffscreenCanvas(n,i),a=await createImageBitmap(t);return new Promise(t=>{const n=function(t){const e=`\n    const work = ${t.toString()};\n\n    addEventListener('message', async (...params) => {\n      const res = await work(...params);\n      postMessage(res);\n    });\n  `,r=URL.createObjectURL(new Blob([e],{type:"text/javascript"})),a=new Worker(r),{terminate:s}=a;return a.terminate=()=>{URL.revokeObjectURL(r),s.call(a)},a}(s);n.addEventListener("message",({data:e})=>{t(e),n.terminate()}),n.postMessage({canvas:e,image:a,filterStyle:c,options:r},[e,a])})}const l=document.createElement("canvas");l.width=n,l.height=i;const u=l.getContext("2d",{alpha:!1});if(!u)throw new Error("The 2d context canvas is not supported.");u.filter=c,u.drawImage(t,0,0);const{type:d,quality:g}=r;return new Promise(t=>l.toBlob(e=>t(e),d,g))}}const o=i,c=i;function l(t){return new c(t)}export{o as CCGram,i as CCgram,n as DEFAULT_DATA_ATTRIBUTE,t as DEFAULT_FILTERS,c as Filter,l as createFilter,c as default};

package/dist/index.umd.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CCGram={})}(this,(function(t){"use strict";function e(t,e,r,n){return new(r||(r=Promise))((function(a,s){function i(t){try{c(n.next(t))}catch(t){s(t)}}function o(t){try{c(n.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?a(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(i,o)}c((n=n.apply(t,e||[])).next())}))}const r=new Map([["aden",{"hue-rotate":-20,contrast:.9,brightness:1.2,saturate:.85}],["inkwell",{sepia:.3,contrast:1.1,brightness:1.1,grayscale:1}],["reyes",{sepia:.22,contrast:.85,brightness:1.1,saturate:.75}],["gingham",{"hue-rotate":-10,brightness:1.05}],["toaster",{contrast:1.5,brightness:.9}],["walden",{"hue-rotate":-10,brightness:1.1,sepia:.3,saturate:1.6}],["hudson",{brightness:1.2,contrast:.9,saturate:1.1}],["earlybird",{contrast:.9,sepia:.2}],["mayfair",{contrast:1.1,saturate:1.1}],["lofi",{contrast:1.5,saturate:1.1}],["1977",{contrast:1.1,brightness:1.1,saturate:1.3}],["brooklyn",{contrast:.9,brightness:1.1}],["xpro2",{sepia:.3}],["nashville",{contrast:1.2,brightness:1.05,saturate:1.2,sepia:.2}],["lark",{contrast:.9}],["moon",{brightness:1.1,contrast:1.1,grayscale:1}],["clarendon",{contrast:1.2,saturate:1.35}],["willow",{contrast:.95,brightness:.9,grayscale:.5}],["rise",{contrast:.9,brightness:1.05,sepia:.2,saturate:.9}],["slumber",{brightness:1.05,saturate:.66}],["brannan",{contrast:1.4,sepia:.5}],["valencia",{contrast:1.08,brightness:1.08,sepia:.08}],["maven",{contrast:.95,brightness:1.95,saturate:1.5,sepia:.25}],["stinson",{contrast:.75,brightness:1.15,saturate:.85}],["amaro",{"hue-rotate":-10,contrast:.9,brightness:1.1,saturate:1.5}]]),n="undefined"!=typeof OffscreenCanvas;function a(t,e="internal error."){if(!t)throw Error(`[CCgram] ${e}`)}function s(t){a(t&&"IMG"===t.tagName,"The first argument is required and must be an <img> element."),a(t.src,"The <img> element src attribute is empty.")}function i({data:t}){const{canvas:e,image:r,filterStyle:n,options:a}=t,s=e.getContext("2d",{alpha:!1});if(!s)throw new Error("The 2d context canvas is not supported.");return s.filter=n,s.drawImage(r,0,0),e.convertToBlob(a)}const o="filter";class c{constructor({dataAttribute:t="filter",init:e=!0}={}){if(this._filters=r,this._dataAttribute=t,this._dataAttributeKey=t.replace(/-./g,(t=>t[1]?t[1].toUpperCase():"")),!e)return;if("complete"===document.readyState)return void this.applyFilter();const n=()=>{this.applyFilter(),document.removeEventListener("DOMContentLoaded",n)};document.addEventListener("DOMContentLoaded",n)}get filterNames(){return[...this._filters.keys()]}setFilter(t,e){this._filters.set(t,e)}removeFilter(t){return this._filters.delete(t)}getFilterSetting(t=""){return this._filters.get(t)}getFilterStyle(t=""){return function(t){return t?Object.keys(t).map((e=>`${e}(${t[e]}${"hue-rotate"===e?"deg":"blur"===e?"px":""})`)).join(" "):"none"}(this._filters.get(t))}applyFilter(t=`img[data-${this._dataAttribute}]`){document.querySelectorAll(t).forEach((t=>{const{dataset:e}=t;t.style.setProperty("filter",this.getFilterStyle(e[this._dataAttributeKey]))}))}getDataURL(t,r={}){return e(this,void 0,void 0,(function*(){s(t);const e=yield this.getBlob(t,r);if(!e)return null;const n=new FileReader;return new Promise((t=>{n.addEventListener("load",(()=>{t(n.result)})),n.readAsDataURL(e)}))}))}getBlob(t,r={}){var a;return e(this,void 0,void 0,(function*(){s(t);const{naturalWidth:e,naturalHeight:o}=t,c=null!==(a=r.filter)&&void 0!==a?a:t.dataset[this._dataAttributeKey],l=this.getFilterStyle(c);if(n){const n=new OffscreenCanvas(e,o),a=yield createImageBitmap(t);return new Promise((t=>{const e=function(t){const e=`\n    const work = ${t.toString()};\n\n    addEventListener('message', async (...params) => {\n      const res = await work(...params);\n      postMessage(res);\n    });\n  `,r=URL.createObjectURL(new Blob([e],{type:"text/javascript"})),n=new Worker(r),{terminate:a}=n;return n.terminate=()=>{URL.revokeObjectURL(r),a.call(n)},n}(i);e.addEventListener("message",(({data:r})=>{t(r),e.terminate()})),e.postMessage({canvas:n,image:a,filterStyle:l,options:r},[n,a])}))}const u=document.createElement("canvas");u.width=e,u.height=o;const d=u.getContext("2d",{alpha:!1});if(!d)throw new Error("The 2d context canvas is not supported.");d.filter=l,d.drawImage(t,0,0);const{type:h,quality:f}=r;return new Promise((t=>u.toBlob((e=>t(e)),h,f)))}))}}c.DEFAULT_DATA_ATTRIBUTE=o,c.DEFAULT_FILTERS=r;const l=c,u=c;t.CCGram=l,t.CCgram=c,t.DEFAULT_DATA_ATTRIBUTE=o,t.DEFAULT_FILTERS=r,t.Filter=u,t.createFilter=function(t){return new u(t)},t.default=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CCGram={})}(this,function(t){"use strict";const e=new Map([["aden",{"hue-rotate":-20,contrast:.9,brightness:1.2,saturate:.85}],["inkwell",{sepia:.3,contrast:1.1,brightness:1.1,grayscale:1}],["reyes",{sepia:.22,contrast:.85,brightness:1.1,saturate:.75}],["gingham",{"hue-rotate":-10,brightness:1.05}],["toaster",{contrast:1.5,brightness:.9}],["walden",{"hue-rotate":-10,brightness:1.1,sepia:.3,saturate:1.6}],["hudson",{brightness:1.2,contrast:.9,saturate:1.1}],["earlybird",{contrast:.9,sepia:.2}],["mayfair",{contrast:1.1,saturate:1.1}],["lofi",{contrast:1.5,saturate:1.1}],["1977",{contrast:1.1,brightness:1.1,saturate:1.3}],["brooklyn",{contrast:.9,brightness:1.1}],["xpro2",{sepia:.3}],["nashville",{contrast:1.2,brightness:1.05,saturate:1.2,sepia:.2}],["lark",{contrast:.9}],["moon",{brightness:1.1,contrast:1.1,grayscale:1}],["clarendon",{contrast:1.2,saturate:1.35}],["willow",{contrast:.95,brightness:.9,grayscale:.5}],["rise",{contrast:.9,brightness:1.05,sepia:.2,saturate:.9}],["slumber",{brightness:1.05,saturate:.66}],["brannan",{contrast:1.4,sepia:.5}],["valencia",{contrast:1.08,brightness:1.08,sepia:.08}],["maven",{contrast:.95,brightness:1.95,saturate:1.5,sepia:.25}],["stinson",{contrast:.75,brightness:1.15,saturate:.85}],["amaro",{"hue-rotate":-10,contrast:.9,brightness:1.1,saturate:1.5}]]),r="undefined"!=typeof OffscreenCanvas;function a(t,e="internal error."){if(!t)throw Error(`[CCgram] ${e}`)}function s(t){a(t&&"IMG"===t.tagName,"The first argument is required and must be an <img> element."),a(t.src,"The <img> element src attribute is empty.")}function n({data:t}){const{canvas:e,image:r,filterStyle:a,options:s}=t,n=e.getContext("2d",{alpha:!1});if(!n)throw new Error("The 2d context canvas is not supported.");return n.filter=a,n.drawImage(r,0,0),e.convertToBlob(s)}const i="filter";class o{static DEFAULT_DATA_ATTRIBUTE=i;static DEFAULT_FILTERS=e;_filters=e;_dataAttribute;_dataAttributeKey;constructor({dataAttribute:t=i,init:e=!0}={}){if(this._dataAttribute=t,this._dataAttributeKey=t.replace(/-./g,t=>t[1]?t[1].toUpperCase():""),!e)return;if("complete"===document.readyState)return void this.applyFilter();const r=()=>{this.applyFilter(),document.removeEventListener("DOMContentLoaded",r)};document.addEventListener("DOMContentLoaded",r)}get filterNames(){return[...this._filters.keys()]}setFilter(t,e){this._filters.set(t,e)}removeFilter(t){return this._filters.delete(t)}getFilterSetting(t=""){return this._filters.get(t)}getFilterStyle(t=""){return function(t){return t?Object.keys(t).map(e=>`${e}(${t[e]}${"hue-rotate"===e?"deg":"blur"===e?"px":""})`).join(" "):"none"}(this._filters.get(t))}applyFilter(t=`img[data-${this._dataAttribute}]`){document.querySelectorAll(t).forEach(t=>{const{dataset:e}=t;t.style.setProperty("filter",this.getFilterStyle(e[this._dataAttributeKey]))})}async getDataURL(t,e={}){s(t);const r=await this.getBlob(t,e);if(!r)return null;const a=new FileReader;return new Promise(t=>{a.addEventListener("load",()=>{t(a.result)}),a.readAsDataURL(r)})}async getBlob(t,e={}){s(t);const{naturalWidth:a,naturalHeight:i}=t,o=e.filter??t.dataset[this._dataAttributeKey],c=this.getFilterStyle(o);if(r){const r=new OffscreenCanvas(a,i),s=await createImageBitmap(t);return new Promise(t=>{const a=function(t){const e=`\n    const work = ${t.toString()};\n\n    addEventListener('message', async (...params) => {\n      const res = await work(...params);\n      postMessage(res);\n    });\n  `,r=URL.createObjectURL(new Blob([e],{type:"text/javascript"})),a=new Worker(r),{terminate:s}=a;return a.terminate=()=>{URL.revokeObjectURL(r),s.call(a)},a}(n);a.addEventListener("message",({data:e})=>{t(e),a.terminate()}),a.postMessage({canvas:r,image:s,filterStyle:c,options:e},[r,s])})}const l=document.createElement("canvas");l.width=a,l.height=i;const u=l.getContext("2d",{alpha:!1});if(!u)throw new Error("The 2d context canvas is not supported.");u.filter=c,u.drawImage(t,0,0);const{type:d,quality:g}=e;return new Promise(t=>l.toBlob(e=>t(e),d,g))}}const c=o,l=o;t.CCGram=c,t.CCgram=o,t.DEFAULT_DATA_ATTRIBUTE=i,t.DEFAULT_FILTERS=e,t.Filter=l,t.createFilter=function(t){return new l(t)},t.default=l,Object.defineProperty(t,"__esModule",{value:!0})});

package/dist/utils.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="offscreencanvas" />
-import { FilterSetting } from './filters';
-import { ParseOptions } from './types';
+import type { FilterSetting } from './filters';
+import type { ParseOptions } from './types';
 export declare const hasOffscreenCanvas: boolean;
 export declare function camelize(string: string): string;
 export declare function assert<TCond = unknown>(condition: TCond, message?: string): asserts condition;

package/package.json

@@ -1,18 +1,24 @@
 {
   "name": "cc-gram",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "🖼 A CSS & Canvas Instagram filters based on CSSgram",
   "type": "module",
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
   },
   "packageManager": "pnpm@9.1.0",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "exports": {
-    "import": "./dist/index.esm.js",
-    "require": "./dist/index.umd.js"
+    "import": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "require": {
+      "types": "./dist/index.d.cts",
+      "default": "./dist/index.umd.js"
+    }
   },
   "files": [
     "dist",
@@ -20,13 +26,15 @@
   ],
   "scripts": {
     "build": "rimraf dist && rollup -c rollup.config.ts --configPlugin typescript",
-    "type-check": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
     "test": "vitest __tests__",
     "test:coverage": "vitest run __tests__ --coverage",
-    "lint": "eslint --fix --ignore-path .gitignore --ext .js,.ts src",
+    "lint": "eslint --fix src",
+    "lint:pkg": "npx publint",
     "prepublishOnly": "pnpm build",
     "release": "sh scripts/release.sh",
-    "demo:dev": "pnpm -C demo dev"
+    "demo:dev": "pnpm -C demo dev",
+    "demo:build": "pnpm -C demo build"
   },
   "keywords": [
     "image",
@@ -42,7 +50,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/EastSun5566/cc-gram"
+    "url": "git+https://github.com/EastSun5566/cc-gram.git"
   },
   "homepage": "https://eastsun5566.github.io/cc-gram/",
   "bugs": {
@@ -54,24 +62,27 @@
     }
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.1.0",
-    "@rollup/plugin-typescript": "^9.0.2",
-    "@types/offscreencanvas": "^2019.7.0",
-    "@typescript-eslint/eslint-plugin": "^2.14.0",
-    "@typescript-eslint/parser": "^2.14.0",
-    "@vitest/coverage-c8": "^0.25.6",
-    "babel-eslint": "^10.0.1",
-    "eslint": "^6.8.0",
-    "eslint-config-airbnb-base": "^14.0.0",
-    "eslint-plugin-import": "^2.19.1",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@stylistic/eslint-plugin": "^3.0.1",
+    "@types/node": "^24.10.4",
+    "@types/offscreencanvas": "^2019.7.3",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vitest/ui": "^4.0.16",
+    "eslint": "^9.39.2",
+    "eslint-config-airbnb-extended": "^2.3.3",
+    "eslint-import-resolver-typescript": "^4.0.0",
+    "eslint-plugin-import-x": "^4.6.1",
+    "globals": "^15.14.0",
     "husky": "^3.1.0",
-    "jsdom": "^20.0.3",
-    "rimraf": "^3.0.2",
-    "rollup": "^3.2.5",
+    "jsdom": "^27.4.0",
+    "rimraf": "^6.1.2",
+    "rollup": "^4.54.0",
     "rollup-plugin-filesize": "^9.1.2",
-    "tslib": "^2.4.1",
-    "typescript": "^4.8.4",
-    "vitest": "^0.25.6"
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.1",
+    "vitest": "^4.0.16"
   }
 }

package/src/core.ts

@@ -1,7 +1,7 @@
 import {
   DEFAULT_FILTERS,
-  FilterName,
-  FilterSetting,
+  type FilterName,
+  type FilterSetting,
 } from './filters';
 import {
   parseSettingToStyle,
@@ -12,7 +12,7 @@ import {
   camelize,
 } from './utils';
 
-import { Options, ParseOptions } from './types';
+import type { Options, ParseOptions } from './types';
 
 export const DEFAULT_DATA_ATTRIBUTE = 'filter';
 
@@ -97,8 +97,8 @@ export class CCgram {
    * Apply CSS filter to all targets
    * @param [selectors='img[data-${this._dataAttribute}]'] - selectors
    */
-  // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-  applyFilter(selectors: string = `img[data-${this._dataAttribute}]`): void {
+
+  applyFilter(selectors = `img[data-${this._dataAttribute}]`): void {
     document
       .querySelectorAll<HTMLImageElement>(selectors)
       .forEach((target): void => {

package/src/utils.ts

@@ -1,5 +1,5 @@
-import { FilterSetting } from './filters';
-import { ParseOptions } from './types';
+import type { FilterSetting } from './filters';
+import type { ParseOptions } from './types';
 
 export const hasOffscreenCanvas = typeof OffscreenCanvas !== 'undefined';
 
@@ -18,7 +18,7 @@ export function assertIsImage(image: HTMLImageElement): asserts image is HTMLIma
 
 export function createWorker<
   TData = unknown,
-  TMessage = unknown
+  TMessage = unknown,
 >(fn: (messageEvent: MessageEvent<TData>) => TMessage): Worker {
   const code = `
     const work = ${fn.toString()};
@@ -61,7 +61,7 @@ export function parseSettingToStyle(setting?: FilterSetting): string {
 }
 
 interface CreateBlobOptions<
-  TCanvas extends HTMLCanvasElement | OffscreenCanvas = HTMLCanvasElement
+  TCanvas extends HTMLCanvasElement | OffscreenCanvas = HTMLCanvasElement,
 > {
   canvas: TCanvas;
   image: CanvasImageSource;