@dialpad/i18n 1.20.4 → 1.22.1

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { LocaleCode, NamespaceCode, ResourceKey, LocaleManagerParams, SetLocaleParams, } from '@dialpad/i18n-services/locale-manager';
+export type { LocaleCode, NamespaceCode, ResourceKey, LocaleManagerParams, SetLocaleParams, UseI18N, } from '@dialpad/i18n-services/locale-manager';
 export type { BundleSource } from '@dialpad/i18n-services/bundle-source';
 export { LocaleManager, useI18N, INJECTION_KEY_PREFIX, } from './src/locale-manager';
 export { HTTPBundleSource, RawBundleSource, } from '@dialpad/i18n-services/bundle-source';

package/dist/types/src/locale-manager.d.ts

@@ -1,5 +1,6 @@
-import type { App, Ref } from 'vue';
-import type { FluentFormat, FluentFormatAttrs, LocaleManagerParams, SetLocaleParams } from '@dialpad/i18n-services/locale-manager';
+import type { App } from 'vue';
+import type { LocaleManagerParams, SetLocaleParams, UseI18N } from '@dialpad/i18n-services/locale-manager';
+import type { Ref } from 'vue';
 import { BaseLocaleManager } from '@dialpad/i18n-services/locale-manager';
 export declare const INJECTION_KEY_PREFIX = "GLOBAL_LOCALE_MANAGER";
 /**
@@ -13,12 +14,6 @@ export declare const INJECTION_KEY_PREFIX = "GLOBAL_LOCALE_MANAGER";
  * (I haven't found a way to do this only relying on Vue 3 capabilities T_T)
  */
 export declare const globalLocaleManagers: Map<string, LocaleManager>;
-export interface UseI18N {
-    currentLocale: Ref<string | null>;
-    setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => void;
-    $t: FluentFormat;
-    $ta: FluentFormatAttrs;
-}
 export declare class LocaleManager extends BaseLocaleManager {
     currentLocaleProp: Ref<string | null>;
     app: App | null;
@@ -48,6 +43,7 @@ export declare class LocaleManager extends BaseLocaleManager {
     private findLocaleManagerInProvides;
     private getAllLocaleManagers;
     private findLocaleManagersByKeyFilter;
+    useI18N(namespace?: string): UseI18N;
 }
 /**
  * Use i18n functionality without requiring to depend only on Vue's inject

package/dist/types/src/locale-manager.js

@@ -34,9 +34,8 @@ export class LocaleManager extends BaseLocaleManager {
      *                     Defaults to 'default'
      */
     install(app, namespace = 'default') {
-        if (this.fluent === null) {
-            this.fluent = this.initFluent();
-        }
+        // initializes fluent if not initialized
+        this.initFluent();
         this.addToVue(app, namespace);
     }
     addToVue(app, namespace) {
@@ -106,6 +105,22 @@ export class LocaleManager extends BaseLocaleManager {
         });
         return localeManagers;
     }
