@uipkge/nuxt 0.1.22 → 0.1.23

package/bin/cli.mjs

@@ -0,0 +1,169 @@
+#!/usr/bin/env node
+import { execSync } from 'child_process'
+import fs from 'fs'
+import path from 'path'
+
+const PKG_DIR = path.resolve(import.meta.dirname, '..')
+const TARGET_DIR = process.cwd()
+const distDir = path.join(PKG_DIR, 'dist')
+
+const isInstalled = fs.existsSync(distDir)
+
+function run(cmd, opts = {}) {
+  console.log(`> ${cmd}`)
+  execSync(cmd, { stdio: 'inherit', ...opts })
+}
+
+function exists(file) {
+  return fs.existsSync(path.join(TARGET_DIR, file))
+}
+
+console.log('\n🚀 Setting up @uipkge/nuxt in', TARGET_DIR, '\n')
+
+if (isInstalled) {
+  console.log('📦 @uipkge/nuxt already built, skipping build step')
+} else {
+  console.log('📦 Building @uipkge/nuxt...')
+  run('npm run build', { cwd: PKG_DIR })
+}
+
+// 2. Install @nuxtjs/i18n
+console.log('\n📥 Installing @nuxtjs/i18n...')
+run('npm install @nuxtjs/i18n@latest', { cwd: TARGET_DIR })
+
+// 3. Link local @uipkge/nuxt only if not already installed
+if (!isInstalled) {
+  console.log('\n🔗 Linking @uipkge/nuxt...')
+  run('npm link', { cwd: PKG_DIR })
+  run('npm link @uipkge/nuxt', { cwd: TARGET_DIR })
+}
+
+// 4. Create i18n folder structure
+const i18nDir = path.join(TARGET_DIR, 'app/i18n/locales')
+if (!fs.existsSync(i18nDir)) {
+  console.log('\n📁 Creating i18n folders...')
+  fs.mkdirSync(i18nDir, { recursive: true })
+}
+
+// 5. Create i18n.config.ts
+const i18nConfigPath = path.join(TARGET_DIR, 'app/i18n/i18n.config.ts')
+if (!exists('app/i18n/i18n.config.ts')) {
+  console.log('📝 Creating i18n.config.ts...')
+  fs.writeFileSync(i18nConfigPath, `export default defineI18nConfig(() => ({
+  numberFormats: {
+    en: { currency: { style: 'currency', currency: 'USD' } },
+    es: { currency: { style: 'currency', currency: 'EUR' } },
+    fr: { currency: { style: 'currency', currency: 'EUR' } },
+    ar: { currency: { style: 'currency', currency: 'SAR' } },
+    he: { currency: { style: 'currency', currency: 'ILS' } },
+    de: { currency: { style: 'currency', currency: 'EUR' } },
+  },
+  datetimeFormats: {
+    en: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+    es: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+    fr: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+    ar: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+    he: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+    de: { short: { year: 'numeric', month: 'short', day: 'numeric' } },
+  },
+}))
+`)
+}
+
+// 6. Create locale files
+const locales = {
+  en: { nav_features: 'Features', nav_docs: 'Docs', nav_pricing: 'Pricing', hero_title: 'Translate faster, ship with confidence', hero_subtitle: 'i18now keeps your translations in sync as you code.', footer_tagline: 'Built for developers who ship fast.' },
+  es: { nav_features: 'Características', nav_docs: 'Docs', nav_pricing: 'Precios', hero_title: 'Traduce más rápido, envía con confianza', hero_subtitle: 'i18now mantiene tus traducciones sincronizadas.', footer_tagline: 'Construido para desarrolladores rápidos.' },
+}
+for (const [code, messages] of Object.entries(locales)) {
+  const localePath = path.join(i18nDir, `${code}.json`)
+  if (!fs.existsSync(localePath)) {
+    const data = {
+      nav: { features: messages.nav_features, docs: messages.nav_docs, pricing: messages.nav_pricing },
+      hero: { title: messages.hero_title, subtitle: messages.hero_subtitle },
+      footer: { tagline: messages.footer_tagline }
+    }
+    fs.writeFileSync(localePath, JSON.stringify(data, null, 2))
+  }
+}
+
+// 7. Update nuxt.config.ts
+const nuxtConfigPath = path.join(TARGET_DIR, 'nuxt.config.ts')
+console.log('\n⚙️  Updating nuxt.config.ts...')
+const nuxtConfigContent = `export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+  modules: ['@nuxtjs/i18n', '@uipkge/nuxt'],
+  i18n: {
+    defaultLocale: 'en',
+    locales: [
+      { code: 'en', file: 'en.json' },
+      { code: 'es', file: 'es.json' },
+      { code: 'fr', file: 'fr.json' },
+      { code: 'ar', file: 'ar.json' },
+      { code: 'he', file: 'he.json' },
+      { code: 'de', file: 'de.json' },
+    ],
+    langDir: 'app/i18n/locales/',
+    strategy: 'no_prefix',
+    detectBrowserLanguage: { useCookie: true, cookieKey: 'i18n_locale' },
+    vueI18n: './app/i18n/i18n.config.ts',
+  },
+  i18now: {
+    projectId: process.env.I18NOW_PROJECT_ID ?? '',
+    apiKey: process.env.I18NOW_API_KEY ?? '',
+    host: process.env.I18NOW_HOST ?? 'https://i18now.com',
+    cdnUrl: process.env.I18NOW_CDN_URL ?? 'https://cdn.i18now.com',
+    environment: process.env.I18NOW_ENV ?? 'dev',
+    syncIn: ['development'],
+  },
+})
+`
+fs.writeFileSync(nuxtConfigPath, nuxtConfigContent)
+
+// 8. Create test page
+const pagesDir = path.join(TARGET_DIR, 'app/pages')
+if (!fs.existsSync(pagesDir)) {
+  fs.mkdirSync(pagesDir, { recursive: true })
+}
+
+const indexPagePath = path.join(pagesDir, 'index.vue')
+if (!fs.existsSync(indexPagePath)) {
+  console.log('📄 Creating test page...')
+  fs.writeFileSync(indexPagePath, `<script setup>
+const { t, locale, setLocale, te, n, d } = useI18now()
+
+const locales = [
+  { code: 'en', label: 'English', flag: '🇬🇧' },
+  { code: 'es', label: 'Español', flag: '🇪🇸' },
+  { code: 'fr', label: 'Français', flag: '🇫🇷' },
+  { code: 'ar', label: 'العربية', flag: '🇸🇦' },
+  { code: 'he', label: 'עברית', flag: '🇮🇱' },
+  { code: 'de', label: 'Deutsch', flag: '🇩🇪' },
+]
+
+const dir = computed(() => {
+  try {
+    return new Intl.Locale(locale.value).textInfo?.direction ?? 'ltr'
+  } catch {
+    return 'ltr'
+  }
+})
+</script>
+
+<template>
+  <div :dir="dir">
+    <h1>{{ t('hero.title', 'Hello World') }}</h1>
+    <p>{{ t('hero.subtitle', 'Welcome to i18now') }}</p>
+    <select v-model="locale">
+      <option v-for="l in locales" :key="l.code" :value="l.code">
+        {{ l.flag }} {{ l.label }}
+      </option>
+    </select>
+  </div>
+</template>
+`)
+}
+
+console.log('\n✅ Setup complete!')
+console.log('Run: npm run dev\n')

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.22",
+  "version": "0.1.23",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@uipkge/nuxt",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "license": "MIT",
   "type": "module",
+  "bin": {
+    "@uipkge/nuxt": "./bin/cli.mjs"
+  },
   "exports": {
     ".": {
       "types": "./dist/module.d.mts",
@@ -11,11 +14,9 @@
   },
   "main": "./dist/module.mjs",
   "types": "./dist/module.d.mts",
-  "engines": {
-    "node": ">=18.0.0"
-  },
   "files": [
-    "dist"
+    "dist",
+    "bin"
   ],
   "dependencies": {
     "@nuxt/kit": "^3.0.0"