Fix Expo user attribute removal docs

content/shared/user-management/setting-user-properties.mdx

@@ -5,11 +5,31 @@ description: "Customize paywalls and target users by setting user attributes"
 
 By setting user attributes, you can display information about the user on the paywall. You can also define [audiences](/dashboard/dashboard-campaigns/campaigns-audience) in a campaign to determine which paywall to show to a user, based on their user attributes.
 
+:::ios
 <Note>
 If a paywall uses the **Set user attributes** action, the merged attributes are sent back to your app via `SuperwallDelegate.userAttributesDidChange(newAttributes:)`.
 </Note>
+:::
 
-You do this by passing a `[String: Any?]` dictionary of attributes to `Superwall.shared.setUserAttributes(_:)`:
+:::android
+<Note>
+If a paywall uses the **Set user attributes** action, the merged attributes are sent back to your app via `SuperwallDelegate.userAttributesDidChange(newAttributes:)`.
+</Note>
+:::
+
+:::flutter
+<Note>
+If a paywall uses the **Set user attributes** action, the merged attributes are sent back to your app via `SuperwallDelegate.userAttributesDidChange(newAttributes:)`.
+</Note>
+:::
+
+:::expo
+<Note>
+If a paywall uses the **Set user attributes** action, the merged attributes are sent back to your app via the `onUserAttributesChange` callback in `useSuperwallEvents`.
+</Note>
+:::
+
+You do this by passing an attributes dictionary or object to the SDK:
 
 :::ios
 <CodeGroup>
