github-actions[bot] 9adcc09204 chore: version packages (#248) 3 maanden geleden
..
scripts a66aef17f9 stripe updates (#121) 4 maanden geleden
src d904d45150 fix schema import to use server-safe subpath (#146) 4 maanden geleden
.env.example a66aef17f9 stripe updates (#121) 4 maanden geleden
CHANGELOG.md 9adcc09204 chore: version packages (#248) 3 maanden geleden
README.md a66aef17f9 stripe updates (#121) 4 maanden geleden
eslint.config.js 3201854481 external store adapter for state management (#139) 4 maanden geleden
jest.config.js a66aef17f9 stripe updates (#121) 4 maanden geleden
package.json 9adcc09204 chore: version packages (#248) 3 maanden geleden
pnpm-lock.yaml a66aef17f9 stripe updates (#121) 4 maanden geleden
stripe-app.template.json a66aef17f9 stripe updates (#121) 4 maanden geleden
tsconfig.json a66aef17f9 stripe updates (#121) 4 maanden geleden
ui-extensions.d.ts a66aef17f9 stripe updates (#121) 4 maanden geleden

README.md

Stripe App (Drawer)

A Stripe App example demonstrating how to use json-render to build dynamic, AI-generated UI in the Stripe Dashboard drawer.

Views

  • Home - Revenue dashboard with AI-powered UI generation
  • Customers - Customer list and management
  • Customer Details - Individual customer view
  • Payments - Payment list and details
  • Subscriptions - Subscription management
  • Invoices - Invoice list
  • Products - Product catalog

Setup

pnpm install

cp .env.example .env
# Optionally set STRIPE_APP_ID to your own app ID

pnpm setup

Running

Start the API server first (from ../api):

cd ../api && pnpm dev

Then start the Stripe app:

stripe apps start

How It Works

  1. Component Catalog - Maps json-render component types to Stripe UIXT components
  2. Action Handlers - Stripe operations (refunds, subscriptions, etc.)
  3. StripeRenderer - Custom renderer connecting json-render specs to Stripe components
  4. Views - Each view fetches data from the Stripe API and renders it using json-render specs