@variousjs/various 5.2.0 → 5.3.0

package/index.d.ts

@@ -111,11 +111,26 @@ declare module '@variousjs/various' {
       ): Promise<M[T][A]['result']>
     }
 
+  export type DefineAppActions<T extends PublicActionDef = {}> = DefineActions<{
+    setLocale: {
+      payload: string,
+      result: string,
+    },
+    getLocale: {
+      payload: undefined,
+      result: string,
+    },
+    updateI18nConfig: {
+      payload: Partial<I18nConfig>,
+      result: string,
+    },
+  } & T>
+
   type $postMessage<T extends MessagesDef = never> = [T] extends [never]
     ? (params: { event: string, payload?: any }) => void
     : <K extends keyof T>(params: { event: K, payload?: T[K]['payload'] }) => void
 
-  interface $logger {
+  type $logger = {
     info: (message: any, type?: string) => void,
     warn: (message: any, type?: string) => void,
     error: (message: any, type?: string) => void,
@@ -126,7 +141,7 @@ declare module '@variousjs/various' {
     paramsOrDefaultText?: Record<string, string | number> | string,
     defaultText?: string,
   ) => string) & {
-    update: (config: Partial<I18nConfig>, type?: 'app') => void,
+    update: (config: Partial<I18nConfig>) => void,
   }
 
   interface ComponentBuiltinProps<
@@ -140,16 +155,20 @@ declare module '@variousjs/various' {
     $t: Intl,
     $logger: $logger,
     $self: { url: string, module: ModuleDef },
+    $locale: string,
   }
 
   export interface I18nConfig {
-    /** app store key */
-    lngStoreKey: string,
     resources: Record<string, Record<string, string>>,
   }
 
   export type I18n = () => I18nConfig | Promise<I18nConfig>
 
+  export type GlobalI18n = {
+    defaultLocale?: string, // en
+    getResources?: () => I18nConfig | Promise<I18nConfig>
+  }
+
   export type OnMessage<T extends MessagesDef = never> = (message: Message<T>) => void
 
   export type VariousProps<
@@ -172,6 +191,7 @@ declare module '@variousjs/various' {
     $error: VariousError,
     $store: Readonly<Store>,
     $self: { url: string, module: ModuleDef },
+    $locale: string,
   }
   export type ErrorFallbackNode<
     Store extends object = ObjectRecord
@@ -180,6 +200,7 @@ declare module '@variousjs/various' {
   export interface FallbackProps<Store extends object = ObjectRecord> {
     $store: Readonly<Store>,
     $self: { url: string, module: ModuleDef },
+    $locale: string,
   }
   export type FallbackNode<
     Store extends object = ObjectRecord
@@ -242,7 +263,7 @@ declare module '@variousjs/various' {
       onDispatch?: DispatchEvent,
       onLog?: LogEvent,
     },
-    i18n?: I18n,
+    i18n?: GlobalI18n,
   }
 
   export interface Config {
@@ -260,14 +281,17 @@ declare module '@variousjs/various' {
 
   export function createComponent<
     Props extends object = ObjectRecord,
-    Store extends object = ObjectRecord,
-    Ref = unknown
+    Ref = unknown,
+    Store extends object = ObjectRecord
   >(
     config: {
       url?: string,
       type?: VariousComponentType,
       module: ModuleDef,
     },
+    /**
+    * set store keys if component created before store initialization
+    */
     storeKeys?: (keyof Store)[],
   ): ComponentType<ComponentDefaultProps<Ref> & Props>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@variousjs/various",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "RequireJS(AMD) + React",
   "files": [
     "dist",

package/standalone.d.ts

@@ -17,8 +17,8 @@ declare module '@variousjs/various/standalone' {
 
   export function createComponent<
     Props extends object = ObjectRecord,
-    Store extends object = ObjectRecord,
     Ref = unknown,
+    Store extends object = ObjectRecord
   >(
     config: {
       module: ModuleDef,
@@ -28,6 +28,9 @@ declare module '@variousjs/various/standalone' {
         string,
         DependencyType
       >>,
+      /**
+      * set store keys if component created before store initialization
+      */
       storeKeys?: (keyof Store)[],
     },
   ): ComponentType<Props & {
@@ -39,7 +42,7 @@ declare module '@variousjs/various/standalone' {
 
   export type AppConfig<Store extends object = ObjectRecord> = Pick<
     App<Store>,
-    'actions' | 'store' | 'Fallback' | 'ErrorFallback'
+    'actions' | 'store' | 'Fallback' | 'ErrorFallback' | 'i18n'
   > & {
     dependencies: Partial<Record<
       string,