fix: type, exports, examples, and docs

Author: Swiftwork

packages/browser-sdk/src/client.ts

@@ -695,8 +695,8 @@ export class ReflagClient {
    * @param flags The flags to update.
    * @param triggerEvent Whether to trigger the `flagsUpdated` event.
    */
-  updateFlags(...args: Parameters<FlagsClient["setFetchedFlags"]>) {
-    this.flagsClient.setFetchedFlags(...args);
+  updateFlags(flags: RawFlags, triggerEvent = true) {
+    this.flagsClient.setFetchedFlags(flags, triggerEvent);
   }
 
   /**

packages/browser-sdk/src/context.ts

@@ -1,5 +1,6 @@
 /**
  * Context is a set of key-value pairs.
+ * This is used to determine if feature targeting matches and to track events.
  * Id should always be present so that it can be referenced to an existing company.
  */
 export interface CompanyContext {
@@ -19,6 +20,11 @@ export interface CompanyContext {
   [key: string]: string | number | undefined;
 }
 
+/**
+ * Context is a set of key-value pairs.
+ * This is used to determine if feature targeting matches and to track events.
+ * Id should always be present so that it can be referenced to an existing user.
+ */
 export interface UserContext {
   /**
    * User id
@@ -41,6 +47,10 @@ export interface UserContext {
   [key: string]: string | number | undefined;
 }
 
+/**
+ * Context is a set of key-value pairs.
+ * This is used to determine if feature targeting matches and to track events.
+ */
 export interface ReflagContext {
   /**
    * Company related context. If you provide `id` Reflag will enrich the evaluation context with
@@ -60,6 +70,10 @@ export interface ReflagContext {
   other?: Record<string, string | number | undefined>;
 }
 
+/**
+ * @deprecated Use `ReflagContext` instead, this interface will be removed in the next major version
+ * @internal
+ */
 export interface ReflagDeprecatedContext extends ReflagContext {
   /**
    * Context which is not related to a user or a company.

packages/browser-sdk/src/hooksManager.ts

@@ -1,6 +1,9 @@
 import { CheckEvent, RawFlags } from "./flag/flags";
 import { CompanyContext, UserContext } from "./context";
 
+/**
+ * State of the client.
+ */
 export type State = "idle" | "initializing" | "initialized" | "stopped";
 
 export interface HookArgs {

packages/browser-sdk/src/index.ts

@@ -6,7 +6,12 @@ export type {
   ToolbarOptions,
 } from "./client";
 export { ReflagClient } from "./client";
-export type { CompanyContext, ReflagContext, UserContext } from "./context";
+export type {
+  CompanyContext,
+  ReflagContext,
+  ReflagDeprecatedContext,
+  UserContext,
+} from "./context";
 export type {
   Feedback,
   FeedbackOptions,
@@ -35,7 +40,7 @@ export type {
   RawFlag,
   RawFlags,
 } from "./flag/flags";
-export type { HookArgs, TrackEvent } from "./hooksManager";
+export type { HookArgs, State, TrackEvent } from "./hooksManager";
 export type { Logger } from "./logger";
 export { feedbackContainerId, propagatedEvents } from "./ui/constants";
 export type {

packages/react-sdk/src/index.tsx

@@ -172,7 +172,10 @@ type ProviderContextType = {
 
 const ProviderContext = createContext<ProviderContextType | null>(null);
 
-type ReflagClientProviderProps = ReflagPropsBase & {
+/**
+ * Props for the ReflagClientProvider.
+ */
+export type ReflagClientProviderProps = ReflagPropsBase & {
   client: ReflagClient;
   loadingComponent?: ReactNode;
 };

packages/vue-sdk/dev/plain/components/FlagsList.vue

@@ -50,7 +50,7 @@
               style="margin-left: auto"
               @change="
                 (e) => {
-                  const isChecked = e.target.checked;
+                  const isChecked = (e.target as HTMLInputElement).checked;
                   const isEnabledOverride = flag.isEnabledOverride !== null;
                   toggleFlag(flagKey, !isEnabledOverride ? isChecked : null);
                 }
@@ -83,25 +83,20 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
+import { computed, ref } from "vue";
 
 import { useClient, useClientEvent } from "../../../src";
 
 import Section from "./Section.vue";
 
 const client = useClient();
-const flagsData = ref({});
+const flagsData = ref(client.getFlags());
 
 // Update flags data when flags are updated
 function updateFlags() {
   flagsData.value = client.getFlags();
 }
 
-// Initial load
-onMounted(() => {
-  updateFlags();
-});
-
 // Update flags data when flags are updated
 useClientEvent("flagsUpdated", updateFlags);
 
@@ -114,7 +109,7 @@ function resetOverride(flagKey: string) {
   updateFlags();
 }
 
-function toggleFlag(flagKey: string, checked: boolean) {
+function toggleFlag(flagKey: string, checked: boolean | null) {
   // Use simplified logic similar to React implementation
   client.getFlag(flagKey).setIsEnabledOverride(checked);
   updateFlags();

packages/vue-sdk/src/index.ts

@@ -20,10 +20,13 @@ export type {
   BootstrappedFlags,
   EmptyFlagRemoteConfig,
   Flag,
+  Flags,
   FlagType,
   ReflagBootstrappedProps,
+  ReflagInitOptionsBase,
   ReflagProps,
   RequestFlagFeedbackOptions,
+  TypedFlags,
 } from "./types";
 export type {
   CheckEvent,