@replanejs/svelte 0.7.4 → 0.7.6

package/README.md

@@ -6,23 +6,14 @@ Svelte SDK for [Replane](https://github.com/replane-dev/replane-javascript) - fe
 
 ```bash
 npm install @replanejs/svelte
-# or
-pnpm add @replanejs/svelte
-# or
-yarn add @replanejs/svelte
 ```
 
-## Requirements
-
-- Svelte 4.0.0 or higher (Svelte 5 supported)
-- Node.js 18.0.0 or higher
-
 ## Quick Start
 
 ```svelte
 <script>
-  import { ReplaneProvider, useConfig } from '@replanejs/svelte';
-  import { createReplaneClient } from '@replanejs/sdk';
+  import { ReplaneContext, config } from '@replanejs/svelte';
+  import { createReplaneClient } from '@replanejs/svelte';
 
   const client = await createReplaneClient({
     baseUrl: 'https://your-replane-server.com',
@@ -30,20 +21,20 @@ yarn add @replanejs/svelte
   });
 </script>
 
-<ReplaneProvider {client}>
+<ReplaneContext {client}>
   <MyComponent />
-</ReplaneProvider>
+</ReplaneContext>
 ```
 
 ```svelte
 <!-- MyComponent.svelte -->
 <script>
-  import { useConfig } from '@replanejs/svelte';
+  import { config } from '@replanejs/svelte';
 
-  const isFeatureEnabled = useConfig<boolean>('feature-flag-name');
+  const feature = config<boolean>('feature-flag-name');
 </script>
 
-{#if $isFeatureEnabled}
+{#if $feature}
   <p>Feature is enabled!</p>
 {:else}
   <p>Feature is disabled</p>
@@ -52,173 +43,209 @@ yarn add @replanejs/svelte
 
 ## API
 
-### ReplaneProvider
+### config
 
-Provider component that makes the Replane client available to your component tree. Use this when you have a pre-created client.
+Create a reactive store for a specific config value. Similar to `readable()` or `derived()`.
 
 ```svelte
 <script>
-  import { ReplaneProvider } from '@replanejs/svelte';
-  import { createReplaneClient } from '@replanejs/sdk';
+  import { config } from '@replanejs/svelte';
 
-  const client = await createReplaneClient({
-    baseUrl: 'https://your-replane-server.com',
-    sdkKey: 'your-sdk-key',
+  // Returns a Svelte readable store
+  const featureEnabled = config<boolean>('featureEnabled');
+
+  // With evaluation context
+  const greeting = config<string>('greeting', {
+    context: { userId: '123', isPremium: true }
   });
 </script>
 
-<ReplaneProvider {client}>
-  <App />
-</ReplaneProvider>
+{#if $featureEnabled}
+  <p>{$greeting}</p>
+{/if}
 ```
 
-### ReplaneProviderAsync
+### getReplane
 
-Provider component that creates and manages the client internally. Handles loading and error states.
+Get direct access to the Replane client from context.
 
 ```svelte
 <script>
-  import { ReplaneProviderAsync } from '@replanejs/svelte';
+  import { getReplane } from '@replanejs/svelte';
 
-  const options = {
-    baseUrl: 'https://your-replane-server.com',
-    sdkKey: 'your-sdk-key',
-  };
+  const { client } = getReplane();
 
-  function handleError(error) {
-    console.error('Failed to initialize Replane:', error);
+  function handleClick() {
+    const value = client.get('some-config');
+    console.log(value);
   }
 </script>
 
-<ReplaneProviderAsync {options} onError={handleError}>
-  <App />
-
-  {#snippet loader()}
-    <p>Loading configuration...</p>
-  {/snippet}
-</ReplaneProviderAsync>
+<button onclick={handleClick}>Get Config</button>
 ```
 
-### useConfig
-
-Create a reactive store for a specific config value. The store automatically updates when the config value changes on the server.
+### configFrom
 
-Must be called during component initialization (in the script section, not in event handlers).
+Create a reactive store from a client directly (without context).
 
 ```svelte
 <script>
-  import { useConfig } from '@replanejs/svelte';
-
-  // Basic usage - returns a Svelte readable store
-  const featureEnabled = useConfig<boolean>('featureEnabled');
+  import { configFrom } from '@replanejs/svelte';
+  import { client } from './replane-client';
 
-  // With evaluation context
-  const greeting = useConfig<string>('greeting', {
-    context: { userId: '123', isPremium: true }
-  });
+  const featureEnabled = configFrom<boolean>(client, 'featureEnabled');
 </script>
 
 {#if $featureEnabled}
-  <p>{$greeting}</p>
+  <p>Feature is enabled!</p>
 {/if}
 ```
 
-### useReplane
+### ReplaneContext
 
-Get direct access to the Replane client from context.
+Context component that makes the Replane client available to your component tree.
+
+Can be used in three ways:
+
+**1. With a pre-created client:**
 
 ```svelte
 <script>
-  import { useReplane } from '@replanejs/svelte';
-
-  const { client } = useReplane();
+  import { ReplaneContext, createReplaneClient } from '@replanejs/svelte';
 
-  function handleClick() {
-    // Access client methods directly
-    const value = client.get('some-config');
-    console.log(value);
-  }
+  const client = await createReplaneClient({
+    baseUrl: 'https://your-replane-server.com',
+    sdkKey: 'your-sdk-key',
+  });
 </script>
 
-<button onclick={handleClick}>Get Config</button>
+<ReplaneContext {client}>
+  <App />
+</ReplaneContext>
 ```
 
-### createConfigStore
+**2. With options (client managed internally):**
+
+```svelte
+<script>
+  import { ReplaneContext } from '@replanejs/svelte';
 
-Create a reactive store for a config value using a pre-existing client. Useful when you have direct access to a client and don't want to use the context-based approach.
+  const options = {
+    baseUrl: 'https://your-replane-server.com',
+    sdkKey: 'your-sdk-key',
+  };
+</script>
+
+<svelte:boundary onerror={(e) => console.error(e)}>
+  <ReplaneContext {options}>
+    <App />
+
+    {#snippet loader()}
+      <p>Loading...</p>
+    {/snippet}
+  </ReplaneContext>
+
+  {#snippet failed(error)}
+    <p>Error: {error.message}</p>
+  {/snippet}
+</svelte:boundary>
+```
+
+**3. With a snapshot (for SSR/hydration):**
 
 ```svelte
 <script>
-  import { createConfigStore } from '@replanejs/svelte';
-  import { client } from './replane-client';
+  import { ReplaneContext } from '@replanejs/svelte';
 
-  const featureEnabled = createConfigStore<boolean>(client, 'featureEnabled');
+  let { data, children } = $props();
 
-  // With context
-  const userGreeting = createConfigStore<string>(client, 'greeting', {
-    context: { userId: '123' }
-  });
+  const options = {
+    baseUrl: import.meta.env.VITE_REPLANE_BASE_URL,
+    sdkKey: import.meta.env.VITE_REPLANE_SDK_KEY,
+  };
 </script>
 
-{#if $featureEnabled}
-  <p>{$userGreeting}</p>
-{/if}
+<ReplaneContext {options} snapshot={data.replaneSnapshot}>
+  {@render children()}
+</ReplaneContext>
 ```
 
-## TypeScript
+## Typed Stores
+
+For better type safety, create typed versions of the store functions:
 
-The SDK is fully typed. You can provide type parameters to get type-safe configuration values:
+```ts
+// $lib/replane/index.ts
+import { createTypedConfig, createTypedReplane } from '@replanejs/svelte';
+
+interface AppConfigs {
+  theme: { darkMode: boolean; primaryColor: string };
+  features: { betaEnabled: boolean };
+}
+
+export const appConfig = createTypedConfig<AppConfigs>();
+export const getAppReplane = createTypedReplane<AppConfigs>();
+```
 
 ```svelte
 <script lang="ts">
-  import { useConfig, useReplane } from '@replanejs/svelte';
-
-  interface MyConfigs {
-    theme: 'light' | 'dark';
-    maxItems: number;
-    features: {
-      analytics: boolean;
-      notifications: boolean;
-    };
-  }
-
-  // Type-safe stores
-  const theme = useConfig<MyConfigs['theme']>('theme');
-  const maxItems = useConfig<MyConfigs['maxItems']>('maxItems');
+  import { appConfig } from '$lib/replane';
 
-  // Typed client access
-  const { client } = useReplane<MyConfigs>();
+  // Config names autocomplete, values are fully typed
+  const theme = appConfig("theme");
+  // $theme is { darkMode: boolean; primaryColor: string }
 </script>
 
-<p>Theme: {$theme}, Max items: {$maxItems}</p>
+<div style:color={$theme.primaryColor}>
+  {$theme.darkMode ? "Dark" : "Light"}
+</div>
 ```
 
-## Context Utilities
+## SSR / SvelteKit
+
+For server-side rendering, fetch configs on the server and restore on the client:
 
-For advanced use cases, you can directly interact with the Svelte context:
+```ts
+// src/routes/+layout.server.ts
+import { getReplaneSnapshot } from '@replanejs/svelte';
+
+export async function load() {
+  const snapshot = await getReplaneSnapshot({
+    baseUrl: import.meta.env.REPLANE_BASE_URL,
+    sdkKey: import.meta.env.REPLANE_SDK_KEY,
+  });
+
+  return { replaneSnapshot: snapshot };
+}
+```
 
 ```svelte
-<script>
-  import { setReplaneContext, getReplaneContext, hasReplaneContext } from '@replanejs/svelte';
+<!-- src/routes/+layout.svelte -->
+<script lang="ts">
+  import { ReplaneContext } from '@replanejs/svelte';
 
-  // Check if context exists
-  if (hasReplaneContext()) {
-    const { client } = getReplaneContext();
-    // Use client...
-  }
+  let { data, children } = $props();
+
+  const options = {
+    baseUrl: import.meta.env.VITE_REPLANE_BASE_URL,
+    sdkKey: import.meta.env.VITE_REPLANE_SDK_KEY,
+  };
 </script>
+
+<ReplaneContext {options} snapshot={data.replaneSnapshot}>
+  {@render children()}
+</ReplaneContext>
 ```
 
 ## Realtime Updates
 
-All stores created with `useConfig` or `createConfigStore` automatically subscribe to realtime updates via Server-Sent Events (SSE). When a config value changes on the server, the store updates and your component re-renders automatically.
+All stores automatically subscribe to realtime updates via SSE. When a config changes on the server, the store updates automatically.
 
 ```svelte
 <script>
-  import { useConfig } from '@replanejs/svelte';
+  import { config } from '@replanejs/svelte';
 
-  // This store will automatically update when 'maintenance-mode' changes
-  const maintenanceMode = useConfig<boolean>('maintenance-mode');
+  const maintenanceMode = config<boolean>('maintenance-mode');
 </script>
 
 {#if $maintenanceMode}
@@ -229,4 +256,3 @@ All stores created with `useConfig` or `createConfigStore` automatically subscri
 ## License
 
 MIT
-

package/dist/ReplaneContext.svelte

@@ -0,0 +1,120 @@
+<script lang="ts" module>
+  import type { ReplaneClient } from "@replanejs/sdk";
+  import type {
+    ReplaneContextProps,
+    ReplaneContextWithClientProps,
+    ReplaneContextWithOptionsProps,
+  } from "./types";
+
+  export type {
+    ReplaneContextProps,
+    ReplaneContextWithClientProps,
+    ReplaneContextWithOptionsProps,
+  };
+</script>
+
+<script lang="ts">
+  import { createReplaneClient, restoreReplaneClient } from "@replanejs/sdk";
+  import { setReplaneContext } from "./context";
+  import { hasClient } from "./types";
+
+  let props: ReplaneContextProps = $props();
+
+  type ClientState =
+    | { status: "loading"; client: null; error: null }
+    | { status: "ready"; client: ReplaneClient<any>; error: null }
+    | { status: "error"; client: null; error: Error };
+
+  let state = $state<ClientState>({ status: "loading", client: null, error: null });
+  let clientRef: ReplaneClient<any> | null = null;
+  let cancelled = false;
+
+  // Handle client initialization based on props
+  $effect(() => {
+    cancelled = false;
+
+    if (hasClient(props)) {
+      // Pre-created client - use directly
+      state = { status: "ready", client: props.client, error: null };
+      return;
+    }
+
+    // Options-based initialization
+    const { options, snapshot } = props;
+
+    if (snapshot) {
+      // Restore from snapshot synchronously
+      try {
+        const client = restoreReplaneClient({
+          snapshot,
+          connection: {
+            baseUrl: options.baseUrl,
+            sdkKey: options.sdkKey,
+            fetchFn: options.fetchFn,
+            requestTimeoutMs: options.requestTimeoutMs,
+            retryDelayMs: options.retryDelayMs,
+            inactivityTimeoutMs: options.inactivityTimeoutMs,
+            logger: options.logger,
+          },
+          context: options.context,
+        });
+        clientRef = client;
+        state = { status: "ready", client, error: null };
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(String(err));
+        state = { status: "error", client: null, error };
+      }
+      return;
+    }
+
+    // Async client creation
+    state = { status: "loading", client: null, error: null };
+
+    createReplaneClient(options)
+      .then((client) => {
+        if (cancelled) {
+          client.close();
+          return;
+        }
+        clientRef = client;
+        state = { status: "ready", client, error: null };
+      })
+      .catch((err) => {
+        if (cancelled) return;
+        const error = err instanceof Error ? err : new Error(String(err));
+        state = { status: "error", client: null, error };
+      });
+
+    return () => {
+      cancelled = true;
+      // Only close client if we created it (not pre-created)
+      if (clientRef && !hasClient(props)) {
+        clientRef.close();
+        clientRef = null;
+      }
+    };
+  });
+
+  // Set context when client is ready
+  $effect(() => {
+    if (state.status === "ready" && state.client) {
+      setReplaneContext(state.client);
+    }
+  });
+
+  // Get children and loader from props
+  const children = $derived(props.children);
+  const loader = $derived(hasClient(props) ? undefined : props.loader);
+</script>
+
+{#if state.status === "loading"}
+  {#if loader}
+    {@render loader()}
+  {/if}
+{:else if state.status === "error"}
+  {(() => {
+    throw state.error;
+  })()}
+{:else if state.status === "ready"}
+  {@render children()}
+{/if}

package/dist/ReplaneContext.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { ReplaneContextProps, ReplaneContextWithClientProps, ReplaneContextWithOptionsProps } from "./types";
+export type { ReplaneContextProps, ReplaneContextWithClientProps, ReplaneContextWithOptionsProps, };
+declare const ReplaneContext: import("svelte").Component<ReplaneContextProps, {}, "">;
+type ReplaneContext = ReturnType<typeof ReplaneContext>;
+export default ReplaneContext;
+//# sourceMappingURL=ReplaneContext.svelte.d.ts.map

package/dist/ReplaneContext.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplaneContext.svelte.d.ts","sourceRoot":"","sources":["../src/ReplaneContext.svelte.ts"],"names":[],"mappings":"AAIE,OAAO,KAAK,EACV,mBAAmB,EACnB,6BAA6B,EAC7B,8BAA8B,EAC/B,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,mBAAmB,EACnB,6BAA6B,EAC7B,8BAA8B,GAC/B,CAAC;AAqHJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/context.js

@@ -16,7 +16,7 @@ export function setReplaneContext(client) {
 export function getReplaneContext() {
     const context = getContext(REPLANE_CONTEXT_KEY);
     if (!context) {
-        throw new Error("useReplane must be used within a ReplaneProvider");
+        throw new Error("getReplane() must be used within a ReplaneProvider");
     }
     return context;
 }

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-export { default as ReplaneProvider } from "./ReplaneProvider.svelte";
-export { default as ReplaneProviderAsync } from "./ReplaneProviderAsync.svelte";
-export { useReplane, useConfig, createConfigStore } from "./stores";
+export { default as ReplaneContext } from "./ReplaneContext.svelte";
+export { getReplane, config, configFrom, createTypedReplane, createTypedConfig } from "./stores";
 export { setReplaneContext, getReplaneContext, hasReplaneContext } from "./context";
-export type { ReplaneContextValue, ReplaneProviderProps, ReplaneProviderWithClientProps, ReplaneProviderWithOptionsProps, ReplaneProviderWithSnapshotProps, UseConfigOptions, } from "./types";
+export { createReplaneClient, createInMemoryReplaneClient, restoreReplaneClient, getReplaneSnapshot, clearSnapshotCache, ReplaneError, ReplaneErrorCode, } from "@replanejs/sdk";
+export type { ReplaneClient, ReplaneClientOptions, ReplaneSnapshot, ReplaneLogger, GetConfigOptions, RestoreReplaneClientOptions, GetReplaneSnapshotOptions, } from "@replanejs/sdk";
+export type { ReplaneContextValue, ReplaneContextProps, ReplaneContextWithClientProps, ReplaneContextWithOptionsProps, ConfigOptions, } from "./types";
+export { hasClient, hasOptions } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAGhF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGpF,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,8BAA8B,EAC9B,+BAA+B,EAC/B,gCAAgC,EAChC,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGjG,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGpF,OAAO,EACL,mBAAmB,EACnB,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,6BAA6B,EAC7B,8BAA8B,EAC9B,aAAa,GACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,7 +1,10 @@
 // Components
-export { default as ReplaneProvider } from "./ReplaneProvider.svelte";
-export { default as ReplaneProviderAsync } from "./ReplaneProviderAsync.svelte";
-// Stores and hooks
-export { useReplane, useConfig, createConfigStore } from "./stores";
+export { default as ReplaneContext } from "./ReplaneContext.svelte";
+// Stores
+export { getReplane, config, configFrom, createTypedReplane, createTypedConfig } from "./stores";
 // Context utilities (for advanced use cases)
 export { setReplaneContext, getReplaneContext, hasReplaneContext } from "./context";
+// Re-export from SDK for convenience
+export { createReplaneClient, createInMemoryReplaneClient, restoreReplaneClient, getReplaneSnapshot, clearSnapshotCache, ReplaneError, ReplaneErrorCode, } from "@replanejs/sdk";
+// Type guards
+export { hasClient, hasOptions } from "./types";

package/dist/stores.d.ts

@@ -1,6 +1,6 @@
 import { type Readable } from "svelte/store";
 import type { ReplaneClient } from "@replanejs/sdk";
-import type { ReplaneContextValue, UseConfigOptions } from "./types";
+import type { ReplaneContextValue, ConfigOptions } from "./types";
 /**
  * Get the Replane context containing the client.
  *
@@ -12,14 +12,14 @@ import type { ReplaneContextValue, UseConfigOptions } from "./types";
  * @example
  * ```svelte
  * <script>
- *   import { useReplane } from '@replanejs/svelte';
+ *   import { getReplane } from '@replanejs/svelte';
  *
- *   const { client } = useReplane();
- *   // Use client directly: client.get('configName')
+ *   const { client } = getReplane();
+ *   // Access client directly: client.get('configName')
  * </script>
  * ```
  */
-export declare function useReplane<T extends Record<string, unknown> = any>(): ReplaneContextValue<T>;
+export declare function getReplane<T extends Record<string, unknown> = any>(): ReplaneContextValue<T>;
 /**
  * Create a reactive store for a specific config value.
  *
@@ -33,10 +33,10 @@ export declare function useReplane<T extends Record<string, unknown> = any>(): R
  * @example
  * ```svelte
  * <script>
- *   import { useConfig } from '@replanejs/svelte';
+ *   import { config } from '@replanejs/svelte';
  *
- *   const featureEnabled = useConfig<boolean>('featureEnabled');
- *   const greeting = useConfig<string>('greeting', {
+ *   const featureEnabled = config<boolean>('featureEnabled');
+ *   const greeting = config<string>('greeting', {
  *     context: { userId: '123' }
  *   });
  * </script>
@@ -46,12 +46,12 @@ export declare function useReplane<T extends Record<string, unknown> = any>(): R
  * {/if}
  * ```
  */
-export declare function useConfig<T>(name: string, options?: UseConfigOptions): Readable<T>;
+export declare function config<T>(name: string, options?: ConfigOptions): Readable<T>;
 /**
  * Create a reactive store for a config value using a pre-existing client.
  *
  * This is useful when you have direct access to a client and don't want to
- * use the context-based approach.
+ * use the context-based approach. Similar to readable() or derived().
  *
  * @param client - The Replane client to use
  * @param name - The name of the config to subscribe to
@@ -61,10 +61,10 @@ export declare function useConfig<T>(name: string, options?: UseConfigOptions):
  * @example
  * ```svelte
  * <script>
- *   import { createConfigStore } from '@replanejs/svelte';
+ *   import { configFrom } from '@replanejs/svelte';
  *   import { client } from './replane-client';
  *
- *   const featureEnabled = createConfigStore<boolean>(client, 'featureEnabled');
+ *   const featureEnabled = configFrom<boolean>(client, 'featureEnabled');
  * </script>
  *
  * {#if $featureEnabled}
@@ -72,5 +72,70 @@ export declare function useConfig<T>(name: string, options?: UseConfigOptions):
  * {/if}
  * ```
  */
-export declare function createConfigStore<T, C extends Record<string, unknown> = any>(client: ReplaneClient<C>, name: string, options?: UseConfigOptions): Readable<T>;
+export declare function configFrom<T, C extends Record<string, unknown> = any>(client: ReplaneClient<C>, name: string, options?: ConfigOptions): Readable<T>;
+/**
+ * Creates a typed version of getReplane().
+ *
+ * By creating typed accessors once and importing them throughout your app,
+ * you get full type safety and autocomplete for config names and values.
+ *
+ * @example
+ * ```ts
+ * // $lib/replane/index.ts
+ * import { createTypedReplane } from '@replanejs/svelte';
+ *
+ * interface AppConfigs {
+ *   theme: { darkMode: boolean };
+ *   features: { beta: boolean };
+ * }
+ *
+ * export const getAppReplane = createTypedReplane<AppConfigs>();
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getAppReplane } from './lib/replane';
+ *
+ *   const { client } = getAppReplane();
+ *   const theme = client.get("theme"); // fully typed
+ * </script>
+ * ```
+ */
+export declare function createTypedReplane<TConfigs extends Record<string, unknown>>(): () => ReplaneContextValue<TConfigs>;
+/**
+ * Creates a typed version of config().
+ *
+ * By creating typed accessors once and importing them throughout your app,
+ * you get full type safety and autocomplete for config names and values.
+ *
+ * @example
+ * ```ts
+ * // $lib/replane/index.ts
+ * import { createTypedConfig } from '@replanejs/svelte';
+ *
+ * interface AppConfigs {
+ *   theme: { darkMode: boolean; primaryColor: string };
+ *   features: { beta: boolean; maxItems: number };
+ * }
+ *
+ * export const appConfig = createTypedConfig<AppConfigs>();
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { appConfig } from './lib/replane';
+ *
+ *   // Config names autocomplete, return values are fully typed
+ *   const theme = appConfig("theme");
+ *   // $theme is typed as { darkMode: boolean; primaryColor: string }
+ * </script>
+ *
+ * <div style:color={$theme.primaryColor}>
+ *   {$theme.darkMode ? "Dark" : "Light"}
+ * </div>
+ * ```
+ */
+export declare function createTypedConfig<TConfigs extends Record<string, unknown>>(): <K extends keyof TConfigs>(name: K, options?: ConfigOptions) => Readable<TConfigs[K]>;
 //# sourceMappingURL=stores.d.ts.map

package/dist/stores.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stores.d.ts","sourceRoot":"","sources":["../src/stores.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAE5F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAYlF;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,EAC1E,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,gBAAgB,GACzB,QAAQ,CAAC,CAAC,CAAC,CAOb"}
+{"version":3,"file":"stores.d.ts","sourceRoot":"","sources":["../src/stores.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAE5F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAY5E;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,EACnE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,aAAa,GACtB,QAAQ,CAAC,CAAC,CAAC,CAOb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WACrD,mBAAmB,CAAC,QAAQ,CAAC,CAGlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MACvD,CAAC,SAAS,MAAM,QAAQ,EACvC,MAAM,CAAC,EACP,UAAU,aAAa,KACtB,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAGzB"}

package/dist/stores.js

@@ -11,15 +11,15 @@ import { getReplaneContext } from "./context";
  * @example
  * ```svelte
  * <script>
- *   import { useReplane } from '@replanejs/svelte';
+ *   import { getReplane } from '@replanejs/svelte';
  *
- *   const { client } = useReplane();
- *   // Use client directly: client.get('configName')
+ *   const { client } = getReplane();
+ *   // Access client directly: client.get('configName')
  * </script>
  * ```
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function useReplane() {
+export function getReplane() {
     return getReplaneContext();
 }
 /**
@@ -35,10 +35,10 @@ export function useReplane() {
  * @example
  * ```svelte
  * <script>
- *   import { useConfig } from '@replanejs/svelte';
+ *   import { config } from '@replanejs/svelte';
  *
- *   const featureEnabled = useConfig<boolean>('featureEnabled');
- *   const greeting = useConfig<string>('greeting', {
+ *   const featureEnabled = config<boolean>('featureEnabled');
+ *   const greeting = config<string>('greeting', {
  *     context: { userId: '123' }
  *   });
  * </script>
@@ -48,7 +48,7 @@ export function useReplane() {
  * {/if}
  * ```
  */
-export function useConfig(name, options) {
+export function config(name, options) {
     const { client } = getReplaneContext();
     return readable(client.get(name, options), (set) => {
         // Subscribe to config changes
@@ -63,7 +63,7 @@ export function useConfig(name, options) {
  * Create a reactive store for a config value using a pre-existing client.
  *
  * This is useful when you have direct access to a client and don't want to
- * use the context-based approach.
+ * use the context-based approach. Similar to readable() or derived().
  *
  * @param client - The Replane client to use
  * @param name - The name of the config to subscribe to
@@ -73,10 +73,10 @@ export function useConfig(name, options) {
  * @example
  * ```svelte
  * <script>
- *   import { createConfigStore } from '@replanejs/svelte';
+ *   import { configFrom } from '@replanejs/svelte';
  *   import { client } from './replane-client';
  *
- *   const featureEnabled = createConfigStore<boolean>(client, 'featureEnabled');
+ *   const featureEnabled = configFrom<boolean>(client, 'featureEnabled');
  * </script>
  *
  * {#if $featureEnabled}
@@ -85,7 +85,7 @@ export function useConfig(name, options) {
  * ```
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function createConfigStore(client, name, options) {
+export function configFrom(client, name, options) {
     return readable(client.get(name, options), (set) => {
         const unsubscribe = client.subscribe(name, () => {
             set(client.get(name, options));
@@ -93,3 +93,76 @@ export function createConfigStore(client, name, options) {
         return unsubscribe;
     });
 }
+/**
+ * Creates a typed version of getReplane().
+ *
+ * By creating typed accessors once and importing them throughout your app,
+ * you get full type safety and autocomplete for config names and values.
+ *
+ * @example
+ * ```ts
+ * // $lib/replane/index.ts
+ * import { createTypedReplane } from '@replanejs/svelte';
+ *
+ * interface AppConfigs {
+ *   theme: { darkMode: boolean };
+ *   features: { beta: boolean };
+ * }
+ *
+ * export const getAppReplane = createTypedReplane<AppConfigs>();
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getAppReplane } from './lib/replane';
+ *
+ *   const { client } = getAppReplane();
+ *   const theme = client.get("theme"); // fully typed
+ * </script>
+ * ```
+ */
+export function createTypedReplane() {
+    return function () {
+        return getReplane();
+    };
+}
+/**
+ * Creates a typed version of config().
+ *
+ * By creating typed accessors once and importing them throughout your app,
+ * you get full type safety and autocomplete for config names and values.
+ *
+ * @example
+ * ```ts
+ * // $lib/replane/index.ts
+ * import { createTypedConfig } from '@replanejs/svelte';
+ *
+ * interface AppConfigs {
+ *   theme: { darkMode: boolean; primaryColor: string };
+ *   features: { beta: boolean; maxItems: number };
+ * }
+ *
+ * export const appConfig = createTypedConfig<AppConfigs>();
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { appConfig } from './lib/replane';
+ *
+ *   // Config names autocomplete, return values are fully typed
+ *   const theme = appConfig("theme");
+ *   // $theme is typed as { darkMode: boolean; primaryColor: string }
+ * </script>
+ *
+ * <div style:color={$theme.primaryColor}>
+ *   {$theme.darkMode ? "Dark" : "Light"}
+ * </div>
+ * ```
+ */
+export function createTypedConfig() {
+    return function (name, options) {
+        return config(String(name), options);
+    };
+}

package/dist/types.d.ts

@@ -7,67 +7,49 @@ export interface ReplaneContextValue<T extends Record<string, unknown> = any> {
     client: ReplaneClient<T>;
 }
 /**
- * Props for ReplaneProvider when using a pre-created client.
+ * Props for ReplaneContext when using a pre-created client.
  */
-export interface ReplaneProviderWithClientProps<T extends Record<string, unknown> = any> {
+export interface ReplaneContextWithClientProps<T extends Record<string, unknown> = any> {
     /** Pre-created ReplaneClient instance */
     client: ReplaneClient<T>;
     /** Children snippet */
     children: Snippet;
 }
 /**
- * Props for ReplaneProvider when letting it manage the client internally.
+ * Props for ReplaneContext when letting it manage the client internally.
  */
-export interface ReplaneProviderWithOptionsProps<T extends Record<string, unknown> = any> {
-    /** Options to create the ReplaneClient */
+export interface ReplaneContextWithOptionsProps<T extends Record<string, unknown> = any> {
+    /** Options to create or restore the ReplaneClient */
     options: ReplaneClientOptions<T>;
     /** Children snippet */
     children: Snippet;
+    /**
+     * Optional snapshot from server-side rendering.
+     * When provided, the client will be restored from the snapshot synchronously
+     * instead of fetching configs from the server.
+     * The `options` will be used for live updates connection if provided.
+     */
+    snapshot?: ReplaneSnapshot<T>;
     /**
      * Optional loading snippet to show while the client is initializing.
      * If not provided, children will not render until ready.
+     * Ignored when snapshot is provided (restoration is synchronous).
      */
     loader?: Snippet;
-    /**
-     * Callback when client initialization fails.
-     */
-    onError?: (error: Error) => void;
 }
-/**
- * Props for ReplaneProvider when restoring from a snapshot (SSR/hydration).
- */
-export interface ReplaneProviderWithSnapshotProps<T extends Record<string, unknown> = any> {
-    /** Snapshot from server-side rendering */
-    snapshot: ReplaneSnapshot<T>;
-    /** Optional connection options for live updates */
-    connection?: {
-        baseUrl: string;
-        sdkKey: string;
-        fetchFn?: typeof fetch;
-        requestTimeoutMs?: number;
-        retryDelayMs?: number;
-        inactivityTimeoutMs?: number;
-    };
-    /** Children snippet */
-    children: Snippet;
-}
-export type ReplaneProviderProps<T extends Record<string, unknown> = any> = ReplaneProviderWithClientProps<T> | ReplaneProviderWithOptionsProps<T> | ReplaneProviderWithSnapshotProps<T>;
+export type ReplaneContextProps<T extends Record<string, unknown> = any> = ReplaneContextWithClientProps<T> | ReplaneContextWithOptionsProps<T>;
 /**
  * Type guard to check if props contain a pre-created client.
  */
-export declare function hasClient<T extends Record<string, unknown>>(props: ReplaneProviderProps<T>): props is ReplaneProviderWithClientProps<T>;
-/**
- * Type guard to check if props contain options.
- */
-export declare function hasOptions<T extends Record<string, unknown>>(props: ReplaneProviderProps<T>): props is ReplaneProviderWithOptionsProps<T>;
+export declare function hasClient<T extends Record<string, unknown>>(props: ReplaneContextProps<T>): props is ReplaneContextWithClientProps<T>;
 /**
- * Type guard to check if props contain a snapshot.
+ * Type guard to check if props contain options (with or without snapshot).
  */
-export declare function hasSnapshot<T extends Record<string, unknown>>(props: ReplaneProviderProps<T>): props is ReplaneProviderWithSnapshotProps<T>;
+export declare function hasOptions<T extends Record<string, unknown>>(props: ReplaneContextProps<T>): props is ReplaneContextWithOptionsProps<T>;
 /**
- * Options for useConfig
+ * Options for config()
  */
-export interface UseConfigOptions {
+export interface ConfigOptions {
     /**
      * Context for override evaluation (merged with client-level context).
      */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC;;GAEG;AAEH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IAC1E,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED;;GAEG;AAEH,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IACrF,yCAAyC;IACzC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AAEH,MAAM,WAAW,+BAA+B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IACtF,0CAA0C;IAC1C,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjC,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AAEH,MAAM,WAAW,gCAAgC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IACvF,0CAA0C;IAC1C,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC7B,mDAAmD;IACnD,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;QACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IACF,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAGD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IACpE,8BAA8B,CAAC,CAAC,CAAC,GACjC,+BAA+B,CAAC,CAAC,CAAC,GAClC,gCAAgC,CAAC,CAAC,CAAC,CAAC;AAExC;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,KAAK,IAAI,8BAA8B,CAAC,CAAC,CAAC,CAE5C;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,KAAK,IAAI,+BAA+B,CAAC,CAAC,CAAC,CAE7C;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,KAAK,IAAI,gCAAgC,CAAC,CAAC,CAAC,CAE9C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;CAC5D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC;;GAEG;AAEH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IAC1E,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED;;GAEG;AAEH,MAAM,WAAW,6BAA6B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IACpF,yCAAyC;IACzC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AAEH,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG;IACrF,qDAAqD;IACrD,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjC,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAGD,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,IACnE,6BAA6B,CAAC,CAAC,CAAC,GAChC,8BAA8B,CAAC,CAAC,CAAC,CAAC;AAEtC;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC5B,KAAK,IAAI,6BAA6B,CAAC,CAAC,CAAC,CAE3C;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAC5B,KAAK,IAAI,8BAA8B,CAAC,CAAC,CAAC,CAE5C;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;CAC5D"}

package/dist/types.js

@@ -5,14 +5,8 @@ export function hasClient(props) {
     return "client" in props && props.client !== undefined;
 }
 /**
- * Type guard to check if props contain options.
+ * Type guard to check if props contain options (with or without snapshot).
  */
 export function hasOptions(props) {
     return "options" in props && props.options !== undefined;
 }
-/**
- * Type guard to check if props contain a snapshot.
- */
-export function hasSnapshot(props) {
-    return "snapshot" in props && props.snapshot !== undefined;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replanejs/svelte",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "Svelte SDK for Replane - feature flags and remote configuration",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -39,7 +39,7 @@
     "svelte": ">=4.0.0"
   },
   "dependencies": {
-    "@replanejs/sdk": "^0.7.4"
+    "@replanejs/sdk": "^0.7.6"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.3.10",

package/dist/ReplaneProvider.svelte

@@ -1,22 +0,0 @@
-<script lang="ts" module>
-  import type { ReplaneClient } from "@replanejs/sdk";
-  import type { Snippet } from "svelte";
-
-  export interface ReplaneProviderProps {
-    /** Pre-created ReplaneClient instance */
-    client: ReplaneClient<any>;
-    /** Children snippet */
-    children: Snippet;
-  }
-</script>
-
-<script lang="ts">
-  import { setReplaneContext } from "./context";
-
-  let { client, children }: ReplaneProviderProps = $props();
-
-  // Set the client in context
-  setReplaneContext(client);
-</script>
-
-{@render children()}

package/dist/ReplaneProvider.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { ReplaneClient } from "@replanejs/sdk";
-import type { Snippet } from "svelte";
-export interface ReplaneProviderProps {
-    /** Pre-created ReplaneClient instance */
-    client: ReplaneClient<any>;
-    /** Children snippet */
-    children: Snippet;
-}
-declare const ReplaneProvider: import("svelte").Component<ReplaneProviderProps, {}, "">;
-type ReplaneProvider = ReturnType<typeof ReplaneProvider>;
-export default ReplaneProvider;
-//# sourceMappingURL=ReplaneProvider.svelte.d.ts.map

package/dist/ReplaneProvider.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReplaneProvider.svelte.d.ts","sourceRoot":"","sources":["../src/ReplaneProvider.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3B,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAoBH,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ReplaneProviderAsync.svelte

@@ -1,84 +0,0 @@
-<script lang="ts" module>
-  import type { ReplaneClientOptions } from "@replanejs/sdk";
-  import type { Snippet } from "svelte";
-
-  export interface ReplaneProviderAsyncProps {
-    /** Options to create the ReplaneClient */
-    options: ReplaneClientOptions<any>;
-    /** Children snippet */
-    children: Snippet;
-    /**
-     * Optional loading snippet to show while the client is initializing.
-     * If not provided, nothing will render until ready.
-     */
-    loader?: Snippet;
-    /**
-     * Callback when client initialization fails.
-     */
-    onError?: (error: Error) => void;
-  }
-</script>
-
-<script lang="ts">
-  import { createReplaneClient, type ReplaneClient } from "@replanejs/sdk";
-  import { setReplaneContext } from "./context";
-
-  let { options, children, loader, onError }: ReplaneProviderAsyncProps = $props();
-
-  type ClientState =
-    | { status: "loading"; client: null; error: null }
-    | { status: "ready"; client: ReplaneClient<any>; error: null }
-    | { status: "error"; client: null; error: Error };
-
-  let state = $state<ClientState>({ status: "loading", client: null, error: null });
-  let clientRef: ReplaneClient<any> | null = null;
-  let cancelled = false;
-
-  // Initialize the client
-  $effect(() => {
-    cancelled = false;
-
-    createReplaneClient(options)
-      .then((client) => {
-        if (cancelled) {
-          client.close();
-          return;
-        }
-        clientRef = client;
-        state = { status: "ready", client, error: null };
-      })
-      .catch((err) => {
-        if (cancelled) return;
-        const error = err instanceof Error ? err : new Error(String(err));
-        state = { status: "error", client: null, error };
-        onError?.(error);
-      });
-
-    return () => {
-      cancelled = true;
-      if (clientRef) {
-        clientRef.close();
-        clientRef = null;
-      }
-    };
-  });
-
-  // Set context when client is ready
-  $effect(() => {
-    if (state.status === "ready" && state.client) {
-      setReplaneContext(state.client);
-    }
-  });
-</script>
-
-{#if state.status === "loading"}
-  {#if loader}
-    {@render loader()}
-  {/if}
-{:else if state.status === "error"}
-  {#if loader}
-    {@render loader()}
-  {/if}
-{:else if state.status === "ready"}
-  {@render children()}
-{/if}

package/dist/ReplaneProviderAsync.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { ReplaneClientOptions } from "@replanejs/sdk";
-import type { Snippet } from "svelte";
-export interface ReplaneProviderAsyncProps {
-    /** Options to create the ReplaneClient */
-    options: ReplaneClientOptions<any>;
-    /** Children snippet */
-    children: Snippet;
-    /**
-     * Optional loading snippet to show while the client is initializing.
-     * If not provided, nothing will render until ready.
-     */
-    loader?: Snippet;
-    /**
-     * Callback when client initialization fails.
-     */
-    onError?: (error: Error) => void;
-}
-declare const ReplaneProviderAsync: import("svelte").Component<ReplaneProviderAsyncProps, {}, "">;
-type ReplaneProviderAsync = ReturnType<typeof ReplaneProviderAsync>;
-export default ReplaneProviderAsync;
-//# sourceMappingURL=ReplaneProviderAsync.svelte.d.ts.map

package/dist/ReplaneProviderAsync.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReplaneProviderAsync.svelte.d.ts","sourceRoot":"","sources":["../src/ReplaneProviderAsync.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,yBAAyB;IACxC,0CAA0C;IAC1C,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACnC,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AA0EH,QAAA,MAAM,oBAAoB,+DAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}