@@ -106,9 +126,40 @@ function UserProfile() {
 
 ## Usage
 
-This is a merge operation, such that if the existing user attributes dictionary
+This is a merge operation, such that if the existing user attributes
 already has a value for a given property, the old value is overwritten. Other
-existing properties will not be affected. To unset/delete a value, you can pass `nil`
-for the value.
+existing properties will not be affected.
+
+:::ios
+To unset/delete a user attribute, pass `nil` for that attribute name:
+
+```swift Swift
+Superwall.shared.setUserAttributes(["profilePic": nil])
+```
+:::
+
+:::android
+To unset/delete a user attribute, pass `null` for that attribute name:
+
+```kotlin Kotlin
+Superwall.instance.setUserAttributes(mapOf("profilePic" to null))
+```
+:::
+
+:::flutter
+The Flutter SDK accepts non-null user attribute values. It does not currently support deleting an attribute by passing `null`.
+:::
+
+:::expo
+To unset/delete a user attribute, pass `null` for that attribute name. `undefined` keys are ignored before they cross the Expo bridge.
+
+```tsx React Native
+await update({
+  profilePic: null,
+});
+```
+
+Nullable user attributes require `expo-superwall` 1.0.5 or later.
+:::
 
 You can reference user attributes in [audience filters](/dashboard/dashboard-campaigns/campaigns-audience) to help decide when to display your paywall. When you configure your paywall, you can also reference the user attributes in its text variables. For more information on how to that, see [Configuring a Paywall](/dashboard/dashboard-creating-paywalls/paywall-editor-overview).

src/routes/api/search.ts

@@ -1,15 +1,17 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { createDocsSearchApi } from "@/lib/search";
 
-let server:
-  | ReturnType<typeof createDocsSearchApi>
-  | null = null;
+type DocsSearchServer = {
+  GET(request: Request): Response | Promise<Response>;
+};
 
-function getServer() {
+let server: DocsSearchServer | null = null;
+
+async function getServer() {
   if (server) return server;
 
   // In development, the fetch-based search client still hits this route.
   // The production client loads a prebuilt FlexSearch index instead.
+  const { createDocsSearchApi } = await import("@/lib/search");
   server = createDocsSearchApi();
 
   return server;
@@ -23,6 +25,6 @@ export const Route = createFileRoute("/api/search")({
   },
 });
 
-export function handleSearchGet(request: Request) {
-  return getServer().GET(request);
+export async function handleSearchGet(request: Request) {
+  return (await getServer()).GET(request);
 }

src/routes/llms[.]mdx.docs.$.ts

@@ -1,14 +1,14 @@
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import {
-  buildMarkdownRouteResponse,
-  getMarkdownRouteBody,
-  slugsFromMarkdownSplat,
-} from "@/lib/markdown-route";
 
 export const Route = createFileRoute("/llms.mdx/docs/$")({
   server: {
     handlers: {
       GET: async ({ params, request }) => {
+        const {
+          buildMarkdownRouteResponse,
+          getMarkdownRouteBody,
+          slugsFromMarkdownSplat,
+        } = await import("@/lib/markdown-route");
         const slugs = slugsFromMarkdownSplat(params._splat);
         const body = await getMarkdownRouteBody(slugs, request);
         if (!body) throw notFound();

src/routes/llms[.]mdx.docs.index.ts

@@ -1,10 +1,12 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { buildMarkdownRouteResponse, getMarkdownRouteBody } from "@/lib/markdown-route";
 
 export const Route = createFileRoute("/llms.mdx/docs/")({
   server: {
     handlers: {
       GET: async ({ request }) => {
+        const { buildMarkdownRouteResponse, getMarkdownRouteBody } = await import(
+          "@/lib/markdown-route"
+        );
         return buildMarkdownRouteResponse(await getMarkdownRouteBody([], request), []);
       },
     },

src/routes/sdk/{$}[.]md.ts

@@ -1,15 +1,15 @@
 import { createFileRoute } from "@tanstack/react-router";
-import {
-  buildMarkdownRouteResponse,
-  getMarkdownForPageSlugs,
-  slugsFromMarkdownSplat,
-} from "@/lib/markdown-route";
 
 async function getSdkMarkdownResponse(
   params: { _splat?: string },
   request: Request,
   includeBody = true,
 ) {
+  const {
+    buildMarkdownRouteResponse,
+    getMarkdownForPageSlugs,
+    slugsFromMarkdownSplat,
+  } = await import("@/lib/markdown-route");
   const slugs = ["sdk", ...slugsFromMarkdownSplat(params._splat)];
   const body = await getMarkdownForPageSlugs(slugs, request);
   return buildMarkdownRouteResponse(includeBody ? body! : null, slugs);

src/routes/sdk/{$}[.]mdx.ts

@@ -1,15 +1,15 @@
 import { createFileRoute } from "@tanstack/react-router";
-import {
-  buildMarkdownRouteResponse,
-  getMarkdownForPageSlugs,
-  slugsFromMarkdownSplat,
-} from "@/lib/markdown-route";
 
 async function getSdkMarkdownResponse(
   params: { _splat?: string },
   request: Request,
   includeBody = true,
 ) {
+  const {
+    buildMarkdownRouteResponse,
+    getMarkdownForPageSlugs,
+    slugsFromMarkdownSplat,
+  } = await import("@/lib/markdown-route");
   const slugs = ["sdk", ...slugsFromMarkdownSplat(params._splat)];
   const body = await getMarkdownForPageSlugs(slugs, request);
   return buildMarkdownRouteResponse(includeBody ? body! : null, slugs);

src/routes/sdk[.]md.ts

@@ -1,7 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { buildMarkdownRouteResponse, getMarkdownForPageSlugs } from "@/lib/markdown-route";
 
 async function getSdkMarkdownResponse(request: Request, includeBody = true) {
+  const { buildMarkdownRouteResponse, getMarkdownForPageSlugs } = await import(
+    "@/lib/markdown-route"
+  );
   const slugs = ["sdk"];
   const body = await getMarkdownForPageSlugs(slugs, request);
   return buildMarkdownRouteResponse(includeBody ? body! : null, slugs);

src/routes/sdk[.]mdx.ts

@@ -1,7 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { buildMarkdownRouteResponse, getMarkdownForPageSlugs } from "@/lib/markdown-route";
 
 async function getSdkMarkdownResponse(request: Request, includeBody = true) {
+  const { buildMarkdownRouteResponse, getMarkdownForPageSlugs } = await import(
+    "@/lib/markdown-route"
+  );
   const slugs = ["sdk"];
   const body = await getMarkdownForPageSlugs(slugs, request);
   return buildMarkdownRouteResponse(includeBody ? body! : null, slugs);

src/routes/sitemap[.]xml.ts

@@ -1,11 +1,11 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { source } from "@/lib/source";
 import { buildSitemapXml, getSitemapEntries } from "@/lib/sitemap";
 
 export const Route = createFileRoute("/sitemap.xml")({
   server: {
     handlers: {
       GET: async () => {
+        const { source } = await import("@/lib/source");
         const pagePaths = source.getPages().map((page) => page.url);
         const xml = buildSitemapXml(getSitemapEntries(pagePaths));
 

src/routes/{$}[.]md.ts

@@ -1,15 +1,15 @@
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import {
-  buildMarkdownRouteResponse,
-  getMarkdownForPageSlugs,
-  slugsFromMarkdownSplat,
-} from "@/lib/markdown-route";
 
 async function getMarkdownResponse(
   params: { _splat?: string },
   request: Request,
   includeBody = true,
 ) {
+  const {
+    buildMarkdownRouteResponse,
+    getMarkdownForPageSlugs,
+    slugsFromMarkdownSplat,
+  } = await import("@/lib/markdown-route");
   const slugs = slugsFromMarkdownSplat(params._splat);
   const body = await getMarkdownForPageSlugs(slugs, request);
   if (!body) throw notFound();

src/routes/{$}[.]mdx.ts

@@ -1,15 +1,15 @@
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import {
-  buildMarkdownRouteResponse,
-  getMarkdownForPageSlugs,
-  slugsFromMarkdownSplat,
-} from "@/lib/markdown-route";
 
 async function getMarkdownResponse(
   params: { _splat?: string },
   request: Request,
   includeBody = true,
 ) {
+  const {
+    buildMarkdownRouteResponse,
+    getMarkdownForPageSlugs,
+    slugsFromMarkdownSplat,
+  } = await import("@/lib/markdown-route");
   const slugs = slugsFromMarkdownSplat(params._splat);
   const body = await getMarkdownForPageSlugs(slugs, request);
   if (!body) throw notFound();

vite.config.ts

@@ -66,6 +66,14 @@ export default defineConfig({
     tanstackStart({
       router: {
         basepath: "/docs",
+        codeSplittingOptions: {
+          defaultBehavior: [
+            ["loader"],
+            ["component"],
+            ["pendingComponent"],
+            ["errorComponent", "notFoundComponent"],
+          ],
+        },
       },
       prerender: {
         enabled: true,