+    useI18N(namespace = 'default') {
+        this.initFluent();
+        const l = this;
+        return {
+            currentLocale: computed(() => this.currentLocaleProp.value),
+            setI18N: (args, namespace) => {
+                l.changeLocale(args, namespace);
+            },
+            get $t() {
+                return l.fluentFormat;
+            },
+            get $ta() {
+                return l.fluentFormatAttrs;
+            },
+        };
+    }
 }
 /**
  * Use i18n functionality without requiring to depend only on Vue's inject
@@ -124,14 +139,7 @@ export function useI18N(namespace = 'default') {
     if (!localeManager) {
         throw new Error(`locale manager doesn't exist using ${namespace}. Make sure your locale manager was set up correctly`);
     }
-    return {
-        currentLocale: computed(() => localeManager.currentLocaleProp.value),
-        setI18N: (args, namespace) => {
-            localeManager.changeLocale(args, namespace);
-        },
-        $t: localeManager.fluentFormat,
-        $ta: localeManager.fluentFormatAttrs,
-    };
+    return localeManager.useI18N(namespace);
 }
 function parseInjectionName(namespace) {
     return `${INJECTION_KEY_PREFIX}.${namespace}`;

package/index.ts

@@ -4,6 +4,7 @@ export type {
   ResourceKey,
   LocaleManagerParams,
   SetLocaleParams,
+  UseI18N,
 } from '@dialpad/i18n-services/locale-manager';
 
 export type { BundleSource } from '@dialpad/i18n-services/bundle-source';

package/package.json

@@ -1,23 +1,42 @@
 {
   "name": "@dialpad/i18n",
-  "version": "1.20.4",
+  "version": "1.22.1",
   "private": false,
   "description": "Dialpad's internationalization library",
   "author": "Dialpad",
   "license": "UNLICENSED",
   "type": "module",
+  "scripts": {
+    "typecheck": "rushx types:check",
+    "typecheck:ci": "rushx typecheck",
+    "lint": "echo 'needs migration to use @dialpad/eslint-config'",
+    "lint:ci": "echo 'needs migration to use @dialpad/eslint-config'",
+    "format": "prettier ./ --write",
+    "format:ci": "prettier ./ --check",
+    "test": "vitest",
+    "test:ci": "rushx test 2>&1",
+    "coverage": "vitest run --coverage --passWithNoTests",
+    "coverage:open": "rushx coverage && open coverage/index.html",
+    "build": "run-p build:*",
+    "build:main": "vite build --config vite.config.ts",
+    "build:types": "rushx types:build",
+    "types:build": "tsc",
+    "types:check": "tsc --noEmit"
+  },
   "dependencies": {
-    "@dialpad/i18n-services": "1.9.0"
+    "@dialpad/i18n-services": "workspace:*"
   },
   "devDependencies": {
+    "@dialpad/eslint-config": "workspace:*",
     "@vitejs/plugin-vue": "~5.1.4",
     "npm-run-all": "4.1.5",
+    "prettier": "~2.8.8",
     "typescript": "~5.6.3",
     "vite": "~5.4.10",
     "vue": "~3.5.12",
     "vue-tsc": "1.8.8",
     "vitest": "~2.1.4",
-    "@dialpad/eslint-config": "2.1.0"
+    "eslint": "~9.13.0"
   },
   "exports": {
     "import": "./dist/i18n.js",
@@ -33,19 +52,5 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/dialpad/web-clients.git"
-  },
-  "scripts": {
-    "lint": "eslint ./ --fix",
-    "lint:ci": "eslint ./ --output-file eslint_report.json --format json",
-    "format": "prettier ./ --write",
-    "format:ci": "prettier ./ --check",
-    "test": "vitest",
-    "coverage": "vitest run --coverage --passWithNoTests",
-    "coverage:open": "rushx coverage && open coverage/index.html",
-    "build": "run-p build:*",
-    "build:main": "vite build --config vite.config.ts",
-    "build:types": "rushx types:build",
-    "types:build": "tsc",
-    "types:check": "tsc --noEmit"
   }
-}
+}

package/rush-logs/i18n.build.log

@@ -1,22 +1,22 @@
 Invoking: run-p build:* 
 
-> @dialpad/i18n@1.20.4 build:types
+> @dialpad/i18n@1.22.1 build:types
 > rushx types:build
 
 
-> @dialpad/i18n@1.20.4 build:main
+> @dialpad/i18n@1.22.1 build:main
 > vite build --config vite.config.ts
 
 vite v5.4.19 building for production...
+transforming...
 Found configuration in /Users/daniellovero/src/wcf-sdk/rush.json
 
-transforming...
 Rush Multi-Project Build Tool 5.139.0 - Node.js 20.14.0 (LTS)
 > "tsc"
 
 ✓ 30 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/i18n.js  209.85 kB │ gzip: 49.05 kB │ map: 511.13 kB
-dist/i18n.cjs  210.03 kB │ gzip: 49.09 kB │ map: 511.37 kB
-✓ built in 373ms
+dist/i18n.js  209.99 kB │ gzip: 49.06 kB │ map: 511.23 kB
+dist/i18n.cjs  210.17 kB │ gzip: 49.11 kB │ map: 511.47 kB
+✓ built in 806ms

package/rush-logs/i18n.format.log

@@ -0,0 +1,19 @@
+Invoking: prettier ./ --write 
+.eslintrc.cjs 27ms
+.rush/temp/package-deps_build.json 3ms
+.rush/temp/package-deps_format.json 3ms
+.rush/temp/shrinkwrap-deps.json 1ms
+base-tsconfig.json 4ms
+CHANGELOG.json 2ms
+eslint-tsconfig.json 1ms
+index.html 16ms
+index.ts 80ms
+package.json 4ms
+README.md 131ms
+src/__test__/locale-manager.find.test.ts 10ms
+src/__test__/locale-manager.formatters.test.ts 15ms
+src/__test__/locale-manager.multiple.test.ts 28ms
+src/__test__/locale-manager.test.ts 40ms
+src/locale-manager.ts 12ms
+tsconfig.json 2ms
+vite.config.ts 3ms

package/src/locale-manager.ts

@@ -1,12 +1,11 @@
-import type { App, Ref } from 'vue';
+import type { App } from 'vue';
 import type {
-  FluentFormat,
-  FluentFormatAttrs,
   LocaleManagerParams,
   SetLocaleParams,
+  UseI18N,
 } from '@dialpad/i18n-services/locale-manager';
-
 import { computed, ref, inject } from 'vue';
+import type { Ref } from 'vue';
 import { BaseLocaleManager } from '@dialpad/i18n-services/locale-manager';
 
 export const INJECTION_KEY_PREFIX = 'GLOBAL_LOCALE_MANAGER';
@@ -23,13 +22,6 @@ export const INJECTION_KEY_PREFIX = 'GLOBAL_LOCALE_MANAGER';
  */
 export const globalLocaleManagers = new Map<string, LocaleManager>();
 
