masoneffect 2.0.19 → 2.0.20

package/dist/vue/typing/index.mjs

@@ -113,9 +113,80 @@ function decomposeHangul(char) {
   const initial = Math.floor(base / (21 * 28));
   const medial = Math.floor(base % (21 * 28) / 28);
   const final = base % 28;
-  const initialChars = ["ㄱ", "ㄲ", "ㄴ", "ㄷ", "ㄸ", "ㄹ", "ㅁ", "ㅂ", "ㅃ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅉ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
-  const medialChars = ["ㅏ", "ㅐ", "ㅑ", "ㅒ", "ㅓ", "ㅔ", "ㅕ", "ㅖ", "ㅗ", "ㅘ", "ㅙ", "ㅚ", "ㅛ", "ㅜ", "ㅝ", "ㅞ", "ㅟ", "ㅠ", "ㅡ", "ㅢ", "ㅣ"];
-  const finalChars = ["", "ㄱ", "ㄲ", "ㄳ", "ㄴ", "ㄵ", "ㄶ", "ㄷ", "ㄹ", "ㄺ", "ㄻ", "ㄼ", "ㄽ", "ㄾ", "ㄿ", "ㅀ", "ㅁ", "ㅂ", "ㅄ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
+  const initialChars = [
+    "ㄱ",
+    "ㄲ",
+    "ㄴ",
+    "ㄷ",
+    "ㄸ",
+    "ㄹ",
+    "ㅁ",
+    "ㅂ",
+    "ㅃ",
+    "ㅅ",
+    "ㅆ",
+    "ㅇ",
+    "ㅈ",
+    "ㅉ",
+    "ㅊ",
+    "ㅋ",
+    "ㅌ",
+    "ㅍ",
+    "ㅎ"
+  ];
+  const medialChars = [
+    "ㅏ",
+    "ㅐ",
+    "ㅑ",
+    "ㅒ",
+    "ㅓ",
+    "ㅔ",
+    "ㅕ",
+    "ㅖ",
+    "ㅗ",
+    "ㅘ",
+    "ㅙ",
+    "ㅚ",
+    "ㅛ",
+    "ㅜ",
+    "ㅝ",
+    "ㅞ",
+    "ㅟ",
+    "ㅠ",
+    "ㅡ",
+    "ㅢ",
+    "ㅣ"
+  ];
+  const finalChars = [
+    "",
+    "ㄱ",
+    "ㄲ",
+    "ㄳ",
+    "ㄴ",
+    "ㄵ",
+    "ㄶ",
+    "ㄷ",
+    "ㄹ",
+    "ㄺ",
+    "ㄻ",
+    "ㄼ",
+    "ㄽ",
+    "ㄾ",
+    "ㄿ",
+    "ㅀ",
+    "ㅁ",
+    "ㅂ",
+    "ㅄ",
+    "ㅅ",
+    "ㅆ",
+    "ㅇ",
+    "ㅈ",
+    "ㅊ",
+    "ㅋ",
+    "ㅌ",
+    "ㅍ",
+    "ㅎ"
+  ];
   const result = [];
   result.push(initialChars[initial]);
   result.push(medialChars[medial]);
@@ -125,9 +196,80 @@ function decomposeHangul(char) {
   return result;
 }
 function composeHangul(initial, medial, final) {
-  const initialChars = ["ㄱ", "ㄲ", "ㄴ", "ㄷ", "ㄸ", "ㄹ", "ㅁ", "ㅂ", "ㅃ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅉ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
-  const medialChars = ["ㅏ", "ㅐ", "ㅑ", "ㅒ", "ㅓ", "ㅔ", "ㅕ", "ㅖ", "ㅗ", "ㅘ", "ㅙ", "ㅚ", "ㅛ", "ㅜ", "ㅝ", "ㅞ", "ㅟ", "ㅠ", "ㅡ", "ㅢ", "ㅣ"];
-  const finalChars = ["", "ㄱ", "ㄲ", "ㄳ", "ㄴ", "ㄵ", "ㄶ", "ㄷ", "ㄹ", "ㄺ", "ㄻ", "ㄼ", "ㄽ", "ㄾ", "ㄿ", "ㅀ", "ㅁ", "ㅂ", "ㅄ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
+  const initialChars = [
+    "ㄱ",
+    "ㄲ",
+    "ㄴ",
+    "ㄷ",
+    "ㄸ",
+    "ㄹ",
+    "ㅁ",
+    "ㅂ",
+    "ㅃ",
+    "ㅅ",
+    "ㅆ",
+    "ㅇ",
+    "ㅈ",
+    "ㅉ",
+    "ㅊ",
+    "ㅋ",
+    "ㅌ",
+    "ㅍ",
+    "ㅎ"
+  ];
+  const medialChars = [
+    "ㅏ",
+    "ㅐ",
+    "ㅑ",
+    "ㅒ",
+    "ㅓ",
+    "ㅔ",
+    "ㅕ",
+    "ㅖ",
+    "ㅗ",
+    "ㅘ",
+    "ㅙ",
+    "ㅚ",
+    "ㅛ",
+    "ㅜ",
+    "ㅝ",
+    "ㅞ",
+    "ㅟ",
+    "ㅠ",
+    "ㅡ",
+    "ㅢ",
+    "ㅣ"
+  ];
+  const finalChars = [
+    "",
+    "ㄱ",
+    "ㄲ",
+    "ㄳ",
+    "ㄴ",
+    "ㄵ",
+    "ㄶ",
+    "ㄷ",
+    "ㄹ",
+    "ㄺ",
+    "ㄻ",
+    "ㄼ",
+    "ㄽ",
+    "ㄾ",
+    "ㄿ",
+    "ㅀ",
+    "ㅁ",
+    "ㅂ",
+    "ㅄ",
+    "ㅅ",
+    "ㅆ",
+    "ㅇ",
+    "ㅈ",
+    "ㅊ",
+    "ㅋ",
+    "ㅌ",
+    "ㅍ",
+    "ㅎ"
+  ];
   const initialIndex = initialChars.indexOf(initial);
   const medialIndex = medialChars.indexOf(medial);
   const finalIndex = final ? finalChars.indexOf(final) : 0;
@@ -310,10 +452,16 @@ class Typing {
     this.updateDisplay("");
   }
   updateDisplay(text) {
-    const textWithoutCursor = text.replace(new RegExp(this.escapeHtml(this.config.cursorChar) + "$"), "");
+    const textWithoutCursor = text.replace(
+      new RegExp(this.escapeHtml(this.config.cursorChar) + "$"),
+      ""
+    );
     const hasCursor = text.endsWith(this.config.cursorChar);
     const previousTextContent = this.container.textContent || "";
-    const previousTextWithoutCursor = previousTextContent.replace(new RegExp(this.config.cursorChar + "$"), "");
+    const previousTextWithoutCursor = previousTextContent.replace(
+      new RegExp(this.config.cursorChar + "$"),
+      ""
+    );
     let html = "";
     for (let i = 0; i < textWithoutCursor.length; i++) {
       const char = textWithoutCursor[i];
@@ -368,10 +516,10 @@ class Typing {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Typing",
   props: {
-    className: {},
-    style: {},
-    onUpdate: {},
-    onComplete: {},
+    className: { default: void 0 },
+    style: { default: void 0 },
+    onUpdate: { type: Function, default: void 0 },
+    onComplete: { type: Function, default: void 0 },
     text: {},
     speed: { default: 50 },
     delay: { default: 0 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "masoneffect",
-  "version": "2.0.19",
+  "version": "2.0.20",
   "description": "A collection of animation effects library. Supports React, Vue, Svelte, and vanilla JavaScript with Tree-shaking support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -132,21 +132,28 @@
   ],
   "scripts": {
     "build": "rollup -c rollup.config.mjs && npm run build:vue && npm run build:vue:textToParticle && npm run build:vue:count && npm run build:vue:typing && npm run build:vue:scrollFadeIn && npm run build:vue:textSpin && npm run build:svelte && npm run build:svelte:textToParticle && npm run build:svelte:count && npm run build:svelte:typing && npm run build:svelte:scrollFadeIn && npm run build:svelte:textSpin && node scripts/generate-react-types.js",
-    "build:vue": "vite build --config vite.config.vue.mjs",
-    "build:vue:textToParticle": "vite build --config vite.config.vue.textToParticle.mjs",
-    "build:vue:count": "vite build --config vite.config.vue.count.mjs",
-    "build:vue:typing": "vite build --config vite.config.vue.typing.mjs",
-    "build:vue:scrollFadeIn": "vite build --config vite.config.vue.scrollFadeIn.mjs",
-    "build:vue:textSpin": "vite build --config vite.config.vue.textSpin.mjs",
-    "build:svelte": "vite build --config vite.config.svelte.mjs",
-    "build:svelte:textToParticle": "vite build --config vite.config.svelte.textToParticle.mjs",
-    "build:svelte:count": "vite build --config vite.config.svelte.count.mjs",
-    "build:svelte:typing": "vite build --config vite.config.svelte.typing.mjs",
-    "build:svelte:scrollFadeIn": "vite build --config vite.config.svelte.scrollFadeIn.mjs",
-    "build:svelte:textSpin": "vite build --config vite.config.svelte.textSpin.mjs",
+    "build:vue": "vite build --config config/vite/vite.config.vue.mjs",
+    "build:vue:textToParticle": "vite build --config config/vite/vite.config.vue.textToParticle.mjs",
+    "build:vue:count": "vite build --config config/vite/vite.config.vue.count.mjs",
+    "build:vue:typing": "vite build --config config/vite/vite.config.vue.typing.mjs",
+    "build:vue:scrollFadeIn": "vite build --config config/vite/vite.config.vue.scrollFadeIn.mjs",
+    "build:vue:textSpin": "vite build --config config/vite/vite.config.vue.textSpin.mjs",
+    "build:svelte": "vite build --config config/vite/vite.config.svelte.mjs",
+    "build:svelte:textToParticle": "vite build --config config/vite/vite.config.svelte.textToParticle.mjs",
+    "build:svelte:count": "vite build --config config/vite/vite.config.svelte.count.mjs",
+    "build:svelte:typing": "vite build --config config/vite/vite.config.svelte.typing.mjs",
+    "build:svelte:scrollFadeIn": "vite build --config config/vite/vite.config.svelte.scrollFadeIn.mjs",
+    "build:svelte:textSpin": "vite build --config config/vite/vite.config.svelte.textSpin.mjs",
     "dev": "rollup -c rollup.config.mjs -w",
     "serve": "npx http-server . -p 8080 -o --cors",
     "dev:example": "npm run serve",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\" \"eslint.config.mjs\" \"prettier.config.mjs\" \"config/**/*.mjs\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\" \"eslint.config.mjs\" \"prettier.config.mjs\" \"config/**/*.mjs\"",
+    "test": "vitest run --config config/vitest.config.mjs",
+    "test:watch": "vitest --config config/vitest.config.mjs",
+    "qa": "npm run format:check || (npm run format && npm run format:check) && npm run lint && npm test",
     "precheck": "node scripts/check-before-publish.js",
     "prepublishOnly": "npm run build && npm run precheck"
   },
@@ -180,6 +187,7 @@
   },
   "aiAgentGuide": "./llms.txt",
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
@@ -188,15 +196,28 @@
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-vue": "^5.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-svelte": "^3.17.1",
+    "eslint-plugin-vue": "^10.9.0",
+    "globals": "^17.6.0",
+    "jsdom": "^24.1.3",
+    "prettier": "^3.8.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "rollup": "^4.9.0",
     "svelte": "^4.0.0",
+    "svelte-eslint-parser": "^1.6.0",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
     "typescript": "^5.3.3",
+    "typescript-eslint": "^8.59.1",
     "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.6.0"
+    "vite-plugin-dts": "^3.6.0",
+    "vitest": "^2.1.9",
+    "vue-eslint-parser": "^10.4.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0 || >=19.0.0-0",