bknd is dead long live userbase

examples/tanstack-start/src/bknd.ts

@@ -1,5 +1,6 @@
-import config from "../bknd.config";
-import { getApp } from "bknd/adapter/tanstack-start";
+
+import config from "../userbase.config";
+import { getApp } from "userbase/adapter/tanstack-start";
 
 export async function getApi({
   headers,

examples/tanstack-start/src/components/Footer.tsx

@@ -34,7 +34,7 @@ export function Footer() {
       </Link>
       <Link
         className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-        to={"https://bknd.io" as string}
+        to={"https://userbase.io" as string}
         target="_blank"
         rel="noopener noreferrer"
       >
@@ -45,7 +45,7 @@ export function Footer() {
           width={16}
           height={16}
         />
-        Go to bknd.io →
+        Go to userbase.io →
       </Link>
     </footer>
   );

examples/tanstack-start/src/routes/__root.tsx

@@ -1,7 +1,7 @@
 import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
 import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
 import { TanStackDevtools } from "@tanstack/react-devtools";
-import { ClientProvider } from "bknd/client";
+import { ClientProvider } from "userbase/client";
 
 import appCss from "../styles.css?url";
 
@@ -16,7 +16,7 @@ export const Route = createRootRoute({
         content: "width=device-width, initial-scale=1",
       },
       {
-        title: "TanStack 🤝 Bknd.io",
+        title: "TanStack 🤝 Userbase.io",
       },
     ],
     links: [

examples/tanstack-start/src/routes/admin.$.tsx

@@ -1,7 +1,7 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { useAuth } from "bknd/client";
-import "bknd/dist/styles.css";
-import { Admin } from "bknd/ui";
+import { useAuth } from "userbase/client";
+import "userbase/dist/styles.css";
+import { Admin } from "userbase/ui";
 
 export const Route = createFileRoute("/admin/$")({
   ssr: false, // "data-only" works too

examples/tanstack-start/src/routes/api.$.ts

@@ -1,6 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router";
-import config from "../../bknd.config";
-import { serve } from "bknd/adapter/tanstack-start";
+import config from "../../userbase.config";
+import { serve } from "userbase/adapter/tanstack-start";
 
 const handler = serve(config);
 

examples/tanstack-start/src/routes/index.tsx

@@ -2,7 +2,7 @@ import {
   createFileRoute,
   useRouter,
 } from "@tanstack/react-router";
-import { getApi } from "@/bknd";
+import { getApi } from "@/userbase";
 import { createServerFn, useServerFn } from "@tanstack/react-start";
 import { Footer } from "@/components/Footer";
 import { List } from "@/components/List";
@@ -83,8 +83,8 @@ function App() {
           <div className="ml-3.5 mr-2 font-mono opacity-70">&amp;</div>
           <img
             className="dark:invert"
-            src="/bknd.svg"
-            alt="bknd logo"
+            src="/userbase.svg"
+            alt="userbase logo"
             width={183}
             height={59}
           />

examples/tanstack-start/src/routes/ssr.tsx

@@ -1,4 +1,4 @@
-import { getApi } from "@/bknd";
+import { getApi } from "@/userbase";
 import { createServerFn } from "@tanstack/react-start";
 import { Link } from "@tanstack/react-router";
 import { createFileRoute } from "@tanstack/react-router";
@@ -43,8 +43,8 @@ function RouteComponent() {
           <div className="ml-3.5 mr-2 font-mono opacity-70">&amp;</div>
           <img
             className="dark:invert"
-            src="/bknd.svg"
-            alt="bknd logo"
+            src="/userbase.svg"
+            alt="userbase logo"
             width={183}
             height={59}
           />
@@ -77,7 +77,7 @@ function RouteComponent() {
               <p className="text-xs opacity-50">
                 Sign in with:{" "}
                 <b>
-                  <code>test@bknd.io</code>
+                  <code>test@userbase.io</code>
                 </b>{" "}
                 /{" "}
                 <b>
@@ -98,22 +98,22 @@ function Buttons() {
     <div className="flex gap-4 items-center flex-col sm:flex-row">
       <a
         className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground gap-2 text-white hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
-        href="https://bknd.io/"
+        href="https://userbase.io/"
         target="_blank"
         rel="noopener noreferrer"
       >
         <img
           className="grayscale"
-          src="/bknd.ico"
-          alt="bknd logomark"
+          src="/userbase.ico"
+          alt="userbase logomark"
           width={20}
           height={20}
         />
-        Go To Bknd.io
+        Go To Userbase.io
       </a>
       <a
         className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
-        href="https://docs.bknd.io/integration/tanstack-start"
+        href="https://docs.userbase.io/integration/tanstack-start"
         target="_blank"
         rel="noopener noreferrer"
       >