-export interface UseI18N {
-  currentLocale: Ref<string | null>;
-  setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => void;
-  $t: FluentFormat;
-  $ta: FluentFormatAttrs;
-}
-
 export class LocaleManager extends BaseLocaleManager {
   currentLocaleProp: Ref<string | null> = ref<string | null>(null);
   app: App | null = null;
@@ -57,10 +49,8 @@ export class LocaleManager extends BaseLocaleManager {
    *                     Defaults to 'default'
    */
   install(app: App, namespace = 'default'): void {
-    if (this.fluent === null) {
-      this.fluent = this.initFluent();
-    }
-
+    // initializes fluent if not initialized
+    this.initFluent();
     this.addToVue(app, namespace);
   }
 
@@ -157,6 +147,23 @@ export class LocaleManager extends BaseLocaleManager {
 
     return localeManagers;
   }
+
+  useI18N(namespace = 'default'): UseI18N {
+    this.initFluent();
+    const l = this;
+    return {
+      currentLocale: computed(() => this.currentLocaleProp.value),
+      setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => {
+        l.changeLocale(args, namespace);
+      },
+      get $t() {
+        return l.fluentFormat;
+      },
+      get $ta() {
+        return l.fluentFormatAttrs;
+      },
+    };
+  }
 }
 
 /**
@@ -183,14 +190,7 @@ export function useI18N(namespace = 'default'): UseI18N {
     );
   }
 
-  return {
-    currentLocale: computed(() => localeManager.currentLocaleProp.value),
-    setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => {
-      localeManager.changeLocale(args, namespace);
-    },
-    $t: localeManager.fluentFormat,
-    $ta: localeManager.fluentFormatAttrs,
-  };
+  return localeManager.useI18N(namespace);
 }
 
 function parseInjectionName(namespace: string): string {

package/package/package.json

@@ -1,51 +0,0 @@
-{
-  "name": "@dialpad/i18n",
-  "version": "1.20.3",
-  "private": false,
-  "description": "Dialpad's internationalization library",
-  "author": "Dialpad",
-  "license": "UNLICENSED",
-  "type": "module",
-  "scripts": {
-    "lint": "eslint ./ --fix",
-    "lint:ci": "eslint ./ --output-file eslint_report.json --format json",
-    "format": "prettier ./ --write",
-    "format:ci": "prettier ./ --check",
-    "test": "vitest",
-    "coverage": "vitest run --coverage --passWithNoTests",
-    "coverage:open": "rushx coverage && open coverage/index.html",
-    "build": "run-p build:*",
-    "build:main": "vite build --config vite.config.ts",
-    "build:types": "rushx types:build",
-    "types:build": "tsc",
-    "types:check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@dialpad/i18n-services": "workspace:*"
-  },
-  "devDependencies": {
-    "@dialpad/eslint-config": "workspace:*",
-    "@vitejs/plugin-vue": "~5.1.4",
-    "npm-run-all": "4.1.5",
-    "typescript": "~5.6.3",
-    "vite": "~5.4.10",
-    "vue": "~3.5.12",
-    "vue-tsc": "1.8.8",
-    "vitest": "~2.1.4"
-  },
-  "exports": {
-    "import": "./dist/i18n.js",
-    "types": "./dist/types/index.d.ts",
-    "require": "./dist/i18n.cjs"
-  },
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
-  "dp": {
-    "nodpend": true
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/dialpad/web-clients.git"
-  }
-}