add i18nLoader param (#43)

package.json

@@ -69,6 +69,8 @@
     "watch:css": "npx tailwindcss -o ./dist/index.css --watch",
     "build": "rm -rf ./dist && npm run build:css && rollup -c",
     "build:css": "NODE_ENV=production npx tailwindcss -o ./dist/index.css --minify",
+    "build:win": "del /s /q dist && npm run build:wincss && rollup -c --configPlugin typescript",
+    "build:wincss": "set NODE_ENV=production npx tailwindcss -o ./dist/index.css --minify",
     "build:widget": "parcel build ./src/index.widget.tsx --no-source-maps",
     "serve:widget": "rm -rf ./widget-example/static/* && cp -rf ./dist-widget/* ./widget-example/static && npx http-server ./widget-example -o -c-1",
     "build-storybook": "build-storybook -s public",
@@ -133,4 +135,4 @@
     "webpack": "^5.74.0"
   },
   "license": "GPL-3.0-or-later"
-}
+}

src/App.tsx

@@ -13,14 +13,15 @@ import { checkDarkTheme, setTheme } from './lib/darkTheme'
 
 interface PhoneIslandProps {
   dataConfig: string
+  i18nLoader?: () => void
   showAlways?: boolean
 }
 
 interface DeviceInputOutputTypes {
   deviceId: string
 }
 
-export const PhoneIsland: FC<PhoneIslandProps> = ({ dataConfig, showAlways = false }) => {
+export const PhoneIsland: FC<PhoneIslandProps> = ({ dataConfig, i18nLoader = undefined, showAlways = false }: PhoneIslandProps) => {
   const CONFIG: string[] = Base64.atob(dataConfig || '').split(':')
   const HOST_NAME: string = CONFIG[0]
   const USERNAME: string = CONFIG[1]
@@ -108,7 +109,7 @@ export const PhoneIsland: FC<PhoneIslandProps> = ({ dataConfig, showAlways = fal
   //initialize i18n
   useEffect(() => {
     if (firstRenderI18n) {
-      loadI18n()
+      i18nLoader ? i18nLoader() : loadI18n()
       setFirstRenderI18n(false)
     }
   }, [firstRenderI18n])