@pathscale/ui 0.0.121 → 0.0.122

package/dist/components/immersive-landing/types.d.ts

@@ -32,6 +32,7 @@ export interface ImmersiveLandingContextValue {
     direction: Accessor<"next" | "prev" | null>;
     transitionDuration: number;
     pages: readonly string[];
+    appVersion?: string;
 }
 export interface ImmersiveLandingProps extends IComponentBaseProps {
     pages: readonly string[];
@@ -42,6 +43,8 @@ export interface ImmersiveLandingProps extends IComponentBaseProps {
     enableScrollNavigation?: boolean;
     showNavigation?: boolean;
     showArrows?: boolean;
+    appVersion?: string;
+    overlay?: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
     children: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
 }
 export interface ImmersiveLandingPageProps extends IComponentBaseProps {

package/dist/components/language-switcher/createI18n.d.ts

@@ -29,13 +29,13 @@ export interface I18nOptions {
 }
 export interface I18nStore {
     /**
-     * Current locale code
+     * Current locale code (getter, reactive)
      */
-    locale: () => string;
+    readonly locale: string;
     /**
-     * Whether translations are currently loading
+     * Whether translations are currently loading (getter, reactive)
      */
-    isLoading: () => boolean;
+    readonly isLoading: boolean;
     /**
      * Translation function
      */
@@ -51,14 +51,40 @@ export interface I18nStore {
     /**
      * Available languages
      */
-    languages: Language[];
+    readonly languages: Language[];
     /**
      * Language names map for quick lookup
      */
-    languageNames: Record<string, string>;
+    readonly languageNames: Record<string, string>;
+    /**
+     * Supported language codes
+     */
+    readonly supportedCodes: string[];
 }
 /**
  * Creates an i18n store with configurable options.
+ * API matches nofilter.io's i18nStore for easy migration.
+ *
+ * @example
+ * ```tsx
+ * // Create the store
+ * const i18n = createI18n({
+ *   languages: [
+ *     { code: "en", name: "English" },
+ *     { code: "es", name: "Español" },
+ *   ],
+ *   storageKey: "myapp_locale",
+ *   initialTranslations: enTranslations,
+ *   loadTranslations: (locale) => fetch(`/locales/${locale}.json`).then(r => r.json()),
+ * });
+ *
+ * // Use in components
+ * <p>{i18n.t("greeting")}</p>
+ * <p>Current: {i18n.locale}</p>
+ *
+ * // Initialize on app mount
+ * onMount(() => i18n.init());
+ * ```
  */
 export declare function createI18n(options: I18nOptions): I18nStore;
 export interface I18nContextValue {

package/dist/index.js

@@ -10940,7 +10940,7 @@ const immersive_landing_ImmersiveLandingNavigation = ImmersiveLandingNavigation;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var ImmersiveLanding_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="relative z-10 h-full w-full">');
+var ImmersiveLanding_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="relative h-full w-full"><div class="relative z-10 h-full w-full">'), ImmersiveLanding_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 flex items-end justify-end p-6"aria-hidden=true><span class="font-mono text-base-content/20 text-[clamp(0.75rem,2vw,1.25rem)] tracking-[0.4em]">v'), ImmersiveLanding_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="pointer-events-none fixed inset-0 z-30">');
 const ImmersiveLanding = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "pages",
@@ -10951,6 +10951,9 @@ const ImmersiveLanding = (props)=>{
         "enableScrollNavigation",
         "showNavigation",
         "showArrows",
+        "appVersion",
+        "overlay",
+        "children",
         "class",
         "className",
         "style"
@@ -10974,18 +10977,20 @@ const ImmersiveLanding = (props)=>{
         isLastPage: navigation.isLastPage,
         direction: navigation.direction,
         transitionDuration: navigation.transitionDuration,
-        pages: local.pages
+        pages: local.pages,
+        appVersion: local.appVersion
     };
     const showNav = ()=>false !== local.showNavigation;
     const showArrowNav = ()=>false !== local.showArrows;
-    const classes = ()=>twMerge("fixed inset-0 overflow-hidden bg-transparent", local.class, local.className);
-    const renderChildren = ()=>"function" == typeof props.children ? props.children(contextValue) : props.children;
+    const classes = ()=>twMerge("fixed inset-0 h-screen w-screen overflow-hidden bg-transparent relative isolate", local.class, local.className);
+    const renderChildren = ()=>"function" == typeof local.children ? local.children(contextValue) : local.children;
+    const renderOverlay = ()=>"function" == typeof local.overlay ? local.overlay(contextValue) : local.overlay;
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ImmersiveLandingContext.Provider, {
         value: contextValue,
         get children () {
             return [
                 (()=>{
-                    var _el$ = ImmersiveLanding_tmpl$(), _el$2 = _el$.firstChild;
+                    var _el$ = ImmersiveLanding_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                         get ["class"] () {
                             return classes();
@@ -10994,9 +10999,30 @@ const ImmersiveLanding = (props)=>{
                             return local.style;
                         }
                     }, others), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, renderChildren);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, renderChildren);
                     return _el$;
                 })(),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return local.overlay || local.appVersion;
+                    },
+                    get children () {
+                        var _el$4 = ImmersiveLanding_tmpl$3();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, renderOverlay, null);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return local.appVersion;
+                            },
+                            get children () {
+                                var _el$5 = ImmersiveLanding_tmpl$2(), _el$6 = _el$5.firstChild;
+                                _el$6.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.appVersion, null);
+                                return _el$5;
+                            }
+                        }), null);
+                        return _el$4;
+                    }
+                }),
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!showArrowNav())() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(immersive_landing_ImmersiveLandingArrows, {
                         get onPrev () {
                             return navigation.goPrev;
@@ -11623,8 +11649,8 @@ const LanguageSwitcher = (props)=>{
         "loadingLabel",
         "onLanguageChange"
     ]);
-    const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale()];
-    const isSelected = (lang)=>local.i18n.locale() === lang;
+    const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
+    const isSelected = (lang)=>local.i18n.locale === lang;
     const handleSelect = async (lang)=>{
         await local.i18n.setLocale(lang);
         local.onLanguageChange?.(lang);
@@ -11658,7 +11684,7 @@ const LanguageSwitcher = (props)=>{
                             })(),
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                 get when () {
-                                    return !local.i18n.isLoading();
+                                    return !local.i18n.isLoading;
                                 },
                                 get fallback () {
                                     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(icon_Icon, {
@@ -11729,13 +11755,13 @@ function createI18n(options) {
             ...acc,
             [lang.code]: lang.name
         }), {});
-    const [locale, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
+    const [localeSignal, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
     const [translations, setTranslations] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialTranslations);
-    const [isLoading, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [isLoadingSignal, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const t = (key)=>getNestedValue(translations(), key);
     const setLocale = async (lang)=>{
         if (!supportedCodes.includes(lang)) lang = defaultLanguage;
-        if (lang === locale() && Object.keys(translations()).length > 0) return;
+        if (lang === localeSignal() && Object.keys(translations()).length > 0) return;
         setIsLoading(true);
         try {
             const minDelay = new Promise((resolve)=>setTimeout(resolve, 100));
@@ -11765,13 +11791,18 @@ function createI18n(options) {
         await setLocale(detected);
     };
     return {
-        locale,
-        isLoading,
+        get locale () {
+            return localeSignal();
+        },
+        get isLoading () {
+            return isLoadingSignal();
+        },
         t,
         setLocale,
         init,
         languages,
-        languageNames
+        languageNames,
+        supportedCodes
     };
 }
 const I18nContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.121",
+  "version": "0.0.122",
   "author": "pathscale",
   "repository": {
     "type": "git",