@i18n-micro/solid 1.0.0

package/dist/index.mjs

@@ -0,0 +1,575 @@
+import { createSignal as I, createContext as E, useContext as j, createMemo as S, splitProps as V, onMount as de, onCleanup as he, createEffect as fe } from "solid-js";
+import { createStore as pe } from "solid-js/store";
+import { BaseI18n as ge } from "@i18n-micro/core";
+import { FormatService as He, defaultPlural as Fe, interpolate as Ze } from "@i18n-micro/core";
+import { createComponent as C, memo as v, Dynamic as W, mergeProps as P, template as R, spread as T, insert as x, delegateEvents as me, use as ye, setAttribute as K, effect as H, style as A, className as ve } from "solid-js/web";
+import { A as Le } from "@solidjs/router";
+class be extends ge {
+  // Реактивные примитивы Solid
+  _locale;
+  _setLocale;
+  _fallbackLocale;
+  _currentRoute;
+  _setRoute;
+  // Store для кэша.
+  // Мы используем createStore для глубокой реактивности, чтобы при подгрузке
+  // частичных переводов (mergeTranslation) интерфейс обновлялся.
+  cacheStore;
+  setCacheStore;
+  // Слушатели для DevTools (аналог subscribe в React версии)
+  listeners = /* @__PURE__ */ new Set();
+  constructor(e) {
+    const [t, o] = I(e.locale), [r] = I(e.fallbackLocale || e.locale), [d, f] = I("general"), [l, a] = pe({
+      general: {},
+      route: {}
+    }), s = {
+      // Solid Store Proxy is compatible with reading objects
+      generalLocaleCache: { value: l.general },
+      routeLocaleCache: { value: l.route },
+      dynamicTranslationsCaches: { value: [] },
+      serverTranslationCache: { value: {} }
+    };
+    if (super({
+      cache: s,
+      plural: e.plural,
+      missingWarn: e.missingWarn,
+      missingHandler: e.missingHandler
+    }), this._locale = t, this._setLocale = o, this._fallbackLocale = r, this._currentRoute = d, this._setRoute = f, this.cacheStore = l, this.setCacheStore = a, e.messages)
+      for (const [c, p] of Object.entries(e.messages))
+        this.addTranslations(c, p);
+  }
+  // --- Abstract Implementation ---
+  getLocale() {
+    return this._locale();
+  }
+  getFallbackLocale() {
+    return this._fallbackLocale();
+  }
+  getRoute() {
+    return this._currentRoute();
+  }
+  // --- Setters ---
+  set locale(e) {
+    this._setLocale(e), this.notifyListeners();
+  }
+  get locale() {
+    return this._locale();
+  }
+  // Публичный accessor для реактивности
+  get localeAccessor() {
+    return this._locale;
+  }
+  get fallbackLocale() {
+    return this._fallbackLocale();
+  }
+  get currentRoute() {
+    return this._currentRoute();
+  }
+  // Публичный accessor для реактивности
+  get routeAccessor() {
+    return this._currentRoute;
+  }
+  setRoute(e) {
+    this._setRoute(e), this.notifyListeners();
+  }
+  // --- Overrides for Reactivity ---
+  addTranslations(e, t, o = !0) {
+    o ? this.setCacheStore("general", e, (r) => ({
+      ...r || {},
+      ...t
+    })) : this.setCacheStore("general", e, t), this.notifyListeners();
+  }
+  addRouteTranslations(e, t, o, r = !0) {
+    const d = `${e}:${t}`;
+    r ? this.setCacheStore("route", d, (f) => ({
+      ...f || {},
+      ...o
+    })) : this.setCacheStore("route", d, o), this.notifyListeners();
+  }
+  clearCache() {
+    this.setCacheStore("general", {}), this.setCacheStore("route", {}), super.clearCache(), this.notifyListeners();
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  notifyListeners() {
+    this.listeners.forEach((e) => {
+      e();
+    });
+  }
+}
+function Ne(n) {
+  return new be(n);
+}
+const Q = E(), U = E(), X = E(), Y = E(), D = () => {
+  const n = j(Q);
+  if (!n)
+    throw new Error("[i18n-micro] I18nContext not found. Make sure I18nProvider is used.");
+  return n;
+}, ee = () => {
+  const n = j(U);
+  if (!n)
+    throw new Error("[i18n-micro] I18nLocalesContext not found. Make sure I18nLocalesContext is provided.");
+  return n;
+}, Se = () => {
+  const n = j(X);
+  if (!n)
+    throw new Error("[i18n-micro] I18nDefaultLocaleContext not found. Make sure I18nDefaultLocaleContext is provided.");
+  return n;
+}, F = () => j(Y), Te = (n) => {
+  const e = n.children;
+  return (
+    // @ts-expect-error - Provider components type conflict with Vue JSX
+    C(Q.Provider, {
+      get value() {
+        return n.i18n;
+      },
+      get children() {
+        return [v(() => v(() => !!n.locales)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+        C(U.Provider, {
+          get value() {
+            return n.locales;
+          },
+          get children() {
+            return [v(() => v(() => !!n.defaultLocale)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+            C(X.Provider, {
+              get value() {
+                return n.defaultLocale;
+              },
+              get children() {
+                return [v(() => v(() => !!n.routingStrategy)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+                C(Y.Provider, {
+                  get value() {
+                    return n.routingStrategy;
+                  },
+                  children: e
+                })), v(() => !n.routingStrategy && e)];
+              }
+            })), v(() => !n.defaultLocale && e)];
+          }
+        })), v(() => !n.locales && e)];
+      }
+    })
+  );
+};
+function Ee(n) {
+  const e = D(), t = F(), o = ee(), r = Se(), d = n?.locales || o, f = n?.defaultLocale || r, l = (a, s) => t?.resolvePath ? t.resolvePath(a, s || e.getLocale()) : a;
+  return {
+    // Direct access to instance
+    instance: e,
+    // Locale (reactive) - используем accessor для отслеживания изменений
+    locale: S(() => e.localeAccessor()),
+    // Locale helpers
+    getLocales: () => d,
+    defaultLocale: () => f,
+    getLocaleName: () => d.find((s) => s.code === e.localeAccessor())?.displayName || null,
+    // Routing helpers
+    localeRoute: l,
+    localePath: (a, s) => {
+      const c = l(a, s);
+      return typeof c == "string" ? c : c.path || "/";
+    },
+    switchLocale: (a) => {
+      if (e.locale = a, t) {
+        const s = t.getCurrentPath(), c = l(s, a);
+        t.push(typeof c == "string" ? { path: c } : { path: c.path || "/" });
+      }
+    },
+    // Translation methods (delegate to instance)
+    t: e.t.bind(e),
+    ts: e.ts.bind(e),
+    tc: e.tc.bind(e),
+    tn: e.tn.bind(e),
+    td: e.td.bind(e),
+    tdr: e.tdr.bind(e),
+    has: e.has.bind(e),
+    // Route management
+    setRoute: e.setRoute.bind(e),
+    getRoute: e.getRoute.bind(e),
+    getLocale: () => e.getLocale(),
+    // Translation management
+    addTranslations: e.addTranslations.bind(e),
+    addRouteTranslations: e.addRouteTranslations.bind(e),
+    clearCache: e.clearCache.bind(e)
+  };
+}
+const je = (n) => {
+  const e = D(), [t, o] = V(n, ["keypath", "params", "tag", "plural", "defaultValue", "html", "hideIfEmpty", "customPluralRule", "number", "date", "relativeDate"]), r = S(() => {
+    const f = e.localeAccessor(), l = e.routeAccessor();
+    if (t.number !== void 0) {
+      const s = Number(t.number), c = e.tn(s), p = e.t(t.keypath, {
+        number: c,
+        ...t.params || {}
+      }, void 0, l);
+      return typeof p == "string" ? p : String(p);
+    }
+    if (t.date !== void 0) {
+      const s = e.td(t.date), c = e.t(t.keypath, {
+        date: s,
+        ...t.params || {}
+      }, void 0, l);
+      return typeof c == "string" ? c : String(c);
+    }
+    if (t.relativeDate !== void 0) {
+      const s = e.tdr(t.relativeDate), c = e.t(t.keypath, {
+        relativeDate: s,
+        ...t.params || {}
+      }, void 0, l);
+      return typeof c == "string" ? c : String(c);
+    }
+    if (t.plural !== void 0) {
+      const s = Number.parseInt(t.plural.toString());
+      return t.customPluralRule ? t.customPluralRule(t.keypath, s, t.params || {}, f, (p, i, g) => e.t(p, i, g, l)) || "" : e.tc(t.keypath, {
+        count: s,
+        ...t.params || {}
+      }, t.defaultValue);
+    }
+    const a = (e.t(t.keypath, t.params, t.defaultValue, l) ?? "").toString();
+    return t.hideIfEmpty && !a.trim() ? t.defaultValue || "" : a;
+  });
+  if (t.html)
+    return (
+      // @ts-expect-error - Dynamic component type conflict with Vue JSX
+      C(W, P({
+        get component() {
+          return t.tag || "span";
+        }
+      }, o, {
+        get innerHTML() {
+          return r();
+        }
+      }))
+    );
+  const d = r();
+  return t.hideIfEmpty && !d.trim() ? t.defaultValue ? C(W, P({
+    get component() {
+      return t.tag || "span";
+    }
+  }, o, {
+    get children() {
+      return t.defaultValue;
+    }
+  })) : null : (
+    // @ts-expect-error - Dynamic component type conflict with Vue JSX
+    C(W, P({
+      get component() {
+        return t.tag || "span";
+      }
+    }, o, {
+      children: d
+    }))
+  );
+};
+var Ce = /* @__PURE__ */ R('<a target=_blank rel="noopener noreferrer">'), Pe = /* @__PURE__ */ R("<a>");
+const Ve = (n) => {
+  const e = F(), t = D(), [o, r] = V(n, ["to", "localeRoute", "activeStyle", "style", "children"]), f = e?.getCurrentPathAccessor, l = S(() => {
+    const i = t.localeAccessor();
+    let g;
+    if (o.localeRoute) {
+      const y = o.localeRoute(o.to, i);
+      g = typeof y == "string" ? y : y?.path || "/";
+    } else if (e?.resolvePath) {
+      const y = e.resolvePath(o.to, i);
+      g = typeof y == "string" ? y : y?.path || "/";
+    } else typeof o.to == "string" ? g = o.to : g = o.to?.path || "/";
+    return g;
+  }), a = S(() => typeof o.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(o.to) : !1), s = S(() => {
+    if (a())
+      return !1;
+    const i = f ? f() : e ? e.getCurrentPath() : typeof window < "u" ? window.location.pathname : "/", g = l(), y = i === "/" ? "/" : i.replace(/\/$/, ""), B = g === "/" ? "/" : g.replace(/\/$/, "");
+    return y === B;
+  }), c = S(() => {
+    const i = o.style || {}, y = s() ? o.activeStyle || {} : {};
+    return {
+      ...typeof i == "object" ? i : {},
+      ...typeof y == "object" ? y : {}
+    };
+  }), p = e?.linkComponent;
+  return a() ? (
+    // @ts-expect-error - Type conflict with Vue JSX
+    (() => {
+      var i = Ce();
+      return T(i, P({
+        get href() {
+          return v(() => typeof o.to == "string")() ? o.to : "";
+        },
+        get style() {
+          return c();
+        }
+      }, r), !1, !0), x(i, () => o.children), i;
+    })()
+  ) : p ? (
+    // @ts-expect-error - Type conflict with router component types
+    C(p, P({
+      get href() {
+        return l();
+      },
+      get style() {
+        return c();
+      }
+    }, r, {
+      get children() {
+        return o.children;
+      }
+    }))
+  ) : (
+    // @ts-expect-error - Type conflict with Vue JSX
+    (() => {
+      var i = Pe();
+      return T(i, P({
+        get href() {
+          return l();
+        },
+        get style() {
+          return c();
+        }
+      }, r, {
+        onClick: (g) => {
+          e && !a() && (g.preventDefault(), e.push({
+            path: l()
+          }));
+        }
+      }), !1, !0), x(i, () => o.children), i;
+    })()
+  );
+};
+var ke = /* @__PURE__ */ R("<div class=i18n-switcher-wrapper><button type=button class=i18n-switcher-button aria-haspopup=true><span></span><span>▼"), xe = /* @__PURE__ */ R("<ul class=i18n-switcher-dropdown>"), Re = /* @__PURE__ */ R("<li><a>");
+const Be = (n) => {
+  const e = D(), t = F(), o = ee(), [r, d] = V(n, ["locales", "currentLocale", "getLocaleName", "switchLocale", "localeRoute", "customLabels", "customWrapperStyle", "customButtonStyle", "customDropdownStyle", "customItemStyle", "customLinkStyle", "customActiveLinkStyle", "customDisabledLinkStyle", "customIconStyle"]), [f, l] = I(!1);
+  let a;
+  const s = S(() => r.locales || o || []), c = S(() => r.currentLocale !== void 0 ? typeof r.currentLocale == "function" ? r.currentLocale() : r.currentLocale : e.localeAccessor()), p = S(() => r.getLocaleName ? r.getLocaleName() || null : s().find((m) => m.code === e.localeAccessor())?.displayName || null), i = (u) => {
+    u && (u.stopPropagation(), u.preventDefault()), l(!f());
+  }, g = (u) => r.customLabels?.[u.code] || u.displayName || u.code, y = S(() => {
+    const u = s().find((m) => m.code === c());
+    return u ? g(u) : p() || c();
+  }), B = async (u) => {
+    if (l(!1), r.switchLocale) {
+      r.switchLocale(u);
+      return;
+    }
+    if (e.locale = u, !t)
+      return;
+    const m = t, k = m.getCurrentPathAccessor ? m.getCurrentPathAccessor() : t.getCurrentPath(), w = r.localeRoute ? (() => {
+      const h = r.localeRoute(k, u);
+      return typeof h == "string" ? h : h.path || "/";
+    })() : t?.resolvePath ? (() => {
+      const h = t.resolvePath(k, u);
+      return typeof h == "string" ? h : h.path || "/";
+    })() : k;
+    t.push({
+      path: w
+    });
+  }, te = {
+    position: "relative",
+    display: "inline-block",
+    "vertical-align": "middle"
+  }, re = {
+    padding: "4px 12px",
+    "font-size": "16px",
+    cursor: "pointer",
+    "background-color": "#fff",
+    border: "1px solid #333",
+    transition: "background-color 0.3s ease",
+    display: "flex",
+    "align-items": "center",
+    "justify-content": "space-between"
+  }, ne = {
+    position: "absolute",
+    top: "100%",
+    left: "0",
+    "z-index": 1e3,
+    "background-color": "#fff",
+    border: "1px solid #333",
+    "list-style": "none",
+    padding: "0",
+    margin: "4px 0 0 0",
+    "min-width": "150px",
+    "box-shadow": "0 2px 8px rgba(0,0,0,0.15)"
+  }, oe = {
+    margin: "0",
+    padding: "0"
+  }, ae = {
+    display: "block",
+    padding: "8px 12px",
+    color: "#333",
+    "text-decoration": "none",
+    transition: "background-color 0.3s ease",
+    cursor: "pointer"
+  }, se = {
+    "font-weight": "bold",
+    color: "#007bff"
+  }, ce = {
+    "margin-left": "8px",
+    display: "inline-block",
+    transition: "transform 0.3s ease"
+  }, le = {
+    transform: "rotate(180deg)"
+  }, Z = (u) => {
+    if (!f()) return;
+    const m = u.target;
+    if (!m || !a) return;
+    const k = a.contains(m), w = m.closest(".i18n-switcher-button") !== null;
+    !k && !w && l(!1);
+  };
+  return de(() => {
+    document.addEventListener("click", Z);
+  }), he(() => {
+    document.removeEventListener("click", Z);
+  }), (() => {
+    var u = ke(), m = u.firstChild, k = m.firstChild, w = k.nextSibling;
+    return ye((h) => {
+      a = h;
+    }, u), T(u, P({
+      get style() {
+        return {
+          ...te,
+          ...r.customWrapperStyle
+        };
+      }
+    }, d), !1, !0), m.$$click = (h) => {
+      h.preventDefault(), h.stopPropagation(), i(h);
+    }, x(k, y), x(u, (() => {
+      var h = v(() => !!f());
+      return () => h() && (() => {
+        var _ = xe();
+        return x(_, () => s().map((L) => {
+          const N = L.code === c(), q = t, M = q?.getCurrentPathAccessor ? q.getCurrentPathAccessor() : t?.getCurrentPath() || (typeof window < "u" ? window.location.pathname : "/"), z = r.localeRoute ? r.localeRoute(M, L.code) : t?.resolvePath ? t.resolvePath(M, L.code) : M, G = typeof z == "string" ? z : z?.path || "#";
+          return (() => {
+            var O = Re(), $ = O.firstChild;
+            return $.$$click = (b) => {
+              b.preventDefault(), b.stopPropagation(), B(L.code);
+            }, K($, "href", typeof G == "string" ? G : "#"), x($, () => g(L)), H((b) => {
+              var ie = {
+                ...oe,
+                ...r.customItemStyle
+              }, J = `switcher-locale-${L.code}`, ue = {
+                ...ae,
+                ...N ? se : {},
+                ...r.customLinkStyle,
+                ...N ? r.customActiveLinkStyle : {}
+              };
+              return b.e = A(O, ie, b.e), J !== b.t && ve($, b.t = J), b.a = A($, ue, b.a), b;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0
+            }), O;
+          })();
+        })), H((L) => A(_, {
+          ...ne,
+          ...r.customDropdownStyle
+        }, L)), _;
+      })();
+    })(), null), H((h) => {
+      var _ = {
+        ...re,
+        ...r.customButtonStyle
+      }, L = f(), N = {
+        ...ce,
+        ...f() ? le : {},
+        ...r.customIconStyle
+      };
+      return h.e = A(m, _, h.e), L !== h.t && K(m, "aria-expanded", h.t = L), h.a = A(w, N, h.a), h;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), u;
+  })();
+};
+me(["click"]);
+var we = /* @__PURE__ */ R("<div>");
+const Me = (n) => {
+  const e = D(), [t, o] = V(n, ["prefix", "groupClass"]), r = (d, f) => {
+    const l = e.t(`${t.prefix}.${d}`, f, void 0, e.getRoute());
+    return typeof l == "string" ? l : String(l);
+  };
+  return (
+    // @ts-expect-error - Type conflict with Vue JSX in monorepo
+    (() => {
+      var d = we();
+      return T(d, P({
+        get class() {
+          return ["i18n-group", t.groupClass].filter(Boolean).join(" ");
+        }
+      }, o), !1, !0), x(d, (() => {
+        var f = v(() => typeof n.children == "function");
+        return () => f() ? n.children({
+          prefix: t.prefix,
+          t: r
+        }) : n.children;
+      })()), d;
+    })()
+  );
+};
+function ze(n, e, t, o) {
+  const r = n.map((a) => a.code), [d, f] = I(o.pathname);
+  fe(() => {
+    f(o.pathname);
+  });
+  const l = (a, s) => {
+    const p = (typeof a == "string" ? a : a.path || "/").split("/").filter(Boolean);
+    p.length > 0 && r.includes(p[0]) && p.shift();
+    const i = "/" + p.join("/");
+    return s === e ? i : `/${s}${i === "/" ? "" : i}`;
+  };
+  return {
+    getCurrentPath: () => d(),
+    // Returns current value for compatibility
+    getCurrentPathAccessor: d,
+    // Returns accessor for reactivity
+    push: (a) => {
+      t(a.path);
+    },
+    replace: (a) => {
+      t(a.path, {
+        replace: !0
+      });
+    },
+    resolvePath: (a, s) => l(a, s),
+    getRoute: () => ({
+      fullPath: d(),
+      query: {}
+    }),
+    // Use A component from @solidjs/router
+    linkComponent: ((a) => {
+      const {
+        href: s,
+        children: c,
+        class: p,
+        style: i,
+        ...g
+      } = a;
+      return C(Le, P({
+        href: s,
+        class: p,
+        style: i
+      }, g, {
+        children: c
+      }));
+    })
+  };
+}
+export {
+  He as FormatService,
+  Q as I18nContext,
+  X as I18nDefaultLocaleContext,
+  Me as I18nGroup,
+  Ve as I18nLink,
+  U as I18nLocalesContext,
+  Te as I18nProvider,
+  Y as I18nRouterContext,
+  Be as I18nSwitcher,
+  je as I18nT,
+  be as SolidI18n,
+  Ne as createI18n,
+  ze as createSolidRouterAdapter,
+  Fe as defaultPlural,
+  Ze as interpolate,
+  Ee as useI18n,
+  D as useI18nContext,
+  Se as useI18nDefaultLocale,
+  ee as useI18nLocales,
+  F as useI18nRouter
+};
+//# sourceMappingURL=index.mjs.map