defuss 2.0.11 → 2.0.13

package/dist/index.cjs

@@ -26,23 +26,16 @@ const interpolate = (template, replacements) => {
 };
 const createI18n = () => {
   const translationsStore = dom.createStore({});
-  let language = "en";
+  let language2 = "en";
   const onLanguageChangeCallbacks = [];
   const api = {
     get language() {
-      return language;
+      return language2;
     },
     changeLanguage(newLanguage) {
-      console.log(
-        "i18n changeLanguage called:",
-        newLanguage,
-        "callbacks:",
-        onLanguageChangeCallbacks.length
-      );
-      if (newLanguage !== language) {
-        language = newLanguage;
+      if (newLanguage !== language2) {
+        language2 = newLanguage;
         onLanguageChangeCallbacks.forEach((callback) => {
-          console.log("i18n calling callback for language change");
           callback(newLanguage);
         });
       }
@@ -51,7 +44,7 @@ const createI18n = () => {
     // const translatedString = t('greeting', { name: 'John', age: '30' }, 'common');
     // this would replace placeholders {name} and {age} in the translation string with 'John' and '30' respectively.
     t(path, replacements = {}) {
-      const languageData = translationsStore.get(language);
+      const languageData = translationsStore.get(language2);
       if (!languageData) {
         return path;
       }
@@ -75,48 +68,36 @@ const createI18n = () => {
       }
       return interpolate(template, replacements);
     },
-    load(newLanguage, namespaceTranslations) {
-      console.log(
-        "i18n load called:",
-        newLanguage,
-        "translations:",
-        namespaceTranslations,
-        "callbacks:",
-        onLanguageChangeCallbacks.length
-      );
+    loadLanguage(newLanguage, namespaceTranslations) {
       translationsStore.set(newLanguage, {
         ...translationsStore.get(newLanguage),
         ...namespaceTranslations
       });
-      if (newLanguage === language) {
+      if (newLanguage === language2) {
         onLanguageChangeCallbacks.forEach((callback) => {
-          console.log("i18n calling callback for load");
-          callback(language);
+          callback(language2);
         });
       }
     },
     subscribe(onLanguageChange) {
-      console.log(
-        "i18n subscribe called, total callbacks will be:",
-        onLanguageChangeCallbacks.length + 1
-      );
       onLanguageChangeCallbacks.push(onLanguageChange);
       return () => api.unsubscribe(onLanguageChange);
     },
     unsubscribe(onLanguageChange) {
       const index = onLanguageChangeCallbacks.indexOf(onLanguageChange);
-      console.log(
-        "i18n unsubscribe called, index:",
-        index,
-        "total callbacks before:",
-        onLanguageChangeCallbacks.length
-      );
       if (index >= 0) onLanguageChangeCallbacks.splice(index, 1);
     }
   };
   return api;
 };
-const i18n = createI18n();
+if (!globalThis.__defuss_i18n) {
+  globalThis.__defuss_i18n = createI18n();
+}
+const i18n = globalThis.__defuss_i18n;
+const t = i18n.t.bind(i18n);
+const changeLanguage = i18n.changeLanguage.bind(i18n);
+const loadLanguage = i18n.loadLanguage.bind(i18n);
+const language = i18n.language;
 
 const Trans = ({
   key,
@@ -127,38 +108,27 @@ const Trans = ({
 }) => {
   const _ref = ref || {};
   const updateContent = () => {
-    console.log("Trans updateContent called for key:", key);
     const value = i18n.t(key, values);
-    console.log("Trans updateContent: computed value:", value);
     if (_ref.current) {
-      console.log(
-        "Trans updateContent: updating DOM element",
-        _ref.current.innerText
-      );
-      dom.$(_ref.current).update(value);
-    } else {
-      console.log("Trans updateContent: _ref.current is null/undefined");
+      _ref.current.textContent = value;
     }
   };
   _ref.updateValues = (newValues) => {
-    console.log("Trans updateValues called with:", newValues);
     values = newValues;
     updateContent();
   };
   const onMount = () => {
-    console.log("Trans onMount called for key:", key);
     i18n.subscribe(updateContent);
+    if (attrs.onMount) {
+      attrs.onMount(_ref.current);
+    }
   };
   const onUnmount = () => {
-    console.log("Trans onUnmount called for key:", key);
     i18n.unsubscribe(updateContent);
+    if (attrs.onUnmount) {
+      attrs.onUnmount(_ref.current);
+    }
   };
-  console.log(
-    "Trans component creating for key:",
-    key,
-    "with initial value:",
-    i18n.t(key, values)
-  );
   return {
     type: tag || "span",
     attributes: {
@@ -171,6 +141,7 @@ const Trans = ({
     children: i18n.t(key, values)
   };
 };
+const T = Trans;
 
 const tokenizePath = (path) => {
   const paramNameRegexp = /:([^\/\.\\]+)/g;
@@ -519,10 +490,15 @@ exports.Router = Router;
 exports.RouterSlot = RouterSlot;
 exports.RouterSlotId = RouterSlotId;
 exports.Suspense = Suspense;
+exports.T = T;
 exports.Trans = Trans;
+exports.changeLanguage = changeLanguage;
 exports.createI18n = createI18n;
 exports.i18n = i18n;
 exports.inDevMode = inDevMode;
+exports.language = language;
+exports.loadLanguage = loadLanguage;
 exports.matchRouteRegistrations = matchRouteRegistrations;
 exports.setupRouter = setupRouter;
+exports.t = t;
 exports.tokenizePath = tokenizePath;

package/dist/index.d.cts

@@ -70,12 +70,16 @@ interface I18nStore {
     language: string;
     changeLanguage: (language: string) => void;
     t: (path: string, options?: Record<string, string>) => string;
-    load: (language: string, translations: TranslationObject) => void;
+    loadLanguage: (language: string, translations: TranslationObject) => void;
     subscribe: (onLanguageChange: OnLanguageChangeListener) => () => void;
     unsubscribe: (onLanguageChange: OnLanguageChangeListener) => void;
 }
 declare const createI18n: () => I18nStore;
 declare const i18n: I18nStore;
+declare const t: (path: string, options?: Record<string, string>) => string;
+declare const changeLanguage: (language: string) => void;
+declare const loadLanguage: (language: string, translations: TranslationObject) => void;
+declare const language: string;
 
 interface TransRef extends Ref<string, HTMLElement> {
     updateValues: (values: Replacements) => void;
@@ -88,8 +92,10 @@ interface TransProps extends Props {
     class?: string;
     className?: string;
     style?: string;
+    [propName: string]: any;
 }
 declare const Trans: ({ key, values, tag, ref, ...attrs }: TransProps) => VNodeChild;
+declare const T: ({ key, values, tag, ref, ...attrs }: TransProps) => VNodeChild;
 
 type OnHandleRouteChangeFn = (newRoute: string, oldRoute: string) => void;
 type OnRouteChangeFn = (cb: OnHandleRouteChangeFn) => void;
@@ -215,4 +221,4 @@ declare const Suspense: ({ fallback, ref, children, class: _class, className, id
     children: VNode<VNodeAttributes>[];
 };
 
-export { Async, type AsyncProps, type AsyncState, type AsyncStateRef, Globals, type I18nStore, NodeType, type OnHandleRouteChangeFn, type OnLanguageChangeListener, type OnRouteChangeFn, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Redirect, type RedirectProps, Ref, RenderInput, type Replacements, Route, type RouteHandler, type RouteParams, type RouteProps, type RouteRegistration, type RouteRequest, Router, type RouterConfig, RouterSlot, RouterSlotId, type RouterSlotProps, type RouterStrategy, Suspense, type TokenizedPath, Trans, type TransProps, type TransRef, type TranslationObject, type Translations, VNode, VNodeAttributes, VNodeChild, type ValidChild, addElementEvent, areDomNodesEqual, checkElementVisibility, clearElementEvents, createI18n, domNodeToVNode, getEventMap, getMimeType, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, matchRouteRegistrations, parseDOM, processAllFormElements, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };
+export { Async, type AsyncProps, type AsyncState, type AsyncStateRef, Globals, type I18nStore, NodeType, type OnHandleRouteChangeFn, type OnLanguageChangeListener, type OnRouteChangeFn, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Redirect, type RedirectProps, Ref, RenderInput, type Replacements, Route, type RouteHandler, type RouteParams, type RouteProps, type RouteRegistration, type RouteRequest, Router, type RouterConfig, RouterSlot, RouterSlotId, type RouterSlotProps, type RouterStrategy, Suspense, T, type TokenizedPath, Trans, type TransProps, type TransRef, type TranslationObject, type Translations, VNode, VNodeAttributes, VNodeChild, type ValidChild, addElementEvent, areDomNodesEqual, changeLanguage, checkElementVisibility, clearElementEvents, createI18n, domNodeToVNode, getEventMap, getMimeType, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, language, loadLanguage, matchRouteRegistrations, parseDOM, processAllFormElements, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, t, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };

package/dist/index.d.ts

@@ -70,12 +70,16 @@ interface I18nStore {
     language: string;
     changeLanguage: (language: string) => void;
     t: (path: string, options?: Record<string, string>) => string;
-    load: (language: string, translations: TranslationObject) => void;
+    loadLanguage: (language: string, translations: TranslationObject) => void;
     subscribe: (onLanguageChange: OnLanguageChangeListener) => () => void;
     unsubscribe: (onLanguageChange: OnLanguageChangeListener) => void;
 }
 declare const createI18n: () => I18nStore;
 declare const i18n: I18nStore;
+declare const t: (path: string, options?: Record<string, string>) => string;
+declare const changeLanguage: (language: string) => void;
+declare const loadLanguage: (language: string, translations: TranslationObject) => void;
+declare const language: string;
 
 interface TransRef extends Ref<string, HTMLElement> {
     updateValues: (values: Replacements) => void;
@@ -88,8 +92,10 @@ interface TransProps extends Props {
     class?: string;
     className?: string;
     style?: string;
+    [propName: string]: any;
 }
 declare const Trans: ({ key, values, tag, ref, ...attrs }: TransProps) => VNodeChild;
+declare const T: ({ key, values, tag, ref, ...attrs }: TransProps) => VNodeChild;
 
 type OnHandleRouteChangeFn = (newRoute: string, oldRoute: string) => void;
 type OnRouteChangeFn = (cb: OnHandleRouteChangeFn) => void;
@@ -215,4 +221,4 @@ declare const Suspense: ({ fallback, ref, children, class: _class, className, id
     children: VNode<VNodeAttributes>[];
 };
 
-export { Async, type AsyncProps, type AsyncState, type AsyncStateRef, Globals, type I18nStore, NodeType, type OnHandleRouteChangeFn, type OnLanguageChangeListener, type OnRouteChangeFn, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Redirect, type RedirectProps, Ref, RenderInput, type Replacements, Route, type RouteHandler, type RouteParams, type RouteProps, type RouteRegistration, type RouteRequest, Router, type RouterConfig, RouterSlot, RouterSlotId, type RouterSlotProps, type RouterStrategy, Suspense, type TokenizedPath, Trans, type TransProps, type TransRef, type TranslationObject, type Translations, VNode, VNodeAttributes, VNodeChild, type ValidChild, addElementEvent, areDomNodesEqual, checkElementVisibility, clearElementEvents, createI18n, domNodeToVNode, getEventMap, getMimeType, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, matchRouteRegistrations, parseDOM, processAllFormElements, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };
+export { Async, type AsyncProps, type AsyncState, type AsyncStateRef, Globals, type I18nStore, NodeType, type OnHandleRouteChangeFn, type OnLanguageChangeListener, type OnRouteChangeFn, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Redirect, type RedirectProps, Ref, RenderInput, type Replacements, Route, type RouteHandler, type RouteParams, type RouteProps, type RouteRegistration, type RouteRequest, Router, type RouterConfig, RouterSlot, RouterSlotId, type RouterSlotProps, type RouterStrategy, Suspense, T, type TokenizedPath, Trans, type TransProps, type TransRef, type TranslationObject, type Translations, VNode, VNodeAttributes, VNodeChild, type ValidChild, addElementEvent, areDomNodesEqual, changeLanguage, checkElementVisibility, clearElementEvents, createI18n, domNodeToVNode, getEventMap, getMimeType, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, language, loadLanguage, matchRouteRegistrations, parseDOM, processAllFormElements, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, t, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { l as createStore, $, m as isServer, k as createRef, f as isRef } from './dom-BODEuMW4.mjs';
+import { l as createStore, m as isServer, k as createRef, $, f as isRef } from './dom-BODEuMW4.mjs';
 export { J as Call, O as CallChainImpl, P as CallChainImplThenable, F as Fragment, D as addElementEvent, K as addNonChainedReturnCallNames, n as areDomNodesEqual, B as checkElementVisibility, G as clearElementEvents, Y as createCall, Z as createGetterSetterCall, c as createInPlaceErrorMessageVNode, _ as createSubChain, S as delayedAutoStart, T as dequery, H as domNodeToVNode, N as emptyImpl, R as getAllFormValues, W as getDefaultDequeryOptions, C as getEventMap, z as getMimeType, L as getNonChainedReturnCallNames, g as getRenderer, b as globalScopeDomApis, h as handleLifecycleEventsForOnMount, I as htmlStringToVNodes, U as isDequery, V as isDequeryOptionsObject, v as isHTML, i as isJSX, x as isMarkup, M as isNonChainedReturnCall, t as isSVG, j as jsx, e as jsxDEV, d as jsxs, X as mapArrayIndexAccess, o as observeUnmount, s as parseDOM, A as processAllFormElements, E as removeElementEvent, a as renderIsomorphicAsync, r as renderIsomorphicSync, y as renderMarkup, a2 as renderNode, q as replaceDomWithVdom, a3 as resolveNodes, a1 as runWithTimeGuard, Q as scrollHelper, a0 as subChainForNextAwait, a4 as traverse, u as updateDom, p as updateDomWithVdom, w as waitForDOM, a5 as webstorage } from './dom-BODEuMW4.mjs';
 import 'defuss-runtime';
 
@@ -25,23 +25,16 @@ const interpolate = (template, replacements) => {
 };
 const createI18n = () => {
   const translationsStore = createStore({});
-  let language = "en";
+  let language2 = "en";
   const onLanguageChangeCallbacks = [];
   const api = {
     get language() {
-      return language;
+      return language2;
     },
     changeLanguage(newLanguage) {
-      console.log(
-        "i18n changeLanguage called:",
-        newLanguage,
-        "callbacks:",
-        onLanguageChangeCallbacks.length
-      );
-      if (newLanguage !== language) {
-        language = newLanguage;
+      if (newLanguage !== language2) {
+        language2 = newLanguage;
         onLanguageChangeCallbacks.forEach((callback) => {
-          console.log("i18n calling callback for language change");
           callback(newLanguage);
         });
       }
@@ -50,7 +43,7 @@ const createI18n = () => {
     // const translatedString = t('greeting', { name: 'John', age: '30' }, 'common');
     // this would replace placeholders {name} and {age} in the translation string with 'John' and '30' respectively.
     t(path, replacements = {}) {
-      const languageData = translationsStore.get(language);
+      const languageData = translationsStore.get(language2);
       if (!languageData) {
         return path;
       }
@@ -74,48 +67,36 @@ const createI18n = () => {
       }
       return interpolate(template, replacements);
     },
-    load(newLanguage, namespaceTranslations) {
-      console.log(
-        "i18n load called:",
-        newLanguage,
-        "translations:",
-        namespaceTranslations,
-        "callbacks:",
-        onLanguageChangeCallbacks.length
-      );
+    loadLanguage(newLanguage, namespaceTranslations) {
       translationsStore.set(newLanguage, {
         ...translationsStore.get(newLanguage),
         ...namespaceTranslations
       });
-      if (newLanguage === language) {
+      if (newLanguage === language2) {
         onLanguageChangeCallbacks.forEach((callback) => {
-          console.log("i18n calling callback for load");
-          callback(language);
+          callback(language2);
         });
       }
     },
     subscribe(onLanguageChange) {
-      console.log(
-        "i18n subscribe called, total callbacks will be:",
-        onLanguageChangeCallbacks.length + 1
-      );
       onLanguageChangeCallbacks.push(onLanguageChange);
       return () => api.unsubscribe(onLanguageChange);
     },
     unsubscribe(onLanguageChange) {
       const index = onLanguageChangeCallbacks.indexOf(onLanguageChange);
-      console.log(
-        "i18n unsubscribe called, index:",
-        index,
-        "total callbacks before:",
-        onLanguageChangeCallbacks.length
-      );
       if (index >= 0) onLanguageChangeCallbacks.splice(index, 1);
     }
   };
   return api;
 };
-const i18n = createI18n();
+if (!globalThis.__defuss_i18n) {
+  globalThis.__defuss_i18n = createI18n();
+}
+const i18n = globalThis.__defuss_i18n;
+const t = i18n.t.bind(i18n);
+const changeLanguage = i18n.changeLanguage.bind(i18n);
+const loadLanguage = i18n.loadLanguage.bind(i18n);
+const language = i18n.language;
 
 const Trans = ({
   key,
@@ -126,38 +107,27 @@ const Trans = ({
 }) => {
   const _ref = ref || {};
   const updateContent = () => {
-    console.log("Trans updateContent called for key:", key);
     const value = i18n.t(key, values);
-    console.log("Trans updateContent: computed value:", value);
     if (_ref.current) {
-      console.log(
-        "Trans updateContent: updating DOM element",
-        _ref.current.innerText
-      );
-      $(_ref.current).update(value);
-    } else {
-      console.log("Trans updateContent: _ref.current is null/undefined");
+      _ref.current.textContent = value;
     }
   };
   _ref.updateValues = (newValues) => {
-    console.log("Trans updateValues called with:", newValues);
     values = newValues;
     updateContent();
   };
   const onMount = () => {
-    console.log("Trans onMount called for key:", key);
     i18n.subscribe(updateContent);
+    if (attrs.onMount) {
+      attrs.onMount(_ref.current);
+    }
   };
   const onUnmount = () => {
-    console.log("Trans onUnmount called for key:", key);
     i18n.unsubscribe(updateContent);
+    if (attrs.onUnmount) {
+      attrs.onUnmount(_ref.current);
+    }
   };
-  console.log(
-    "Trans component creating for key:",
-    key,
-    "with initial value:",
-    i18n.t(key, values)
-  );
   return {
     type: tag || "span",
     attributes: {
@@ -170,6 +140,7 @@ const Trans = ({
     children: i18n.t(key, values)
   };
 };
+const T = Trans;
 
 const tokenizePath = (path) => {
   const paramNameRegexp = /:([^\/\.\\]+)/g;
@@ -452,4 +423,4 @@ const Async = ({
 };
 const Suspense = Async;
 
-export { $, Async, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, Trans, createI18n, createRef, createStore, i18n, inDevMode, isRef, matchRouteRegistrations, setupRouter, tokenizePath };
+export { $, Async, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, changeLanguage, createI18n, createRef, createStore, i18n, inDevMode, isRef, language, loadLanguage, matchRouteRegistrations, setupRouter, t, tokenizePath };

package/dist/render/client.cjs

@@ -57,7 +57,6 @@ const hydrate = (nodes, parentElements, debug) => {
       }
     }
     if (vnode?.attributes?.onMount) {
-      console.log("hydrate onMount", vnode.attributes.onMount);
       vnode.attributes.onMount(element);
     }
     if (vnode?.attributes?.onUnmount) {

package/dist/render/client.d.cts

@@ -4,7 +4,7 @@ import * as CSS from 'csstype';
 export { CSS };
 
 declare const renderSync: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInput) => RenderResult<T>;
-declare const render: <T extends RenderInput>(virtualNode: T | Promise<T>, parentDomElement?: ParentElementInputAsync) => Promise<RenderResult<T>>;
+declare const render: <T extends RenderInput>(virtualNode: T | Promise<T>, parentDomElement?: ParentElementInputAsync | any) => Promise<RenderResult<T>>;
 declare const renderToString: (el: Node) => string;
 declare const hydrate: (nodes: Array<VNode | string | null>, parentElements: Array<HTMLElement | Text | Node>, debug?: boolean) => void;
 

package/dist/render/client.d.ts

@@ -4,7 +4,7 @@ import * as CSS from 'csstype';
 export { CSS };
 
 declare const renderSync: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInput) => RenderResult<T>;
-declare const render: <T extends RenderInput>(virtualNode: T | Promise<T>, parentDomElement?: ParentElementInputAsync) => Promise<RenderResult<T>>;
+declare const render: <T extends RenderInput>(virtualNode: T | Promise<T>, parentDomElement?: ParentElementInputAsync | any) => Promise<RenderResult<T>>;
 declare const renderToString: (el: Node) => string;
 declare const hydrate: (nodes: Array<VNode | string | null>, parentElements: Array<HTMLElement | Text | Node>, debug?: boolean) => void;
 

package/dist/render/client.mjs

@@ -56,7 +56,6 @@ const hydrate = (nodes, parentElements, debug) => {
       }
     }
     if (vnode?.attributes?.onMount) {
-      console.log("hydrate onMount", vnode.attributes.onMount);
       vnode.attributes.onMount(element);
     }
     if (vnode?.attributes?.onUnmount) {

package/dist/render/server.d.cts

@@ -10,7 +10,7 @@ interface RenderOptions {
     createRoot?: boolean;
 }
 declare const renderSync: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInput, options?: RenderOptions) => RenderResult<T>;
-declare const render: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInputAsync, options?: RenderOptions) => Promise<RenderResult<T>>;
+declare const render: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInputAsync | any, options?: RenderOptions) => Promise<RenderResult<T>>;
 declare const createRoot: (document: Document) => Element;
 declare const getBrowserGlobals: () => Globals;
 declare const getDocument: (shouldCreateRoot?: boolean, browserGlobals?: Globals) => Document;

package/dist/render/server.d.ts

@@ -10,7 +10,7 @@ interface RenderOptions {
     createRoot?: boolean;
 }
 declare const renderSync: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInput, options?: RenderOptions) => RenderResult<T>;
-declare const render: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInputAsync, options?: RenderOptions) => Promise<RenderResult<T>>;
+declare const render: <T extends RenderInput>(virtualNode: T, parentDomElement?: ParentElementInputAsync | any, options?: RenderOptions) => Promise<RenderResult<T>>;
 declare const createRoot: (document: Document) => Element;
 declare const getBrowserGlobals: () => Globals;
 declare const getDocument: (shouldCreateRoot?: boolean, browserGlobals?: Globals) => Document;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "type": "module",
   "publishConfig": {
     "access": "public"