@base316/react 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,35 @@
+# @base316/react
+
+## 0.2.0
+
+The first release since `0.1.0` on 13 September. The package shipped **8
+components** then and ships **28** now, all additive.
+
+### Added
+
+Identity and account surfaces:
+
+- `AcceptInvitation`, `ActiveSessions`, `ApiKeyManager`, `DeviceApproval`,
+  `ForgotPassword`, `ResetPassword`, `PrivacyControls`.
+
+Data surfaces, for the customer's own collections:
+
+- `DataTable`, `RecordDetail`, `RecordForm`, `RelationPicker`, `Kanban`,
+  `Chart`.
+
+Billing surfaces:
+
+- `PayInvoice`, and additions to `Invoices`, `PricingTable` and
+  `SubscriptionManager`.
+
+### Fixed
+
+- Test type declarations are no longer published. `tsconfig.build.json`
+  excluded `**/*.test.ts` while every test here is `.test.tsx`, so 24
+  `.test.d.ts` files shipped inside `0.1.0`. The tarball drops from 104 files
+  to 80.
+
+### Note
+
+This package depends on `@base316/sdk` by exact version — `0.2.0` — so that
+package has to be on npm first or an install of this one cannot resolve.

package/README.md

@@ -14,11 +14,11 @@ npm install @base316/react @base316/sdk
 import { Base316Provider } from "@base316/react";
 
 export default function App({ children }) {
-  return (
-    <Base316Provider publishableKey={process.env.NEXT_PUBLIC_BASE316_KEY}>
-      {children}
-    </Base316Provider>
-  );
+	return (
+		<Base316Provider publishableKey={process.env.NEXT_PUBLIC_BASE316_KEY}>
+			{children}
+		</Base316Provider>
+	);
 }
 ```
 
@@ -32,7 +32,7 @@ these components look like here. No colours to keep in step in two places.
 import { SignIn } from "@base316/react";
 
 export default function LoginPage() {
-  return <SignIn onSignedIn={() => router.push("/app")} />;
+	return <SignIn onSignedIn={() => router.push("/app")} />;
 }
 ```
 
@@ -47,11 +47,11 @@ point your users at the link in the dashboard and they come back signed in.
 
 ```tsx
 import {
-  UserProfile,          // email, password, sessions, two-factor
-  PricingTable,         // your plans, with a checkout button
-  SubscriptionManager,  // what they are on, and how to change it
-  Invoices,             // what they have been billed
-  Branding,             // your logo and name, as configured
+	UserProfile, // email, password, sessions, two-factor
+	PricingTable, // your plans, with a checkout button
+	SubscriptionManager, // what they are on, and how to change it
+	Invoices, // what they have been billed
+	Branding, // your logo and name, as configured
 } from "@base316/react";
 ```
 
@@ -59,7 +59,7 @@ import {
 
 Three ways, from least to most invasive. Use the first that works.
 
-**1. The dashboard.** Whatever you set under *Sign-in pages* — brand colour,
+**1. The dashboard.** Whatever you set under _Sign-in pages_ — brand colour,
 background, logo — arrives here automatically.
 
 **2. `appearance` tokens.** No CSS to write:
@@ -85,10 +85,10 @@ look broken in ways neither side can predict.
 import { useSession } from "@base316/react";
 
 function Greeting() {
-  const { session, loading } = useSession();
+	const { session, loading } = useSession();
 
-  if (loading) return null;
-  return session ? <p>Hello {session.user.email}</p> : <a href="/login">Sign in</a>;
+	if (loading) return null;
+	return session ? <p>Hello {session.user.email}</p> : <a href="/login">Sign in</a>;
 }
 ```