@lowdefy/client 5.2.0 → 5.4.0

package/dist/block/CategorySwitch.js

@@ -69,9 +69,11 @@ const CategorySwitch = ({ block, Blocks, context, loading, lowdefy })=>{
                 layout: block.eval.layout
             }, /*#__PURE__*/ React.createElement(Component, {
                 methods: Object.assign(block.methods, {
+                    getLocale: ()=>lowdefy.i18n?.active ?? lowdefy.i18n?.defaultLocale,
                     registerEvent: block.registerEvent,
                     registerMethod: block.registerMethod,
                     setValue: block.setValue,
+                    translate: lowdefy._internal.translate,
                     triggerEvent: block.triggerEvent
                 }),
                 basePath: lowdefy.basePath,
@@ -106,8 +108,10 @@ const CategorySwitch = ({ block, Blocks, context, loading, lowdefy })=>{
                 layout: block.eval.layout
             }, /*#__PURE__*/ React.createElement(Component, {
                 methods: Object.assign(block.methods, {
+                    getLocale: ()=>lowdefy.i18n?.active ?? lowdefy.i18n?.defaultLocale,
                     registerEvent: block.registerEvent,
                     registerMethod: block.registerMethod,
+                    translate: lowdefy._internal.translate,
                     triggerEvent: block.triggerEvent
                 }),
                 basePath: lowdefy.basePath,

package/dist/block/Container.js

@@ -51,8 +51,10 @@ const Container = ({ block, Blocks, Component, context, loading, lowdefy })=>{
         layout: block.eval.layout
     }, /*#__PURE__*/ React.createElement(Component, {
         methods: Object.assign(block.methods, {
+            getLocale: ()=>lowdefy.i18n?.active ?? lowdefy.i18n?.defaultLocale,
             registerEvent: block.registerEvent,
             registerMethod: block.registerMethod,
+            translate: lowdefy._internal.translate,
             triggerEvent: block.triggerEvent
         }),
         basePath: lowdefy.basePath,

package/dist/block/InputContainer.js

@@ -51,8 +51,10 @@ const InputContainer = ({ block, Blocks, Component, context, loading, lowdefy })
         layout: block.eval.layout
     }, /*#__PURE__*/ React.createElement(Component, {
         methods: Object.assign(block.methods, {
+            getLocale: ()=>lowdefy.i18n?.active ?? lowdefy.i18n?.defaultLocale,
             registerEvent: block.registerEvent,
             registerMethod: block.registerMethod,
+            translate: lowdefy._internal.translate,
             triggerEvent: block.triggerEvent,
             setValue: block.setValue,
             moveItemDown: block.moveItemDown,

package/dist/block/List.js

@@ -56,12 +56,14 @@ const List = ({ block, Blocks, Component, context, loading, lowdefy })=>{
         layout: block.eval.layout
     }, /*#__PURE__*/ React.createElement(Component, {
         methods: Object.assign(block.methods, {
+            getLocale: ()=>lowdefy.i18n?.active ?? lowdefy.i18n?.defaultLocale,
             moveItemDown: block.moveItemDown,
             moveItemUp: block.moveItemUp,
             pushItem: block.pushItem,
             registerEvent: block.registerEvent,
             registerMethod: block.registerMethod,
             removeItem: block.removeItem,
+            translate: lowdefy._internal.translate,
             triggerEvent: block.triggerEvent,
             unshiftItem: block.unshiftItem
         }),

package/dist/createLinkComponent.js

@@ -8,7 +8,7 @@ const createLinkComponent = (lowdefy, Link)=>{
             className: className,
             style: style,
             rel: rel,
-            "aria-label": ariaLabel ?? 'back',
+            "aria-label": ariaLabel ?? lowdefy._internal.translate('client.backAriaLabel'),
             onClick: (...params)=>{
                 lowdefy._internal.router.back();
                 onClick(...params);

package/dist/createShortcutBadge.js

@@ -92,18 +92,19 @@ function displayKey(key) {
     if (key.length === 1) return key.toUpperCase();
     return key;
 }
-function createShortcutBadge() {
+function createShortcutBadge(lowdefy) {
     function ShortcutBadge({ shortcut }) {
         if (!shortcut) return null;
         const primary = Array.isArray(shortcut) ? shortcut[0] : shortcut;
         if (!primary) return null;
         const segments = parseShortcut(primary);
+        const thenLabel = lowdefy?._internal?.translate ? lowdefy._internal.translate('client.shortcutThen') : 'then';
         return /*#__PURE__*/ React.createElement("span", {
             className: styles['shortcut-badge']
         }, segments.map((segment, i)=>segment === 'then' ? /*#__PURE__*/ React.createElement("span", {
                 key: i,
                 className: styles['shortcut-then']
-            }, "then") : /*#__PURE__*/ React.createElement("kbd", {
+            }, thenLabel) : /*#__PURE__*/ React.createElement("kbd", {
                 key: i,
                 className: styles['shortcut-kbd']
             }, segment)));

package/dist/index.js

@@ -16,3 +16,4 @@
 export default Client;
 export { default as getOrCreateAntdCssContainer } from './getOrCreateAntdCssContainer.js';
 export { default as useDarkMode } from './useDarkMode.js';
+export { default as useLocale } from './useLocale.js';

package/dist/initLowdefyContext.js

@@ -12,7 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import createCallAPI from './createCallAPI.js';
+*/ import { translate } from '@lowdefy/helpers';
+import createCallAPI from './createCallAPI.js';
 import createAuthMethods from './auth/createAuthMethods.js';
 import createCallRequest from './createCallRequest.js';
 import createIcon from './createIcon.js';
@@ -29,7 +30,7 @@ function initLowdefyContext({ auth, Components, config, lowdefy, router, stage,
             blockMetas: types.blockMetas ?? {},
             components: {
                 Icon: createIcon(types.icons),
-                ShortcutBadge: createShortcutBadge()
+                ShortcutBadge: createShortcutBadge(lowdefy)
             },
             displayMessage: ({ content })=>{
                 console.log(content);
@@ -56,6 +57,7 @@ function initLowdefyContext({ auth, Components, config, lowdefy, router, stage,
         lowdefy.basePath = router.basePath;
         lowdefy.contexts = {};
         lowdefy.inputs = {};
+        lowdefy.lowdefyApp = config.rootConfig.lowdefyApp;
         lowdefy.lowdefyGlobal = config.rootConfig.lowdefyGlobal;
         lowdefy.theme = config.rootConfig.theme ?? {};
         lowdefy._internal.callAPI = createCallAPI(lowdefy);
@@ -63,6 +65,11 @@ function initLowdefyContext({ auth, Components, config, lowdefy, router, stage,
         lowdefy._internal.callRequest = createCallRequest(lowdefy);
         lowdefy._internal.components.Link = createLinkComponent(lowdefy, Components.Link);
         lowdefy._internal.link = setupLink(lowdefy);
+        lowdefy._internal.translate = (key, values)=>translate({
+                key,
+                values,
+                i18n: lowdefy.i18n
+            });
         lowdefy._internal.updateBlock = (blockId)=>lowdefy._internal.updaters[blockId] && lowdefy._internal.updaters[blockId]();
         lowdefy._internal.logger = createBrowserLogger();
         lowdefy._internal.handleError = createHandleError(lowdefy);

package/dist/request.js

@@ -12,7 +12,7 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { serializer } from '@lowdefy/helpers';
+*/ import { serializer, translate } from '@lowdefy/helpers';
 async function request({ url, method = 'GET', body }) {
     const res = await fetch(url, {
         method,
@@ -26,7 +26,9 @@ async function request({ url, method = 'GET', body }) {
         if (body?.['~e']) {
             throw serializer.deserialize(body);
         }
-        throw new Error(body.message || 'Request error');
+        throw new Error(body.message || translate({
+            key: 'client.requestError'
+        }));
     }
     return res.json();
 }

package/dist/setupLink.js

@@ -23,7 +23,7 @@ function setupLink(lowdefy) {
             const handle = window.open(`${url}${query ? `?${query}` : ''}`, '_blank');
             if (!handle) {
                 lowdefy._internal.displayMessage({
-                    content: 'A popup blocker may be preventing the application from opening the page. Approve the popup to continue.',
+                    content: lowdefy._internal.translate('client.popupBlocked'),
                     status: 'info',
                     duration: 10
                 });

package/dist/useLocale.js

@@ -0,0 +1,125 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { useCallback, useEffect, useMemo, useState } from 'react';
+import dayjs from 'dayjs';
+function pickBest(candidates, supported) {
+    for (const candidate of candidates ?? []){
+        if (supported.includes(candidate)) return candidate;
+        const primary = candidate.split('-')[0];
+        const match = supported.find((code)=>code.split('-')[0] === primary);
+        if (match) return match;
+    }
+    return undefined;
+}
+function resolveActive({ userPreference, browserLocale, defaultLocale, supportedCodes }) {
+    if (userPreference !== 'auto' && supportedCodes.includes(userPreference)) {
+        return userPreference;
+    }
+    if (browserLocale) return browserLocale;
+    return defaultLocale;
+}
+async function loadAntdLocale({ active, antdLocaleLoaders }) {
+    if (!active || !antdLocaleLoaders?.[active]) return null;
+    const mod = await antdLocaleLoaders[active]();
+    return mod?.default ?? mod;
+}
+async function loadAntdXLocale({ active, antdXLocaleLoaders }) {
+    if (!active || !antdXLocaleLoaders?.[active]) return null;
+    const mod = await antdXLocaleLoaders[active]();
+    return mod?.default ?? mod;
+}
+function useLocale({ i18n, antdLocaleLoaders, antdXLocaleLoaders, dayjsLocaleMap }) {
+    const supportedCodes = useMemo(()=>(i18n?.locales ?? []).map((l)=>l.code), [
+        i18n?.locales
+    ]);
+    const [userPreference, setUserPreference] = useState(()=>{
+        return window.localStorage?.getItem('lowdefy_locale') ?? 'auto';
+    });
+    const browserLocale = useMemo(()=>{
+        if (supportedCodes.length === 0) return undefined;
+        const candidates = window.navigator?.languages ?? [
+            window.navigator?.language
+        ].filter(Boolean);
+        return pickBest(candidates, supportedCodes);
+    }, [
+        supportedCodes
+    ]);
+    const setPreference = useCallback((code)=>{
+        if (code === 'auto') {
+            window.localStorage?.removeItem('lowdefy_locale');
+        } else {
+            window.localStorage?.setItem('lowdefy_locale', code);
+        }
+        setUserPreference(code ?? 'auto');
+    }, []);
+    window.__lowdefy_setLocale = setPreference;
+    const active = resolveActive({
+        userPreference,
+        browserLocale,
+        defaultLocale: i18n?.defaultLocale,
+        supportedCodes
+    });
+    window.__lowdefy_locale = active;
+    window.__lowdefy_supported_locales = i18n?.locales ?? [];
+    const [antdLocale, setAntdLocale] = useState(null);
+    const [antdXLocale, setAntdXLocale] = useState(null);
+    useEffect(()=>{
+        let cancelled = false;
+        loadAntdLocale({
+            active,
+            antdLocaleLoaders
+        }).then((locale)=>{
+            if (!cancelled) setAntdLocale(locale);
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        active,
+        antdLocaleLoaders
+    ]);
+    useEffect(()=>{
+        let cancelled = false;
+        loadAntdXLocale({
+            active,
+            antdXLocaleLoaders
+        }).then((locale)=>{
+            if (!cancelled) setAntdXLocale(locale);
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        active,
+        antdXLocaleLoaders
+    ]);
+    useEffect(()=>{
+        const dayjsId = dayjsLocaleMap?.[active];
+        if (dayjsId) {
+            dayjs.locale(dayjsId);
+        }
+    }, [
+        active,
+        dayjsLocaleMap
+    ]);
+    return {
+        active,
+        userPreference,
+        setPreference,
+        antdLocale,
+        antdXLocale
+    };
+}
+export default useLocale;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/client",
-  "version": "5.2.0",
+  "version": "5.4.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Client",
   "homepage": "https://lowdefy.com",
@@ -35,19 +35,20 @@
   "dependencies": {
     "@ant-design/icons": "6.1.0",
     "antd": "6.3.1",
-    "@lowdefy/block-utils": "5.2.0",
-    "@lowdefy/engine": "5.2.0",
-    "@lowdefy/errors": "5.2.0",
-    "@lowdefy/helpers": "5.2.0",
-    "@lowdefy/layout": "5.2.0",
-    "@lowdefy/logger": "5.2.0",
+    "@lowdefy/block-utils": "5.4.0",
+    "@lowdefy/engine": "5.4.0",
+    "@lowdefy/errors": "5.4.0",
+    "@lowdefy/helpers": "5.4.0",
+    "@lowdefy/layout": "5.4.0",
+    "@lowdefy/logger": "5.4.0",
+    "dayjs": "1.11.19",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tinykeys": "^3.0.0"
   },
   "devDependencies": {
     "@jest/globals": "28.1.3",
-    "@lowdefy/jest-yaml-transform": "5.2.0",
+    "@lowdefy/jest-yaml-transform": "5.4.0",
     "@swc/cli": "0.8.0",
     "@swc/core": "1.15.18",
     "@swc/jest": "0.2.39",