refactor(cjk/cjt): rename handleCJK to handleCJT across files

Author: raffaele-filiberti

README.md

@@ -5,7 +5,7 @@ GSAP-like text splitting class.
 It supports:
 
 - splitting text into lines, words, and chars
-- CJK locales
+- CJT locales
 - nested HTML elements (with all the types of splits 😉)
 - text balancing
 - emoji
@@ -37,7 +37,7 @@ const splitTextInstance = new SplitText(el);
 - `noAriaLabel`: Whether to not add .sr-only content. Defaults to `false`.
 - `noBalance`: Whether to not balance the text using @activetheory/balance-text. Defaults to `false`.
 - `balanceRatio`: The ratio of the width of the element to the width of the parent. Defaults to `1`.
-- `handleCJK`: Whether to handle CJK characters. Defaults to `false`.
+- `handleCJT`: Whether to handle CJT characters. Defaults to `false`.
 
 ## Properties
 
@@ -59,7 +59,7 @@ To run the demo, run `npm run dev`.
 
 ## Notes
 
-### CJK locales
+### CJT locales
 
-The `handleCJK` option will leverage `​` to split the text properly.
+The `handleCJT` option will leverage `​` to split the text properly.
 We suggest to have a look at https://github.com/google/budoux/ for more information about how to place `​` in your text.

demo/index.html

@@ -35,8 +35,8 @@ <h1>Split Text</h1>
               <label for="input-no-balance">No balance<br /><small>turn of the balance-text library</small></label>
             </div>
             <div>
-              <input type="checkbox" id="input-handle-cjk" />
-              <label for="input-handle-cjk">Handle CJK</label>
+              <input type="checkbox" id="input-handle-cjt" />
+              <label for="input-handle-cjt">Handle CJT</label>
             </div>
           </fieldset>
           <fieldset>

demo/index.js

@@ -14,7 +14,7 @@ document.addEventListener('DOMContentLoaded', () => {
   const typeChars = document.getElementById('input-type-chars');
   const noAriaLabel = document.getElementById('input-no-aria-label');
   const noBalance = document.getElementById('input-no-balance');
-  const handleCJK = document.getElementById('input-handle-cjk');
+  const handleCJT = document.getElementById('input-handle-cjt');
   const cssBalance = document.getElementById('input-balance');
   // Get font size input
   const fontSize = document.getElementById('input-font-size');
@@ -32,7 +32,7 @@ document.addEventListener('DOMContentLoaded', () => {
       type: types.join(','),
       noAriaLabel: noAriaLabel.checked,
       noBalance: noBalance.checked,
-      handleCJK: handleCJK.checked,
+      handleCJT: handleCJT.checked,
     };
   };
 
@@ -67,7 +67,7 @@ document.addEventListener('DOMContentLoaded', () => {
   // Event listeners
   inputText.addEventListener('input', updateSplit);
   fontSize.addEventListener('input', updateFontSize);
-  [typeLines, typeWords, typeChars, noAriaLabel, noBalance, handleCJK, cssBalance].forEach((checkbox) => {
+  [typeLines, typeWords, typeChars, noAriaLabel, noBalance, handleCJT, cssBalance].forEach((checkbox) => {
     checkbox.addEventListener('change', updateSplit);
   });
 

src/index.d.ts

@@ -5,7 +5,7 @@ export type SplitTextOptions = {
   noAriaLabel?: boolean;
   noBalance?: boolean;
   balanceRatio?: number;
-  handleCJK?: boolean;
+  handleCJT?: boolean;
 };
 
 export default class SplitText {

src/index.js

@@ -37,7 +37,7 @@ export default class SplitText {
       noBalance: false,
       balanceRatio: 1,
       minLines: 1,
-      handleCJK: false,
+      handleCJT: false,
     }
   ) {
     this.elements = toArray(element);
@@ -47,7 +47,7 @@ export default class SplitText {
     this.options.noAriaLabel = typeof this.options.noAriaLabel === 'boolean' ? this.options.noAriaLabel : false;
     this.options.noBalance = typeof this.options.noBalance === 'boolean' ? this.options.noBalance : false;
     this.options.minLines = typeof this.options.minLines === 'number' ? this.options.minLines : 1;
-    this.options.handleCJK = typeof this.options.handleCJK === 'boolean' ? this.options.handleCJK : false;
+    this.options.handleCJT = typeof this.options.handleCJT === 'boolean' ? this.options.handleCJT : false;
     this.options.type = typeof this.options.type === 'string' ? this.options.type : 'lines';
     this.split();
   }
@@ -269,14 +269,14 @@ export default class SplitText {
   replaceWords(element, notByChars) {
     Array.from(element.getElementsByClassName('word')).forEach((el, i) => {
       el.replaceWith(this.words[i]);
-      if (el.__isCJK && notByChars) {
+      if (el.__isCJT && notByChars) {
         this.words[i].innerHTML = this.words[i].textContent;
       }
     });
   }
 
-  // CJK locales + Thai
-  isCJKChar(char) {
+  // CJT locales + Thai
+  isCJTChar(char) {
     return /[\u4E00-\u9FFF\u3400-\u4DBF\u3040-\u309F\u30A0-\u30FF\uAC00-\uD7AF\u0E00-\u0E7F]/.test(char);
   }
 
@@ -292,7 +292,7 @@ export default class SplitText {
         allElements.push(document.createTextNode(wholeText[0]));
       }
 
-      if (this.options.handleCJK && key === 'word') {
+      if (this.options.handleCJT && key === 'word') {
         // Split text into words first
         const words = contents.split(/(\s+)/).filter(Boolean);
 
@@ -307,14 +307,14 @@ export default class SplitText {
 
           // Process each character in the word
           let currentWord = '';
-          let isCJKMode = false;
+          let isCJTMode = false;
 
           for (let j = 0; j < word.length; j++) {
             const char = word[j];
-            const isCurrentCharCJK = this.isCJKChar(char);
+            const isCurrentCharCJT = this.isCJTChar(char);
 
             // Mode switch or end of word
-            if (isCurrentCharCJK !== isCJKMode || j === word.length - 1) {
+            if (isCurrentCharCJT !== isCJTMode || j === word.length - 1) {
               // Add the current character to the word
               if (j === word.length - 1) {
                 currentWord += char;
@@ -326,23 +326,23 @@ export default class SplitText {
                 elements.push(splitEl);
                 allElements.push(splitEl);
 
-                // If it's CJK, split into individual characters
-                if (isCJKMode) {
-                  splitEl.__isCJK = true;
+                // If it's CJT, split into individual characters
+                if (isCJTMode) {
+                  splitEl.__isCJT = true;
                   this.chars.push(...this.splitElement(splitEl, 'char', '', false));
                 }
               }
 
               // Reset for next segment
               currentWord = j === word.length - 1 ? '' : char;
-              isCJKMode = isCurrentCharCJK;
+              isCJTMode = isCurrentCharCJT;
             } else {
               currentWord += char;
             }
           }
         }
       } else {
-        // Regular handling for non-CJK text or when handleCJK is false
+        // Regular handling for non-CJT text or when handleCJT is false
         if (key === 'char') {
           // Use Array.from to properly split Unicode characters including emojis
           const chars = Array.from(contents);