@npm-questionpro/wick-ui-i18n 2.0.0-next.18 → 2.0.0-next.20

package/README.md

@@ -1,7 +1,7 @@
 # wick-ui-i18n
 
-Vite plugin — wraps JSX text in Wu components with `<WuTranslate>`, rewrites
-translatable props to `{wt("...")}`, and emits `wick-ui-i18n.json`.
+Vite plugin — wraps JSX text in Wu components with `<WuTranslate>`, rewrites translatable props to `{wt("...")}`, and
+emits `wick-ui-i18n.json`.
 
 ---
 
@@ -69,8 +69,7 @@ Defaults: `Label`, `placeholder`, `title`, `aria-label`, `aria-placeholder`.
 
 ## `wt()` calls
 
-Plugin records static args into `wick-ui-i18n.json`. No code rewrite unless
-template literal with expressions.
+Plugin records static args into `wick-ui-i18n.json`. No code rewrite unless template literal with expressions.
 
 | Input                         | Dictionary            | Code output                                   |
 | ----------------------------- | --------------------- | --------------------------------------------- |

package/index.js

@@ -86,10 +86,8 @@ export default function wickuiI18nPlugin(options = {}) {
       const hasAnyTarget =
         code.includes('Wu') ||
         /\bwt\(/.test(code) ||
-        (processor.components.size > 0 &&
-          [...processor.components].some(c => code.includes(c))) ||
-        (processor.extractFromKeys.size > 0 &&
-          [...processor.extractFromKeys].some(k => code.includes(k)))
+        (processor.components.size > 0 && [...processor.components].some(c => code.includes(c))) ||
+        (processor.extractFromKeys.size > 0 && [...processor.extractFromKeys].some(k => code.includes(k)))
       if (!filter(id) || !hasAnyTarget) return null
       return transformFile(code, id, processor)
     },
@@ -102,9 +100,7 @@ export default function wickuiI18nPlugin(options = {}) {
     configureServer(server) {
       server.middlewares.use(`${base}wick-ui-i18n.json`, (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
-        res.end(
-          JSON.stringify(Object.fromEntries(processor.dictionary), null, 2),
-        )
+        res.end(JSON.stringify(Object.fromEntries(processor.dictionary), null, 2))
       })
     },
 
@@ -113,11 +109,7 @@ export default function wickuiI18nPlugin(options = {}) {
       this.emitFile({
         type: 'asset',
         fileName: 'wick-ui-i18n.json',
-        source: JSON.stringify(
-          Object.fromEntries(processor.dictionary),
-          null,
-          2,
-        ),
+        source: JSON.stringify(Object.fromEntries(processor.dictionary), null, 2),
       })
 
       printReport(processor.entries)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm-questionpro/wick-ui-i18n",
-  "version": "2.0.0-next.18",
+  "version": "2.0.0-next.20",
   "private": false,
   "license": "ISC",
   "description": "Auto-translation AST wrapper for Wick UI",

package/src/debug.js

@@ -16,9 +16,7 @@ export function getComponentTree(path) {
   const parts = []
   path.findParent(p => {
     if (p.isJSXElement()) {
-      const name =
-        p.node.openingElement.name.name ||
-        p.node.openingElement.name.property?.name
+      const name = p.node.openingElement.name.name || p.node.openingElement.name.property?.name
       if (name) parts.unshift(name)
     }
     return false
@@ -50,19 +48,15 @@ export function printReport(entries) {
 
   const rows = entries.map(e => [e.text, basename(e.file), e.componentTree])
 
-  const widths = headers.map((h, i) =>
-    Math.max(h.length, ...rows.map(r => r[i].length)),
-  )
+  const widths = headers.map((h, i) => Math.max(h.length, ...rows.map(r => r[i].length)))
 
   const pad = (str, w) => str.padEnd(w)
-  const sep = (l, m, r, fill) =>
-    l + widths.map(w => fill.repeat(w + 2)).join(m) + r
+  const sep = (l, m, r, fill) => l + widths.map(w => fill.repeat(w + 2)).join(m) + r
 
   const top = sep('┌', '┬', '┐', '─')
   const mid = sep('├', '┼', '┤', '─')
   const bottom = sep('└', '┴', '┘', '─')
-  const row = cells =>
-    '│' + cells.map((c, i) => ` ${pad(c, widths[i])} `).join('│') + '│'
+  const row = cells => '│' + cells.map((c, i) => ` ${pad(c, widths[i])} `).join('│') + '│'
 
   const lines = [
     '',

package/src/processor.js

@@ -4,13 +4,7 @@
  */
 
 /** Prop names translated by default on Wu* components. Pass `translatableProps` to override. */
-const DEFAULT_TRANSLATABLE_PROPS = [
-  'Label',
-  'placeholder',
-  'title',
-  'aria-label',
-  'aria-placeholder',
-]
+const DEFAULT_TRANSLATABLE_PROPS = ['Label', 'placeholder', 'title', 'aria-label', 'aria-placeholder']
 
 /** Components always excluded from translation regardless of user config. */
 const DEFAULT_IGNORE = [
@@ -39,13 +33,9 @@ export class TranslationProcessor {
    */
   constructor(options) {
     this.components = new Set(options.components)
-    this.ignoreComponents = new Set(
-      DEFAULT_IGNORE.concat(options.ignoreComponents || []),
-    )
+    this.ignoreComponents = new Set(DEFAULT_IGNORE.concat(options.ignoreComponents || []))
     /** @type {Set<string>} JSX prop names that should be translated. */
-    this.translatableProps = new Set(
-      options.translatableProps ?? DEFAULT_TRANSLATABLE_PROPS,
-    )
+    this.translatableProps = new Set(options.translatableProps ?? DEFAULT_TRANSLATABLE_PROPS)
     /** @type {Set<string>} Object property key names whose string values are extracted (e.g. 'label'). */
     this.extractFromKeys = new Set(options.extractFromKeys || [])
     /** @type {Map<string, string>} key → original text */
@@ -74,9 +64,7 @@ export class TranslationProcessor {
    */
   record(key, text, file, componentTree) {
     if (this.dictionary.has(key) && this.dictionary.get(key) !== text) {
-      console.warn(
-        `[wick-i18n] Collision in ${file}\nKey: "${key}"\nNew: "${text}"`,
-      )
+      console.warn(`[wick-i18n] Collision in ${file}\nKey: "${key}"\nNew: "${text}"`)
       return
     }
     this.dictionary.set(key, text)
@@ -102,14 +90,10 @@ export class TranslationProcessor {
     path.findParent(p => {
       if (!p.isJSXElement()) return false
 
-      const name =
-        p.node.openingElement.name.name ||
-        p.node.openingElement.name.property?.name
+      const name = p.node.openingElement.name.name || p.node.openingElement.name.property?.name
       const attrs = p.node.openingElement.attributes || []
 
-      if (
-        attrs.some(a => ['data-skip', 'data-i18n-skip'].includes(a.name?.name))
-      ) {
+      if (attrs.some(a => ['data-skip', 'data-i18n-skip'].includes(a.name?.name))) {
         isIgnored = true
         return true
       }
@@ -150,8 +134,7 @@ export class TranslationProcessor {
     if (this.ignoreComponents.has(name)) return false
     // Respect data-skip / data-i18n-skip on the same element
     const attrs = openingEl.attributes || []
-    if (attrs.some(a => ['data-skip', 'data-i18n-skip'].includes(a.name?.name)))
-      return false
+    if (attrs.some(a => ['data-skip', 'data-i18n-skip'].includes(a.name?.name))) return false
     return name.startsWith('Wu') || this.components.has(name)
   }
 
@@ -166,14 +149,9 @@ export class TranslationProcessor {
     let result = null
     path.findParent(p => {
       if (!p.isJSXElement()) return false
-      const attr = p.node.openingElement.attributes.find(
-        a => a.name?.name === 'data-i18n-key',
-      )
+      const attr = p.node.openingElement.attributes.find(a => a.name?.name === 'data-i18n-key')
       if (!attr) return false
-      const val =
-        attr.value.type === 'StringLiteral'
-          ? attr.value.value
-          : attr.value.expression?.value
+      const val = attr.value.type === 'StringLiteral' ? attr.value.value : attr.value.expression?.value
       if (!val) {
         console.warn(
           `[wick-i18n] data-i18n-key on <${p.node.openingElement.name.name}> is dynamic or empty — falling back to text content.`,

package/src/transform.js

@@ -29,8 +29,7 @@ const HTML_ENTITY_RE = /&(?:[a-zA-Z][a-zA-Z0-9]*|#[0-9]+|#x[0-9a-fA-F]+);/
 /** @param {import('@babel/types').Node} node @returns {string|null} */
 function getStaticString(node) {
   if (node.type === 'StringLiteral') return node.value
-  if (node.type === 'TemplateLiteral' && !node.expressions.length)
-    return node.quasis[0].value.cooked
+  if (node.type === 'TemplateLiteral' && !node.expressions.length) return node.quasis[0].value.cooked
   return null
 }
 
@@ -51,17 +50,7 @@ function handleConditional(expr, path, ms, processor, id) {
   for (const branch of [expr.consequent, expr.alternate]) {
     const text = getStaticString(branch)
     if (text !== null) {
-      changed =
-        handleCapture(
-          path,
-          text,
-          branch.start,
-          branch.end,
-          ms,
-          processor,
-          id,
-          true,
-        ) || changed
+      changed = handleCapture(path, text, branch.start, branch.end, ms, processor, id, true) || changed
     } else if (branch.type === 'ConditionalExpression') {
       changed = handleConditional(branch, path, ms, processor, id) || changed
     }
@@ -83,16 +72,7 @@ function handleConditional(expr, path, ms, processor, id) {
  * @param {string}       id         - File path (for collision warnings).
  * @returns {boolean} `true` when replacement was made.
  */
-function handleCapture(
-  path,
-  text,
-  start,
-  end,
-  ms,
-  processor,
-  id,
-  skipExplicitKey = false,
-) {
+function handleCapture(path, text, start, end, ms, processor, id, skipExplicitKey = false) {
   const cleanText = text
     .trim()
     .replace(/\n/g, ' ')
@@ -105,11 +85,7 @@ function handleCapture(
   const key = (!skipExplicitKey && processor.getExplicitKey(path)) || cleanText
   processor.record(key, cleanText, id, getComponentTree(path))
 
-  ms.overwrite(
-    start,
-    end,
-    `<WuTranslate __i18nKey=${JSON.stringify(key)}></WuTranslate>`,
-  )
+  ms.overwrite(start, end, `<WuTranslate __i18nKey=${JSON.stringify(key)}></WuTranslate>`)
   return true
 }
 
@@ -219,17 +195,7 @@ export function transformFile(code, id, processor) {
         return
       }
       const start = path.node.start + text.indexOf(trimmed)
-      if (
-        handleCapture(
-          path,
-          trimmed,
-          start,
-          start + trimmed.length,
-          ms,
-          processor,
-          id,
-        )
-      ) {
+      if (handleCapture(path, trimmed, start, start + trimmed.length, ms, processor, id)) {
         needsImport = true
       }
     },
@@ -249,10 +215,7 @@ export function transformFile(code, id, processor) {
 
       if (expr.type === 'StringLiteral') {
         text = expr.value
-      } else if (
-        expr.type === 'TemplateLiteral' &&
-        expr.expressions.length > 0
-      ) {
+      } else if (expr.type === 'TemplateLiteral' && expr.expressions.length > 0) {
         if (transformTemplateLiteralExpression(path, code, ms, processor, id)) {
           needsImport = true
         }
@@ -264,18 +227,7 @@ export function transformFile(code, id, processor) {
         return
       }
 
-      if (
-        text &&
-        handleCapture(
-          path,
-          text,
-          path.node.start,
-          path.node.end,
-          ms,
-          processor,
-          id,
-        )
-      ) {
+      if (text && handleCapture(path, text, path.node.start, path.node.end, ms, processor, id)) {
         needsImport = true
       }
     },

package/src/transformReactTextWithEntities.js

@@ -26,14 +26,12 @@ import {getComponentTree} from './debug.js'
  * "Hello & World"  →  ["Hello ", "&", " World"]
  * "<Tag>"        →  ["", "<", "Tag", ">", ""]
  */
-const HTML_ENTITY_SPLIT_RE =
-  /(&(?:[a-zA-Z][a-zA-Z0-9]*|#[0-9]+|#x[0-9a-fA-F]+);)/g
+const HTML_ENTITY_SPLIT_RE = /(&(?:[a-zA-Z][a-zA-Z0-9]*|#[0-9]+|#x[0-9a-fA-F]+);)/g
 
 /**
  * Tests whether a single segment (from the split above) is itself an entity.
  */
-const HTML_ENTITY_SEGMENT_RE =
-  /^&(?:[a-zA-Z][a-zA-Z0-9]*|#[0-9]+|#x[0-9a-fA-F]+);$/
+const HTML_ENTITY_SEGMENT_RE = /^&(?:[a-zA-Z][a-zA-Z0-9]*|#[0-9]+|#x[0-9a-fA-F]+);$/
 
 /**
  * Given a text segment, extract leading whitespace, the translatable core,
@@ -73,13 +71,7 @@ function splitSegment(raw) {
  * @param {string}      id         - Source file path (for collision warnings).
  * @returns {boolean} `true` when a replacement was written.
  */
-export function transformJsxTextWithEntities(
-  path,
-  rawSource,
-  ms,
-  processor,
-  id,
-) {
+export function transformJsxTextWithEntities(path, rawSource, ms, processor, id) {
   if (!processor.shouldTranslate(path)) return false
 
   // data-i18n-key cannot span multiple split segments — warn and ignore it.
@@ -109,9 +101,7 @@ export function transformJsxTextWithEntities(
 
       if (text) {
         processor.record(text, text, id, componentTree)
-        parts.push(
-          `${leading}<WuTranslate __i18nKey=${JSON.stringify(text)}></WuTranslate>${trailing}`,
-        )
+        parts.push(`${leading}<WuTranslate __i18nKey=${JSON.stringify(text)}></WuTranslate>${trailing}`)
         hasTranslatable = true
       } else {
         // Pure whitespace between / around entities — preserve as JSX text

package/src/transformTemplateLiteral.js

@@ -45,13 +45,7 @@ function splitQuasi(raw) {
  * @param {string}      id         - Source file path (for collision warnings).
  * @returns {boolean} `true` when a replacement was written.
  */
-export function transformTemplateLiteralExpression(
-  path,
-  code,
-  ms,
-  processor,
-  id,
-) {
+export function transformTemplateLiteralExpression(path, code, ms, processor, id) {
   if (!processor.shouldTranslate(path)) return false
 
   const container = path.node
@@ -68,9 +62,7 @@ export function transformTemplateLiteralExpression(
 
     if (text) {
       processor.record(text, text, id, componentTree)
-      parts.push(
-        `${leading}<WuTranslate __i18nKey=${JSON.stringify(text)}></WuTranslate>${trailing}`,
-      )
+      parts.push(`${leading}<WuTranslate __i18nKey=${JSON.stringify(text)}></WuTranslate>${trailing}`)
       hasTranslatable = true
     }
     // whitespace-only or empty quasi — emit nothing (no key, no node)

package/src/transformWtCalls.js

@@ -101,8 +101,7 @@ export function transformWtTemplateLiteral(path, code, ms, processor, id) {
   if (args.length !== 1) return false
 
   const arg = args[0]
-  if (arg.type !== 'TemplateLiteral' || arg.expressions.length === 0)
-    return false
+  if (arg.type !== 'TemplateLiteral' || arg.expressions.length === 0) return false
 
   const {quasis, expressions} = arg
   const parts = ['`']