@initsolusidigital/worksuite-core 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@initsolusidigital/worksuite-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "API client, session store, i18n setup and shared composables for the Init Worksuite web apps, shipped as raw source",
   "type": "module",
   "license": "UNLICENSED",
@@ -21,7 +21,7 @@
   ],
   "peerDependencies": {
     "@iconify-icons/simple-icons": "^1.2.74",
-    "@initsolusidigital/worksuite-ui": ">=0.2.0 <1.0.0",
+    "@initsolusidigital/worksuite-ui": ">=0.3.0 <1.0.0",
     "@lucide/vue": "^1.21.0",
     "@vuepic/vue-datepicker": "^14.0.0",
     "@vueform/multiselect": "^2.6.11",

package/src/components/ui/AppLanguageSwitcher.vue

@@ -68,7 +68,7 @@ onUnmounted(() => { if (!props.navbar) document.removeEventListener('click', han
       :class="[
         compact
           ? 'hover:text-blue-600 dark:hover:text-blue-400'
-          : 'w-9 h-9 hover:bg-gray-100 dark:hover:bg-gray-700',
+          : `${navbar ? 'w-8 h-8' : 'w-9 h-9'} hover:bg-gray-100 dark:hover:bg-gray-700`,
         isActive
           ? (compact ? 'text-blue-600 dark:text-blue-400' : 'bg-gray-100 dark:bg-gray-700 text-blue-600 dark:text-blue-400')
           : 'text-gray-500 dark:text-gray-400',

package/src/composables/useApps.js

@@ -1,6 +1,6 @@
 import { ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { LayoutGrid, HeartHandshake, IdCard, Wallet, Boxes, FolderArchive, ShoppingCart, SquareKanban, UserRound, MessageCircle, Store } from '@lucide/vue'
+import { LayoutGrid, HeartHandshake, IdCard, Wallet, Boxes, FolderArchive, ShoppingCart, SquareKanban, UserRound, MessageCircle, Store, Megaphone, CalendarCheck, GraduationCap, Globe } from '@lucide/vue'
 import { appsApi } from '../api/endpoints/apps.js'
 import { appAccess, isOwnAppLocked, sortByOpenable } from '../utils/appStatus.js'
 import { showMaintenance, whenRecovered } from '../api/maintenance.js'
@@ -38,11 +38,13 @@ const APP_ICON = {
   hub: LayoutGrid, crm: HeartHandshake, hris: IdCard, finance: Wallet,
   inventory: Boxes, dms: FolderArchive, purchasing: ShoppingCart, project: SquareKanban,
   clientzone: UserRound, chat: MessageCircle, pos: Store,
+  marketing: Megaphone, booking: CalendarCheck, academic: GraduationCap, sites: Globe,
 }
 const APP_COLOR = {
   hub: 'blue', crm: 'rose', hris: 'purple', finance: 'emerald',
   inventory: 'amber', dms: 'cyan', purchasing: 'orange', project: 'indigo',
   clientzone: 'teal', chat: 'fuchsia', pos: 'lime',
+  marketing: 'pink', booking: 'sky', academic: 'violet', sites: 'yellow',
 }
 const COLOR_CLASS = {
   blue:    'bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400',
@@ -56,6 +58,10 @@ const COLOR_CLASS = {
   teal:    'bg-teal-100 dark:bg-teal-900/30 text-teal-600 dark:text-teal-400',
   fuchsia: 'bg-fuchsia-100 dark:bg-fuchsia-900/30 text-fuchsia-600 dark:text-fuchsia-400',
   lime:    'bg-lime-100 dark:bg-lime-900/30 text-lime-600 dark:text-lime-400',
+  pink:    'bg-pink-100 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400',
+  sky:     'bg-sky-100 dark:bg-sky-900/30 text-sky-600 dark:text-sky-400',
+  violet:  'bg-violet-100 dark:bg-violet-900/30 text-violet-600 dark:text-violet-400',
+  yellow:  'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-600 dark:text-yellow-400',
 }
 // Aksen border/hover per-warna app (App Launcher): `active` = border + latar tipis utk app yang
 // SEDANG dibuka (dipakai bersama border-dashed); `hover` = tint hover utk app lain. Class literal
@@ -72,6 +78,10 @@ const COLOR_ACCENT = {
   teal:    { active: 'border-teal-400 dark:border-teal-500 bg-teal-50/60 dark:bg-teal-900/20',          hover: 'hover:bg-teal-50 dark:hover:bg-teal-900/20' },
   fuchsia: { active: 'border-fuchsia-400 dark:border-fuchsia-500 bg-fuchsia-50/60 dark:bg-fuchsia-900/20', hover: 'hover:bg-fuchsia-50 dark:hover:bg-fuchsia-900/20' },
   lime:    { active: 'border-lime-400 dark:border-lime-500 bg-lime-50/60 dark:bg-lime-900/20',          hover: 'hover:bg-lime-50 dark:hover:bg-lime-900/20' },
+  pink:    { active: 'border-pink-400 dark:border-pink-500 bg-pink-50/60 dark:bg-pink-900/20',          hover: 'hover:bg-pink-50 dark:hover:bg-pink-900/20' },
+  sky:     { active: 'border-sky-400 dark:border-sky-500 bg-sky-50/60 dark:bg-sky-900/20',              hover: 'hover:bg-sky-50 dark:hover:bg-sky-900/20' },
+  violet:  { active: 'border-violet-400 dark:border-violet-500 bg-violet-50/60 dark:bg-violet-900/20',  hover: 'hover:bg-violet-50 dark:hover:bg-violet-900/20' },
+  yellow:  { active: 'border-yellow-400 dark:border-yellow-500 bg-yellow-50/60 dark:bg-yellow-900/20',  hover: 'hover:bg-yellow-50 dark:hover:bg-yellow-900/20' },
 }
 
 // State singleton (level modul) — dibagikan semua pemanggil composable.

package/src/locales/en.json

@@ -219,7 +219,9 @@
     "identityGateMissing": "The sign-in gate (worksuite-auth app) is not configured for this environment: set VITE_AUTH_URL in this app's .env file, then restart the dev server.",
     "changeMasked": "edited (the content is not shown in the activity log)",
     "aiBadge": "AI",
-    "aiBadgeTitle": "This content was generated by AI — this marker is internal only."
+    "aiBadgeTitle": "This content was generated by AI — this marker is internal only.",
+    "showPassword": "Show password",
+    "hidePassword": "Hide password"
   },
   "notification": {
     "title": "Notifications",

package/src/locales/id.json

@@ -219,7 +219,9 @@
     "identityGateMissing": "Pintu masuk (app worksuite-auth) belum dikonfigurasi untuk lingkungan ini: isi VITE_AUTH_URL di berkas .env app ini, lalu mulai ulang dev server.",
     "changeMasked": "disunting (isinya tidak ditampilkan di log aktivitas)",
     "aiBadge": "AI",
-    "aiBadgeTitle": "Konten ini dihasilkan AI — tanda ini hanya tampil di layar internal."
+    "aiBadgeTitle": "Konten ini dihasilkan AI — tanda ini hanya tampil di layar internal.",
+    "showPassword": "Tampilkan password",
+    "hidePassword": "Sembunyikan password"
   },
   "notification": {
     "title": "Notifikasi",

package/src/plugins/i18n.js

@@ -25,10 +25,40 @@ const i18n = createI18n({
   messages: { id, en },
 })
 
-export function mergeAppMessages(messages) {
-  for (const [locale, dict] of Object.entries(messages)) {
-    i18n.global.mergeLocaleMessage(locale, dict)
+// Kamus dirakit dalam tiga lapis dengan urutan tetap: kamus core → kamus paket lain (shell,
+// editor) → kamus app. Tiap pendaftaran merakit ulang seluruh kamus, jadi urutan panggilan
+// `configureWorksuite()` dan `configure*()` paket lain tak menentukan siapa yang menang;
+// `mergeLocaleMessage` saja menang-terakhir, dan kamus paket yang terdaftar sesudah kamus app
+// akan diam-diam menimpa kalimat app.
+const base = { id, en }
+const packageLayers = new Map()
+let appLayer = {}
+
+const isObject = (v) => v !== null && typeof v === 'object' && !Array.isArray(v)
+function deepMerge(target, source) {
+  for (const [k, v] of Object.entries(source ?? {})) {
+    target[k] = isObject(v) && isObject(target[k]) ? deepMerge({ ...target[k] }, v) : isObject(v) ? deepMerge({}, v) : v
+  }
+  return target
+}
+
+function rebuild() {
+  const layers = [base, ...packageLayers.values(), appLayer]
+  const locales = new Set(layers.flatMap((l) => Object.keys(l)))
+  for (const locale of locales) {
+    i18n.global.setLocaleMessage(locale, layers.reduce((acc, l) => deepMerge(acc, l[locale]), {}))
   }
 }
 
+/** Kamus milik paket kit lain, dirakit di antara kamus core dan kamus app. */
+export function registerPackageMessages(name, messages) {
+  packageLayers.set(name, messages)
+  rebuild()
+}
+
+export function mergeAppMessages(messages) {
+  appLayer = messages
+  rebuild()
+}
+
 export default i18n