12 | Sign in to continue. 13 |
14 |11 | You're awesome. Thank you very much for signing up for Supaboard! If 12 | you need help with anything, don't hesitate to contact us. 13 |
14 |17 | Create a new account to get started. 18 |
19 |11 | Create a new workspace 12 |
13 | 14 |23 | Manage your personal account information 24 |
25 |
47 |
48 |
49 | )
50 | }
51 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "supaboard",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@headlessui/react": "^1.7.15",
13 | "@heroicons/react": "^2.0.18",
14 | "@highlight-run/next": "^4.0.0",
15 | "@react-email/components": "^0.0.7",
16 | "@stripe/stripe-js": "^1.54.1",
17 | "@supabase/auth-helpers-nextjs": "^0.7.3",
18 | "@supabase/auth-ui-react": "^0.4.2",
19 | "@supabase/auth-ui-shared": "^0.1.6",
20 | "@supabase/supabase-js": "^2.26.0",
21 | "@tippyjs/react": "^4.2.6",
22 | "autoprefixer": "10.4.14",
23 | "common-tags": "^1.8.2",
24 | "crisp-sdk-web": "^1.0.21",
25 | "encoding": "^0.1.13",
26 | "eslint": "8.43.0",
27 | "eslint-config-next": "13.4.7",
28 | "mysql2": "^3.6.0",
29 | "next": "^13.4.8",
30 | "next-build-id": "^3.0.0",
31 | "pg": "^8.11.1",
32 | "postcss": "8.4.24",
33 | "posthog-js": "^1.75.3",
34 | "react": "18.2.0",
35 | "react-apexcharts": "^1.4.0",
36 | "react-dom": "18.2.0",
37 | "react-email": "^1.9.4",
38 | "react-grid-layout": "^1.3.4",
39 | "reactflow": "^11.7.4",
40 | "resend": "^0.17.1",
41 | "rsuite": "^5.37.3",
42 | "server-only": "^0.0.1",
43 | "sonner": "^0.5.0",
44 | "stripe": "^12.13.0",
45 | "tailwindcss": "3.3.2",
46 | "tedious": "^16.1.0",
47 | "vercel-submodules": "^1.0.10",
48 | "zustand": "^4.3.8"
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/config/permissions.js:
--------------------------------------------------------------------------------
1 | export const permissions = {
2 |
3 | "Free": {
4 | "create:segment": {
5 | limit: 0,
6 | },
7 | "create:dashboard": {
8 | limit: 1,
9 | },
10 | "create:workflow": {
11 | limit: 0,
12 | },
13 | "create:datasource": {
14 | limit: 1,
15 | },
16 | "invite:member": false,
17 | "create:workspace": {
18 | type: "personal",
19 | },
20 | },
21 |
22 | "Starter": {
23 | "create:segment": {
24 | limit: 3,
25 | },
26 | "create:dashboard": {
27 | limit: 3,
28 | },
29 | "create:workflow": {
30 | limit: 3,
31 | },
32 | "create:datasource": {
33 | limit: 3,
34 | },
35 | "invite:member": false,
36 | "create:workspace": {
37 | type: "personal",
38 | },
39 | },
40 |
41 | "Business": {
42 | "create:segment": {
43 | limit: -1,
44 | },
45 | "create:dashboard": {
46 | limit: 25,
47 | },
48 | "create:workflow": {
49 | limit: 5,
50 | },
51 | "create:datasource": {
52 | limit: 5,
53 | },
54 | "invite:member": true,
55 | "create:workspace": {
56 | type: "team",
57 | limit: 5
58 | },
59 | "create:exports": {
60 | allowed: true,
61 | },
62 | },
63 |
64 | "Enterprise": {
65 | "create:segment": {
66 | limit: 9999999,
67 | },
68 | "create:dashboard": {
69 | limit: 9999999,
70 | },
71 | "create:workflow": {
72 | limit: 9999999,
73 | },
74 | "create:datasource": {
75 | limit: 9999999,
76 | },
77 | "invite:member": true,
78 | "create:workspace": {
79 | type: "team",
80 | limit: 9999999
81 | },
82 | "create:exports": {
83 | allowed: true,
84 | },
85 | }
86 | }
87 |
--------------------------------------------------------------------------------
/src/middleware.js:
--------------------------------------------------------------------------------
1 | import { createMiddlewareClient } from "@supabase/auth-helpers-nextjs"
2 | import { NextResponse } from "next/server"
3 | import { getUserAccounts } from "@/lib/auth"
4 | import { applySetCookie } from "@/util"
5 |
6 | export async function middleware(req) {
7 | const res = NextResponse.next()
8 | const supabase = createMiddlewareClient({ req, res })
9 | await supabase.auth.getSession()
10 |
11 | const { data: { user } } = await supabase.auth.getUser()
12 |
13 | // if user is not signed in redirect the user to /
14 | if (!user) {
15 | return NextResponse.redirect(new URL("/login", req.url))
16 | }
17 |
18 | // if user is signed in and the account_id cookie is not set, set the account_id cookie to the first account
19 | if (!req.cookies.get("account_id")) {
20 | const supabaseSupaboard = createMiddlewareClient({ req, res }, {
21 | options: {
22 | db: { schema: "supaboard" }
23 | }
24 | })
25 | let accounts = await getUserAccounts(supabaseSupaboard, user.id)
26 | if (accounts.length) {
27 | const response = NextResponse.next()
28 | response.cookies.set("account_id", accounts[0].account_id)
29 | applySetCookie(req, response)
30 | return response
31 | }
32 | } else {
33 | const response = NextResponse.next()
34 | response.cookies.set("account_id", req.cookies.get("account_id").value)
35 | applySetCookie(req, response)
36 | return response
37 | }
38 |
39 | return res
40 | }
41 |
42 | export const config = {
43 | matcher: [
44 | "/",
45 | "/overview",
46 | "/dashboards",
47 | "/databases",
48 | "/segments",
49 | "/settings/:path*",
50 | ]
51 | }
52 |
--------------------------------------------------------------------------------
/src/app/api/counts/route.js:
--------------------------------------------------------------------------------
1 | import { NextResponse } from "next/server"
2 | import { cookies } from "next/headers"
3 | import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs"
4 | import { checkUserAllowed } from "@/lib/auth"
5 |
6 |
7 | export async function GET(req) {
8 | const account_id = cookies().get("account_id")?.value
9 | const supabase = createRouteHandlerClient({ cookies }, {
10 | options: {
11 | db: { schema: "supaboard" }
12 | }
13 | })
14 |
15 | const { data: { session } } = await supabase.auth.getSession()
16 | if (!session) throw new Error("Not authenticated")
17 |
18 | let dbQuery = supabase.from("databases").select("*", { count: "exact"})
19 | let dashboardQuery = supabase.from("dashboards").select("*", { count: "exact"})
20 | let segmentQuery = supabase.from("segments").select("*", { count: "exact"})
21 |
22 | if (process.env.IS_PLATFORM) {
23 | dbQuery = dbQuery.eq("account_id", account_id)
24 | dashboardQuery = dashboardQuery.eq("account_id", account_id)
25 | segmentQuery = segmentQuery.eq("account_id", account_id)
26 | }
27 |
28 | const { data: databases, error: dbError } = await dbQuery
29 | const { data: dashboards, error: dahbordError } = await dashboardQuery
30 | const { data: segments, error: segmentError } = await segmentQuery
31 |
32 | if (dbError || dahbordError || segmentError) {
33 | console.log(dbError, dahbordError, segmentError)
34 | throw new Error("Failed to fetch data")
35 | }
36 |
37 | return NextResponse.json({
38 | databases: databases?.length || 0,
39 | dashboards: dashboards?.length || 0,
40 | segments: segments?.length || 0,
41 | })
42 | }
43 |
--------------------------------------------------------------------------------
/src/app/(app)/settings/billing/page.js:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import { useState, useEffect } from "react"
4 | import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"
5 | import PricingSection from "@/components/settings/PricingSection"
6 | import SubscriptionSettings from "@/components/settings/SubscriptionSettings"
7 | import Loading from "@/components/Loading"
8 |
9 |
10 | export default function Billing() {
11 | const [user, setUser] = useState(null)
12 | const [activeSubscription, setActiveSubscription] = useState(null)
13 | const [loading, setLoading] = useState(true)
14 | const [activeAccount, setActiveAccount] = useState(null)
15 | const supabase = createClientComponentClient({
16 | options: {
17 | db: { schema: "supaboard" }
18 | }
19 | })
20 |
21 | useEffect(() => {
22 | const getAccounts = async () => {
23 | setActiveAccount(document.cookie.split("; ").find(row => row.startsWith("account_id")).split("=")[1])
24 | const { data: { session } } = await supabase.auth.getSession()
25 | setUser(session.user)
26 | }
27 |
28 | getAccounts()
29 | }, [])
30 |
31 |
32 | useEffect(() => {
33 | if (!activeAccount) return
34 |
35 | const getAccountBillingStatus = async () => {
36 | const res = await fetch(`${process.env.NEXT_PUBLIC_APP_URL}/api/payments-api/status`)
37 | const data = await res.json()
38 | setActiveSubscription(data.subscription)
39 | setLoading(false)
40 | }
41 |
42 | getAccountBillingStatus()
43 | }, [activeAccount])
44 |
45 | return (
46 |
47 |