6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/src/components/ui/icons/index.tsx:
--------------------------------------------------------------------------------
1 | export * from "./check-circle-fill";
2 | export { default as FontDefault } from "./font-default";
3 | export { default as FontMono } from "./font-mono";
4 | export { default as FontSerif } from "./font-serif";
5 | export { default as Github } from "./github";
6 | export * from "./loading-circle";
7 | export * from "./magic";
8 |
--------------------------------------------------------------------------------
/src/components/ui/theme-provider.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { ThemeProvider as NextThemesProvider } from "next-themes";
4 | import { type ThemeProviderProps } from "next-themes/dist/types";
5 |
6 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
7 | return
11 | {icon}
12 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/styles/font.ts:
--------------------------------------------------------------------------------
1 | import { Inter } from "next/font/google";
2 | import localFont from "next/font/local";
3 |
4 | export const satoshi = localFont({
5 | src: "./Satoshi-Variable.woff2",
6 | variable: "--font-satoshi",
7 | weight: "300 900",
8 | display: "swap",
9 | style: "normal",
10 | });
11 |
12 | export const inter = Inter({
13 | variable: "--font-inter",
14 | subsets: ["latin"],
15 | });
16 |
--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "default",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.ts",
8 | "css": "src/styles/global.css",
9 | "baseColor": "gray",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "@/components",
15 | "utils": "@/lib/utils"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/(auth)/login/credential/page.tsx:
--------------------------------------------------------------------------------
1 | import { LoginWithCredentialsForm } from "./form";
2 |
3 | export default function LoginPage() {
4 | return (
5 | {text}
13 |
6 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "cSpell.words": [
3 | "alphanum",
4 | "clsx",
5 | "deduping",
6 | "DICEBEAR",
7 | "gettask",
8 | "humburger",
9 | "Kanban",
10 | "listview",
11 | "lucide",
12 | "NEXTAUTH",
13 | "orgnise",
14 | "SIGNUP",
15 | "waitlist"
16 | ],
17 | "tailwindCSS.experimental.classRegex": [
18 | ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/create/page.tsx:
--------------------------------------------------------------------------------
1 | import { CreateTeam } from "@/components/team/create/create-team";
2 |
3 | /**
4 | * Terms and conditions page
5 | */
6 | export default function TermsAndConditionPage() {
7 | return (
8 |
7 |
9 |
9 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/(auth)/layout.tsx:
--------------------------------------------------------------------------------
1 | import { Background } from "@/components/ui/background";
2 | import { ReactNode } from "react";
3 |
4 | export const runtime = "edge";
5 |
6 | export default function AuthLayout({ children }: { children: ReactNode }) {
7 | return (
8 | <>
9 |
10 |
12 |
11 | {children}
12 |
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/lib/middleware/api.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 | import { parse } from "../utils";
3 |
4 | export default function ApiMiddleware(req: NextRequest) {
5 | const { path, fullPath } = parse(req);
6 |
7 | // Note: we don't have to account for paths starting with `/api`
8 | // since they're automatically excluded via our middleware matcher
9 | return NextResponse.rewrite(new URL(`/api${fullPath}`, req.url));
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/layout/max-width-wrapper.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/lib/utils";
2 | import { ReactNode } from "react";
3 |
4 | export function MaxWidthWrapper({
5 | className,
6 | children,
7 | }: {
8 | className?: string;
9 | children: ReactNode;
10 | }) {
11 | return (
12 |
18 | {children}
19 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/src/lib/stripe/client.ts:
--------------------------------------------------------------------------------
1 | // Stripe Client SDK
2 | import { Stripe as StripeProps, loadStripe } from "@stripe/stripe-js";
3 |
4 | let stripePromise: Promise
9 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/lib/openapi/collection/index.ts:
--------------------------------------------------------------------------------
1 | import { ZodOpenApiPathsObject } from "zod-openapi";
2 | import { createCollection } from "./create-collection";
3 | import { getCollections } from "./get-collections";
4 | import { reorderItem } from "./reorder-item";
5 |
6 |
7 | export const collectionsPath: ZodOpenApiPathsObject = {
8 | "/collections": {
9 | get: getCollections,
10 | post: createCollection,
11 | },
12 | "/collections/reorder": {
13 | post: reorderItem
14 | }
15 | };
16 |
--------------------------------------------------------------------------------
/src/lib/functions/get-platform.ts:
--------------------------------------------------------------------------------
1 | function getOS() {
2 | const platform = window.navigator.platform,
3 | macosPlatforms = ['macOS', 'Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
4 | windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'];
5 |
6 | let os = null;
7 |
8 | if (macosPlatforms.indexOf(platform) !== -1) {
9 | os = 'MacOS';
10 | } else if (windowsPlatforms.indexOf(platform) !== -1) {
11 | os = 'Windows';
12 | }
13 | return os;
14 | }
15 |
16 | export { getOS };
--------------------------------------------------------------------------------
/src/components/ui/divider.tsx:
--------------------------------------------------------------------------------
1 | export default function Divider({ className }: { className: string }) {
2 | return (
3 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/lib/openapi/teams/index.ts:
--------------------------------------------------------------------------------
1 | import { ZodOpenApiPathsObject } from "zod-openapi";
2 |
3 | import { createTeam } from "./create-team";
4 | import { getTeamInfo } from "./get-team-info";
5 | import { getTeams } from "./get-teams";
6 | import { updateTeam } from "./update-a team";
7 |
8 | export const teamsPath: ZodOpenApiPathsObject = {
9 | "/teams": {
10 | get: getTeams,
11 | post: createTeam,
12 | },
13 | "/teams/{team_slug}": {
14 | get: getTeamInfo,
15 | put: updateTeam
16 | },
17 | };
18 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/settings/layout.tsx:
--------------------------------------------------------------------------------
1 | import SettingsLayout from "@/components/layout/settings-layout";
2 | import { ReactNode } from "react";
3 |
4 | export default function PersonalSettingsLayout({
5 | children,
6 | }: {
7 | children: ReactNode;
8 | }) {
9 | const tabs = [
10 | {
11 | name: "General",
12 | segment: null,
13 | },
14 | {
15 | name: "API Keys",
16 | segment: "tokens",
17 | },
18 | ];
19 |
20 | return
10 | {children}
11 |
12 |
4 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/[workspace_slug]/settings/layout.tsx:
--------------------------------------------------------------------------------
1 | import SettingsLayout from "@/components/layout/settings-layout";
2 | import { ReactNode } from "react";
3 |
4 | export default function PersonalSettingsLayout({
5 | children,
6 | }: {
7 | children: ReactNode;
8 | }) {
9 | const tabs = [
10 | {
11 | name: "General",
12 | segment: null,
13 | },
14 | {
15 | name: "People",
16 | segment: `people`,
17 | },
18 | ];
19 |
20 | return
5 |
6 |
7 |
8 |
9 |
15 |
19 | );
20 | };
21 |
--------------------------------------------------------------------------------
/src/components/icons/three-dots.tsx:
--------------------------------------------------------------------------------
1 | export default function ThreeDots({ className }: { className: string }) {
2 | return (
3 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ui/icons/check-circle-fill.tsx:
--------------------------------------------------------------------------------
1 | export default function CheckCircleFill({ className }: { className?: string }) {
2 | return (
3 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/[workspace_slug]/layout.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import WorkspaceView from "@/components/team/workspace/workspace-view";
3 | import { useParams, usePathname } from "next/navigation";
4 | import { ReactNode } from "react";
5 |
6 | export default function WorkspaceLayout({ children }: { children: ReactNode }) {
7 | const param = useParams() as { team_slug: string; workspace_slug: string };
8 | const pathname = usePathname();
9 | return pathname?.includes(
10 | `/${param?.team_slug}/${param?.workspace_slug}/settings`,
11 | ) ? (
12 | children
13 | ) : (
14 |
16 |
18 | {children}
17 |
6 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/add-example/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | /**
4 | * Terms and conditions page
5 | */
6 | export default function TermsAndConditionPage({
7 | params,
8 | }: {
9 | params: { slug: string };
10 | }) {
11 | return (
12 |
7 |
15 |
8 |
14 |
9 |
13 | 10 | My Workspaces 11 |
12 |
13 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/scripts/get-api-users.ts:
--------------------------------------------------------------------------------
1 | import "dotenv-flow/config";
2 | import mongodb, { databaseName } from "@/lib/mongodb";
3 |
4 |
5 | // npm run script get-api-users
6 | // tsx ./scripts/get-api-users.ts
7 | async function main() {
8 | const client = await mongodb;
9 | const usersCollection = client.db(databaseName).collection("users");
10 |
11 | console.log("\n-------------------- Users --------------------\n");
12 |
13 | const users = await usersCollection.find().toArray();
14 | console.log(users.map((user) => user.email).join(",\n"));
15 | console.log("\n------------------------------------------------\n");
16 |
17 | client.close();
18 | process.exit(0);
19 | }
20 |
21 |
22 | main();
23 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/settings/billing/loading.tsx:
--------------------------------------------------------------------------------
1 | export default function TeamBillingSettingsLoading() {
2 | return (
3 |
14 |
21 |
15 |
20 |
16 | {/*
19 |
4 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/lib/db-schema/collection.schema.ts:
--------------------------------------------------------------------------------
1 | // import Mongoose from "mongoose";
2 | // const Schema = Mongoose.Schema;
3 |
4 | import { ObjectId } from "mongodb";
5 | import { MetaSchema } from "./team.schema";
6 |
7 | export interface CollectionDbSchema {
8 | _id: ObjectId;
9 | object: "item" | "collection";
10 | workspace: ObjectId;
11 | children: any;
12 | team: ObjectId;
13 | parent: ObjectId | null;
14 | /**
15 | * @deprecated title is deprecated, use name instead
16 | */
17 | title: string;
18 | name: string;
19 | content: string;
20 | sortIndex: number;
21 | meta: MetaSchema;
22 | createdAt: Date;
23 | createdBy: ObjectId;
24 | updatedBy?: ObjectId;
25 | updatedAt: Date;
26 | }
27 |
--------------------------------------------------------------------------------
/scripts/run.ts:
--------------------------------------------------------------------------------
1 | // runner.ts
2 | import { exec } from "child_process";
3 |
4 | const command: string = process.argv[2];
5 |
6 | if (!command) {
7 | console.error("Please provide a command name.");
8 | process.exit(1);
9 | }
10 |
11 | const scriptPath = `./scripts/${command}.${command === "send-emails" ? "tsx" : "ts"
12 | }`;
13 |
14 | console.log(`Running script: ${scriptPath}`);
15 |
16 | exec(
17 | `tsx --stack-size=5120000 ${scriptPath}`,
18 | { maxBuffer: 1024 * 5000 },
19 | (error, stdout, stderr) => {
20 | if (error) {
21 | console.error(`Error executing script: ${error.message}`);
22 | return;
23 | }
24 | console.log(stdout);
25 | console.error(stderr);
26 | },
27 | );
28 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "noEmit": true,
9 | "esModuleInterop": true,
10 | "module": "esnext",
11 | "moduleResolution": "bundler",
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "jsx": "preserve",
15 | "incremental": true,
16 | "plugins": [
17 | {
18 | "name": "next"
19 | }
20 | ],
21 | "paths": {
22 | "@/*": ["./src/*"]
23 | }
24 | },
25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 | "exclude": ["node_modules"]
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/api/teams/[team_slug]/billing/manage/route.ts:
--------------------------------------------------------------------------------
1 | import { withTeam } from "@/lib/auth";
2 | import { APP_DOMAIN } from "@/lib/constants";
3 | import { stripe } from "@/lib/stripe";
4 | import { NextResponse } from "next/server";
5 |
6 | // POST /api/teams/[team_slug]/billing/manage - create a Stripe billing portal session
7 | export const POST = withTeam(async ({ team }) => {
8 | if (!team.subscriptionId) {
9 | return new Response("No Stripe customer ID", { status: 400 });
10 | }
11 | const { url } = await stripe.billingPortal.sessions.create({
12 | customer: team.subscriptionId,
13 | return_url: `${APP_DOMAIN}/${team.meta.slug}/settings/billing`,
14 | });
15 | return NextResponse.json(url);
16 | });
17 |
--------------------------------------------------------------------------------
/src/components/atom/spinner.tsx:
--------------------------------------------------------------------------------
1 | import cx from "classnames";
2 | // LoadingSpinner component
3 | export const Spinner = ({ className }: { className?: string }) => {
4 | return (
5 |
25 | );
26 | };
27 |
--------------------------------------------------------------------------------
/src/components/team/create/create-team.tsx:
--------------------------------------------------------------------------------
1 | import { Logo } from "@/components/atom/logo";
2 | import Label from "../../atom/label";
3 | import AddTeam from "./create-team-form";
4 |
5 | export function CreateTeam() {
6 | return (
7 |
5 |
13 |
6 |
12 | Plan & Usage
7 |8 | You are currently on the free plan. Current billing cycle: Apr 10 - 9 | May 9. 10 |
11 |
8 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/src/lib/functions/fetch-with-timeout.ts:
--------------------------------------------------------------------------------
1 | export function fetchWithTimeout(
2 | input: RequestInfo | URL,
3 | init?: RequestInit | undefined,
4 | timeout: number = 5000,
5 | ) {
6 | return new Promise
13 |
19 | 17 |
22 | max ? "bg-red-500" : "bg-blue-500"
30 | } h-full`}
31 | />
32 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/lib/api/collection.ts:
--------------------------------------------------------------------------------
1 | import { databaseName } from "@/lib/mongodb";
2 | import { MongoClient, ObjectId } from "mongodb";
3 |
4 | /**
5 | * Remove all workspace's collections
6 | */
7 | export async function removeAllWorkspaceCollection(client: MongoClient, teamId: string, workspaceId: string) {
8 | const workspaceMembersCol = client
9 | .db(databaseName)
10 | .collection("collections");
11 | return await workspaceMembersCol.deleteMany({ team: new ObjectId(teamId), workspace: new ObjectId(workspaceId) });
12 | }
13 |
14 | /**
15 | * Remove all collections for team. Operation to be performed when a team is deleted
16 | */
17 | export async function removeAllTeamCollections(client: MongoClient, teamId: string) {
18 | const collectionsCol = client
19 | .db(databaseName)
20 | .collection("collections");
21 | return await collectionsCol.deleteMany({ team: new ObjectId(teamId) });
22 | }
--------------------------------------------------------------------------------
/types/next-auth.d.ts:
--------------------------------------------------------------------------------
1 | import { DefaultSession } from "next-auth";
2 |
3 | declare module "next-auth" {
4 | /**
5 | * Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
6 | */
7 | interface Session {
8 | user: {
9 | /** The user's postal address. */
10 | id?: string;
11 | } & DefaultSession["user"];
12 | }
13 |
14 | /**
15 | * The shape of the user object returned in the OAuth providers' `profile` callback,
16 | * or the second parameter of the `session` callback, when using a database.
17 | */
18 | interface User {}
19 | /**
20 | * Usually contains information about the provider being used
21 | * and also extends `TokenSet`, which is different tokens returned by OAuth Providers.
22 | */
23 | interface Account {}
24 | /** The OAuth profile returned from your provider */
25 | interface Profile {}
26 | }
27 |
--------------------------------------------------------------------------------
/src/components/drag-n-drop/data.ts:
--------------------------------------------------------------------------------
1 | import { Collection } from "@/lib/types";
2 | import { ColumnMap } from "./board-context";
3 |
4 | export function getBasicData(collections: Collection[]) {
5 | const columns = collections.map((coll, index) => {
6 | return {
7 | title: coll.name,
8 | columnId: coll._id,
9 | items: coll.children,
10 | };
11 | });
12 |
13 | const outputData: ColumnMap = {};
14 |
15 | columns.forEach((item) => {
16 | const list = item.items.sort((a, b) => a.sortIndex - b.sortIndex);
17 | outputData[item.columnId] = {
18 | title: item.title,
19 | columnId: item.columnId,
20 | items: list,
21 | collection: collections.find((coll) => coll._id === item.columnId)!,
22 | };
23 | });
24 |
25 | const orderedColumnIds = collections.map((coll) => coll._id);
26 |
27 | return {
28 | columnMap: outputData,
29 | orderedColumnIds,
30 | };
31 | }
32 |
--------------------------------------------------------------------------------
/src/components/ui/separator.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as SeparatorPrimitive from "@radix-ui/react-separator";
4 | import * as React from "react";
5 |
6 | import { cn } from "@/lib/utils";
7 |
8 | const Separator = React.forwardRef<
9 | React.ElementRef
25 | {children}
26 |
27 | );
28 | },
29 | );
30 |
31 | Board.displayName = "Board";
32 | export default Board;
33 |
--------------------------------------------------------------------------------
/src/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import {
4 | Toast,
5 | ToastClose,
6 | ToastDescription,
7 | ToastProvider,
8 | ToastTitle,
9 | ToastViewport,
10 | } from "@/components/ui/toast";
11 | import { useToast } from "@/components/ui/use-toast";
12 |
13 | export function Toaster() {
14 | const { toasts } = useToast();
15 |
16 | return (
17 |
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |
16 |
17 |
18 |
26 | {children}
27 |
29 |
8 |
22 |
9 |
21 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
6 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/ui/icons/github.tsx:
--------------------------------------------------------------------------------
1 | export default function Github({ className }: { className?: string }) {
2 | return (
3 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/lib/openapi/workspace/get-workspace-info.ts:
--------------------------------------------------------------------------------
1 | import { openApiErrorResponses } from "@/lib/openapi/responses";
2 | import z from "@/lib/zod";
3 | import { WorkspaceSchema } from "@/lib/zod/schemas/workspaces";
4 | import { ZodOpenApiOperationObject } from "zod-openapi";
5 |
6 | export const getWorkspaceInfo: ZodOpenApiOperationObject = {
7 | operationId: "getWorkspaceInfo",
8 | "x-speakeasy-name-override": "get",
9 | summary: "Retrieve a workspace",
10 | description: "Retrieve a workspace for the authenticated user.",
11 | requestParams: {
12 | path: z.object({
13 | team_slug: z.string().describe("The slug of the team."),
14 | workspace_slug: z.string().describe("The slug of the workspace."),
15 | }),
16 | },
17 | responses: {
18 | "200": {
19 | description: "The retrieved workspace",
20 | content: {
21 | "application/json": {
22 | schema: WorkspaceSchema,
23 | },
24 | },
25 | },
26 | ...openApiErrorResponses,
27 | },
28 | tags: ["workspaces"],
29 | security: [{ token: [] }],
30 | };
31 |
--------------------------------------------------------------------------------
/src/lib/openapi/collection/get-collections.ts:
--------------------------------------------------------------------------------
1 | import { openApiErrorResponses } from "@/lib/openapi/responses";
2 | import z from "@/lib/zod";
3 | import { CollectionSchema } from "@/lib/zod/schemas";
4 |
5 | import { ZodOpenApiOperationObject } from "zod-openapi";
6 |
7 | export const getCollections: ZodOpenApiOperationObject = {
8 | operationId: "getCollections",
9 | "x-speakeasy-name-override": "list",
10 | summary: "Retrieve a list of collections",
11 | description: "Retrieve a list of collections of the workspace.",
12 | requestParams: {
13 | path: z.object({
14 | team_slug: z.string().describe("The slug of the team."),
15 | workspace_slug: z.string().describe("The slug of the workspace."),
16 | }),
17 | },
18 | responses: {
19 | "200": {
20 | description: "A list of collections",
21 | content: {
22 | "application/json": {
23 | schema: z.array(CollectionSchema),
24 | },
25 | },
26 | },
27 | ...openApiErrorResponses,
28 | },
29 | tags: ["collections"],
30 | security: [{ token: [] }],
31 | };
32 |
--------------------------------------------------------------------------------
/src/lib/openapi/workspace/update-a-workspace.ts:
--------------------------------------------------------------------------------
1 | import { openApiErrorResponses } from "@/lib/openapi/responses";
2 | import z from "@/lib/zod";
3 | import { WorkspaceSchema, updateWorkspaceSchema } from "@/lib/zod/schemas/workspaces";
4 |
5 | export const updateWorkspace = {
6 | operationId: "updateWorkspace",
7 | summary: "update a workspace",
8 | description: "Update a workspace.",
9 | requestParams: {
10 | path: z.object({
11 | team_slug: z.string().describe("The slug of the team."),
12 | workspace_slug: z.string().describe("The slug of the workspace.")
13 | }),
14 | },
15 | requestBody: {
16 | content: {
17 | "application/json": {
18 | schema: updateWorkspaceSchema,
19 | },
20 | },
21 | },
22 | responses: {
23 | "200": {
24 | description: "The updated workspace",
25 | content: {
26 | "application/json": {
27 | schema: WorkspaceSchema,
28 | },
29 | },
30 | },
31 | ...openApiErrorResponses,
32 | },
33 | tags: ["workspaces"],
34 | security: [{ token: [] }],
35 | };
36 |
--------------------------------------------------------------------------------
/src/lib/paddle/paddle-client.ts:
--------------------------------------------------------------------------------
1 | import { initializePaddle, Paddle, } from '@paddle/paddle-js';
2 | import { APP_DOMAIN } from '../constants';
3 |
4 |
5 | let paddlePromise: Promise
14 | {[...Array(12)].map((_, i) => (
15 |
30 | ))}
31 |
32 |
12 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/app/api/teams/[team_slug]/logo/route.ts:
--------------------------------------------------------------------------------
1 | import mongoDb, { databaseName } from "@/lib/mongodb";
2 | import { withTeam } from "@/lib/auth";
3 | import { storage } from "@/lib/storage";
4 | import z from "@/lib/zod";
5 | import { NextResponse } from "next/server";
6 | import { ObjectId } from "mongodb";
7 |
8 | const uploadLogoSchema = z.object({
9 | image: z.string().url(),
10 | });
11 |
12 | // POST /api/teams/[team_slug]/logo – upload a new team logo
13 | export const POST = withTeam(
14 | async ({ req, team }) => {
15 | const { image } = uploadLogoSchema.parse(await req.json());
16 |
17 | const { url } = await storage.upload(`logos/${team._id}`, image);
18 | const client = await mongoDb;
19 | const teamsDb = client.db(databaseName).collection("teams");
20 | const query = { _id: new ObjectId(team._id) };
21 | await teamsDb.updateOne(query, { $set: { logo: url, updatedAt: new Date() } });
22 | return NextResponse.json({
23 | message: "Logo uploaded successfully!",
24 | }, {
25 | status: 200,
26 | });
27 | },
28 | {
29 | requiredRole: ["owner"],
30 | },
31 | );
32 |
--------------------------------------------------------------------------------
/src/app/api/upload/route.ts:
--------------------------------------------------------------------------------
1 | import { storage } from "@/lib/storage";
2 | import { randomId } from "@/lib/utils";
3 | import z from "@/lib/zod";
4 | import { NextResponse } from "next/server";
5 |
6 | export const runtime = "edge";
7 |
8 | const uploadImageSchema = z.object({
9 | image: z.string().url(),
10 | path: z.string().optional(),
11 | filename: z.string().optional(),
12 | });
13 |
14 |
15 | export async function POST(req: Request) {
16 |
17 |
18 | if (!process.env.STORAGE_ACCESS_KEY_ID) {
19 | return new Response(
20 | "Missing STORAGE_ACCESS_KEY_ID. Don't forget to add that to your .env file.",
21 | {
22 | status: 401,
23 | },
24 | );
25 | }
26 |
27 | const { image, path, filename } = uploadImageSchema.parse(await req.json());
28 |
29 | let uploadFilePath = path ? `/${path}` : "";
30 |
31 | if (filename) {
32 | uploadFilePath = `${uploadFilePath}/${filename}`;
33 | } else {
34 | uploadFilePath = `${uploadFilePath}/${randomId(6)}`;
35 | }
36 |
37 | const { url } = await storage.upload(uploadFilePath, image);
38 |
39 | return NextResponse.json({ url });
40 | }
--------------------------------------------------------------------------------
/src/lib/analytics/identity.ts:
--------------------------------------------------------------------------------
1 | import { UserTraits } from "./interfaces";
2 |
3 | const USER_ID_KEY = "analytics_user_id";
4 | const USER_TRAITS_KEY = "analytics_user_traits";
5 |
6 | export const saveIdentity = (userId: string, traits?: UserTraits) => {
7 | if (typeof window !== "undefined") {
8 | window.localStorage.setItem(USER_ID_KEY, userId);
9 | if (traits) {
10 | window.localStorage.setItem(USER_TRAITS_KEY, JSON.stringify(traits));
11 | }
12 | }
13 | };
14 |
15 | export const loadIdentity = (): { userId: string | null; traits: UserTraits | null } => {
16 | if (typeof window !== "undefined") {
17 | const userId = window.localStorage.getItem(USER_ID_KEY);
18 | const traitsString = window.localStorage.getItem(USER_TRAITS_KEY);
19 | const traits = traitsString ? JSON.parse(traitsString) : null;
20 | return { userId, traits };
21 | }
22 | return { userId: null, traits: null };
23 | };
24 |
25 | export const clearIdentity = () => {
26 | if (typeof window !== "undefined") {
27 | window.localStorage.removeItem(USER_ID_KEY);
28 | window.localStorage.removeItem(USER_TRAITS_KEY);
29 | }
30 | };
--------------------------------------------------------------------------------
/src/app/(auth)/login/page.tsx:
--------------------------------------------------------------------------------
1 | import { Logo } from "@/components/atom/logo";
2 | import { constructMetadata } from "@/lib/utility/construct-metadata";
3 | import { LoginForm } from "./form";
4 |
5 | export const metadata = constructMetadata({
6 | title: `Sign in to ${process.env.NEXT_PUBLIC_APP_NAME}`,
7 | });
8 |
9 | export default function LoginPage() {
10 | return (
11 |
13 |
22 |
14 |
20 | Create your Orgnise account
16 |17 | Get started for free. No credit card required. 18 |
19 |
12 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/auth.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { ReactNode } from "react";
4 |
5 | import LayoutLoader from "@/components/layout/loyout-loader";
6 | import AcceptInvitationRequest from "@/components/team/invite/accept/accept-invite";
7 | import NotFoundView from "@/components/team/team-not-found";
8 | import useTeam from "@/lib/swr/use-team";
9 | import { Invite } from "@/lib/types/types";
10 |
11 | export default function TeamAuth({ children }: { children: ReactNode }) {
12 | const { loading, error } = useTeam();
13 |
14 | if (loading) {
15 | return
13 |
23 |
14 |
21 | Sign in to Orgnise
16 |17 | We are happy to see 18 | you back 19 |
20 |
21 |
23 | );
24 | }
25 |
26 | if (error) {
27 | return (
28 |
29 |
31 | );
32 | }
33 |
34 | return children;
35 | }
36 |
--------------------------------------------------------------------------------
/src/components/layout/settings-nav-link.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@/lib/utils";
4 | import Link from "next/link";
5 | import { useParams, useSelectedLayoutSegment } from "next/navigation";
6 | import { ReactNode } from "react";
7 |
8 | export default function NavLink({
9 | segment,
10 | children,
11 | }: {
12 | segment: string | null;
13 | children: ReactNode;
14 | }) {
15 | const selectedLayoutSegment = useSelectedLayoutSegment();
16 | const { team_slug, workspace_slug } = useParams() as {
17 | team_slug?: string;
18 | workspace_slug: string;
19 | };
20 |
21 | const href = `${team_slug ? `/${team_slug}` : ""}${workspace_slug ? `/${workspace_slug}` : ""}/settings${
22 | segment ? `/${segment}` : ""
23 | }`;
24 |
25 | return (
26 |
37 | {children}
38 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/src/app/(dashboard)/[team_slug]/[workspace_slug]/loading.tsx:
--------------------------------------------------------------------------------
1 | export default function Loading() {
2 | return (
3 |
5 |
19 |
6 |
7 |
8 | Collections{" "}
9 | are a way to organize and group pages together. They provide a
10 | convenient way to{" "}
11 | categorize{" "}
12 | and manage related items within your workspace. By creating
13 | collections, you can easily organize your work / docs and improve
14 | productivity.
15 |
16 |
17 |
18 |
7 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/src/components/layout/teams-nav-tabs.tsx:
--------------------------------------------------------------------------------
1 | import useTeam from "@/lib/swr/use-team";
2 | import Link from "next/link";
3 | import { useParams, usePathname } from "next/navigation";
4 | import Tab from "../atom/tab";
5 |
6 | export default function NavTabs() {
7 | const pathname = usePathname();
8 | const { team_slug, workspace_slug } = useParams() as {
9 | team_slug?: string;
10 | workspace_slug?: string;
11 | };
12 | const { loading, error, activeTeam } = useTeam();
13 |
14 | const tabs = [
15 | { name: "Workspaces", href: `/${team_slug}` },
16 | { name: "Settings", href: `/${team_slug}/settings` },
17 | ];
18 |
19 | if (
20 | !team_slug ||
21 | error ||
22 | (workspace_slug && pathname !== `/${team_slug}/settings`)
23 | ) {
24 | return null;
25 | }
26 |
27 | return (
28 |
8 |
26 |
9 |
25 | No workspace available
14 |
15 |
16 | Workspaces are where you
17 | organize your work
18 | You can create workspaces for different teams, clients, or even
19 | for yourself. For example, an
20 | engineering
21 | workspace could contains all engineering-related tasks.
22 |
23 |
24 |
29 | {loading && !activeTeam ? (
30 |
31 | ) : (
32 | tabs.map(({ name, href }) => (
33 |
34 | {}} />
35 |
36 | ))
37 | )}
38 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/src/components/ui/switch.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SwitchPrimitives from "@radix-ui/react-switch"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Switch = React.forwardRef<
9 | React.ElementRef
11 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/src/components/layout/settings-layout.tsx:
--------------------------------------------------------------------------------
1 | import { MaxWidthWrapper } from "@/components/layout/max-width-wrapper";
2 | import NavLink from "@/components/layout/settings-nav-link";
3 | import { ReactNode } from "react";
4 |
5 | export default function SettingsLayout({
6 | tabs,
7 | children,
8 | }: {
9 | tabs: {
10 | name: string;
11 | segment: string | null;
12 | }[];
13 | children: ReactNode;
14 | }) {
15 | return (
16 |
12 |
29 |
13 |
15 | 16 | {item} Not Found 17 |
18 |19 | Bummer! The {item} you are looking for does not exist. You either 20 | typed in the wrong URL or don't have access to this {item}. 21 |
22 | 26 | Go Back 27 | 28 |
17 |
27 |
36 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/src/lib/hooks/use-media-query.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | export function useMediaQuery() {
4 | const [device, setDevice] = useState<"mobile" | "tablet" | "desktop" | null>(
5 | null,
6 | );
7 | const [dimensions, setDimensions] = useState<{
8 | width: number;
9 | height: number;
10 | } | null>(null);
11 |
12 | useEffect(() => {
13 | const checkDevice = () => {
14 | if (window.matchMedia("(max-width: 640px)").matches) {
15 | setDevice("mobile");
16 | } else if (
17 | window.matchMedia("(min-width: 641px) and (max-width: 1024px)").matches
18 | ) {
19 | setDevice("tablet");
20 | } else {
21 | setDevice("desktop");
22 | }
23 | setDimensions({ width: window.innerWidth, height: window.innerHeight });
24 | };
25 |
26 | // Initial detection
27 | checkDevice();
28 |
29 | // Listener for windows resize
30 | window.addEventListener("resize", checkDevice);
31 |
32 | // Cleanup listener
33 | return () => {
34 | window.removeEventListener("resize", checkDevice);
35 | };
36 | }, []);
37 |
38 | return {
39 | device,
40 | width: dimensions?.width,
41 | height: dimensions?.height,
42 | isMobile: device === "mobile",
43 | isTablet: device === "tablet",
44 | isDesktop: device === "desktop",
45 | };
46 | }
47 |
--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | NEXT_PUBLIC_APP_NAME="APP_NAME"
2 | NEXT_PUBLIC_APP_DOMAIN="http://localhost:3000"
3 | MONGODB_URI="mongodb://localhost:27017/pulse-db"
4 | DATABASE_NAME="DATABASE_NAME"
5 |
6 | # Linux: `openssl rand -hex 32` or go to https://generate-secret.vercel.app/32
7 | AUTH_SECRET=
8 |
9 | AUTH_GITHUB_ID=
10 | AUTH_GITHUB_SECRET=
11 |
12 | AUTH_GOOGLE_ID=
13 | AUTH_GOOGLE_SECRET=
14 |
15 | AUTH_SLACK_ID=
16 | AUTH_SLACK_SECRET=
17 |
18 | EMAIL_SERVER_USER=
19 | EMAIL_SERVER_PASSWORD=
20 |
21 | # Used for internal monitoring & paging
22 | # You can remove this by removing `ORGNISE_SLACK_HOOK_ALERTS` ,`ORGNISE_SLACK_HOOK_NEW_TEAM` and `ORGNISE_SLACK_HOOK_ERRORS` from the codebase
23 | ORGNISE_SLACK_HOOK_ALERTS=
24 | ORGNISE_SLACK_HOOK_ERRORS=
25 | ORGNISE_SLACK_HOOK_NEW_TEAM=
26 |
27 | # Storage
28 | STORAGE_ACCESS_KEY_ID=
29 | STORAGE_SECRET_ACCESS_KEY=
30 | STORAGE_ENDPOINT=
31 |
32 |
33 | # Stripe for payments
34 | # https://dashboard.stripe.com/apikeys
35 | NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
36 | STRIPE_SECRET_KEY=
37 | # Set this environment variable to support webhooks — https://stripe.com/docs/webhooks#verify-events
38 | STRIPE_WEBHOOK_SECRET=
39 |
40 | # Paddle for payments
41 | # https://developer.paddle.com/api-reference/about/authentication#generate-authentication
42 | PADDLE_ENV='sandbox'
43 | PADDLE_SECRET_CLIENT_KEY=
44 | PADDLE_SERVER_SECRET_KEY=
45 | PADDLE_WEBHOOK_SECRET=
--------------------------------------------------------------------------------
/scripts/team/update-missing-invite-code.ts:
--------------------------------------------------------------------------------
1 | import mongodb, { databaseName } from "@/lib/mongodb";
2 | import { TeamDbSchema } from "@/lib/db-schema/team.schema";
3 | import { randomId } from "@/lib/utils";
4 | import "dotenv-flow/config";
5 |
6 |
7 | // npm run script /team/update-missing-invite-code
8 | // npx tsx ./scripts/team/update-missing-invite-code.ts
9 | async function main() {
10 | const client = await mongodb;
11 | const teamCollection = client.db(databaseName).collection
18 |
19 |
25 |
26 |
20 |
24 |
21 |
23 | Settings
22 |
28 | {tabs.map(({ name, segment }, index) => (
29 |
30 | {name}
31 |
32 | ))}
33 |
34 | {children}
35 |
19 |
40 |
41 |
42 | ) : (
43 |
44 | )}
45 |
46 | );
47 | }
48 | export default Tab;
49 |
--------------------------------------------------------------------------------
/src/components/ui/copy-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@/lib/utils";
4 | import { CheckIcon, CopyIcon, LucideIcon } from "lucide-react";
5 | import { useState } from "react";
6 | import { toast } from "sonner";
7 |
8 | export function CopyButton({
9 | value,
10 | className,
11 | icon,
12 | }: {
13 | value: string;
14 | className?: string;
15 | icon?: LucideIcon;
16 | }) {
17 | const [copied, setCopied] = useState(false);
18 | const Comp = icon || CopyIcon;
19 | return (
20 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/src/components/team/workspace/workspace-settings-dropdown.tsx:
--------------------------------------------------------------------------------
1 | import { P } from "@/components/atom/typography";
2 | import {
3 | DropdownMenu,
4 | DropdownMenuContent,
5 | DropdownMenuItem,
6 | DropdownMenuLabel,
7 | DropdownMenuSeparator,
8 | DropdownMenuTrigger,
9 | } from "@/components/ui/dropdown-menu";
10 | import { cn } from "@/lib/utils";
11 | import clsx from "clsx";
12 | import { MoreVerticalIcon } from "lucide-react";
13 | import Link from "next/link";
14 |
15 | interface Props {
16 | team_slug?: string;
17 | workspace_slug?: string;
18 | className?: string;
19 | }
20 | export function WorkspaceSettingsDropDown({
21 | team_slug,
22 | workspace_slug,
23 | className,
24 | }: Props) {
25 | return (
26 |
30 | {tab}
31 |
32 | {selected ? (
33 | Workspace Settings
40 | 41 |
10 |
35 | );
36 | }
37 |
--------------------------------------------------------------------------------
/src/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/lib/utils";
2 | import Image from "next/image";
3 |
4 | export function Avatar({
5 | user = {},
6 | className,
7 | }: {
8 | user?: {
9 | name?: string | null | undefined;
10 | email?: string | null | undefined;
11 | image?: string | null | undefined;
12 | };
13 | className?: string;
14 | }) {
15 | if (!user) {
16 | return (
17 |
23 | );
24 | }
25 |
26 | return (
27 |
15 |
22 |
23 |
24 | Delete Account
16 |17 | Permanently delete your {process.env.NEXT_PUBLIC_APP_NAME} account, 18 | all of your teams, workspaces and their respective collections. This 19 | action cannot be undone - please proceed with caution. 20 |
21 |
25 |
34 |
26 |
32 |
33 | {
35 | if (!activeCollection || isLoading) {
36 | return;
37 | }
38 | handleCreateCollection();
39 | }}
40 | >
41 | {isLoading ? (
42 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/lib/analytics/retryManager.ts:
--------------------------------------------------------------------------------
1 | export interface RetryConfig {
2 | maxRetries: number;
3 | baseDelay: number;
4 | maxDelay: number;
5 | backoffMultiplier: number;
6 | }
7 |
8 | export class RetryManager {
9 | private retryConfig: RetryConfig;
10 |
11 | constructor(config?: Partial{placeholder}
;
37 | }
38 |
39 | return (
40 | {children}
44 | )}
45 | ifAbsent={() => unAuthorized}
46 | />
47 | );
48 | }
49 |
50 | export default TeamPermissionView;
51 |
--------------------------------------------------------------------------------
/scripts/workspace/generate-missing-slug.ts:
--------------------------------------------------------------------------------
1 | import "dotenv-flow/config";
2 | import mongodb, { databaseName } from "@/lib/mongodb";
3 | import { generateSlug } from "@/lib/utils";
4 | import { ObjectId } from "mongodb";
5 |
6 |
7 | // npm run script /workspace/generate-missing-slug
8 | // npx tsx ./scripts/workspace/generate-missing-slug.ts
9 | async function main() {
10 | const client = await mongodb;
11 | const workspaceCollection = client.db(databaseName).collection("workspaces");
12 |
13 | console.log("\n-------------------- workspaces --------------------\n");
14 |
15 | const workspaces = await workspaceCollection.find({
16 | "meta.slug": { $in: [null, undefined, ''] },
17 | }).toArray();
18 |
19 | if (workspaces.length > 0) {
20 | for (const workspace of workspaces) {
21 | const slug = await generateSlug({
22 | title: workspace?.name ?? "collection ",
23 | didExist: async (val: string) => {
24 | const work = await workspaceCollection.findOne({
25 | "meta.slug": val,
26 | team: new ObjectId(workspace.team),
27 | });
28 | return !!work;
29 | },
30 | suffixLength: 6,
31 | });
32 |
33 | await workspaceCollection.updateOne(
34 | { _id: workspace._id },
35 | { $set: { "meta.slug": slug, updatedAt: new Date() } },
36 | );
37 | console.log(workspace.name, "=>", slug);
38 | }
39 | } else {
40 | console.log("No workspace found without slug");
41 |
42 | }
43 | console.log("\n------------------------------------------------\n");
44 | client.close();
45 | process.exit(0);
46 | }
47 |
48 |
49 | main();
50 |
--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import "@/styles/global.css";
2 | import "@/styles/prosemirror.css";
3 |
4 | import { ThemeProvider } from "@/components/ui/theme-provider";
5 | import { AnalyticsProviderComponent } from "@/lib/analytics/provider";
6 | import { AnalyticsSessionManager } from "@/lib/analytics/session-manager";
7 | import { AuthSessionProvider } from "@/lib/auth/session-provider";
8 | import { constructMetadata } from "@/lib/utility/construct-metadata";
9 | import { cn } from "@/lib/utils";
10 | import { inter, satoshi } from "@/styles/font";
11 | import { Toaster } from "sonner";
12 |
13 | export const metadata = constructMetadata({
14 | title: "Orgnise",
15 | description: "The internal wiki for modern teams.",
16 | });
17 |
18 | export default function RootLayout({
19 | children,
20 | }: {
21 | children: React.ReactNode;
22 | }) {
23 | return (
24 |
25 |
15 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/scripts/team/remove-non-attached-team-members.ts:
--------------------------------------------------------------------------------
1 | import { TeamDbSchema } from "@/lib/db-schema/team.schema";
2 | import mongodb, { databaseName } from "@/lib/mongodb";
3 | import "dotenv-flow/config";
4 |
5 |
6 | // npm run script /team/remove-non-attached-team-members
7 | // npx tsx ./scripts/team/remove-non-attached-team-members.ts
8 |
9 | // Script to remove members from team users collection and are not linked to any team
10 | async function main() {
11 | const client = await mongodb;
12 | const teamUsersColl = client.db(databaseName).collection
16 |
39 | 18 | Accept Team Invite 19 |
20 |21 | You have been invited to join 22 | 23 | {invite?.team?.name} 24 | 25 | team. Please accept the invitation to continue. 26 |
27 |
28 |
31 |
37 |
38 |
4 |
25 | );
26 | }
27 |
28 | export const UserPlaceholder = () => (
29 |
5 |
15 |
6 |
11 | People
7 |8 | Teammates that have access to this team. 9 |
10 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 | {Array.from({ length: 5 }).map((_, i) => (
21 |
24 |
30 |
39 | );
40 |
--------------------------------------------------------------------------------
/src/lib/functions/log.ts:
--------------------------------------------------------------------------------
1 | // const logTypeToEnv = {
2 | // alerts: process.env.ORGNISE_SLACK_HOOK_ALERTS,
3 | // tada: process.env.ORGNISE_SLACK_HOOK_NEW_TEAM,
4 | // waitlist: process.env.ORGNISE_SLACK_HOOK_NEW_TEAM,
5 | // errors: process.env.ORGNISE_SLACK_HOOK_ERRORS,
6 | // };
7 |
8 | export const log = async ({
9 | message,
10 | type,
11 | mention = false,
12 | }: {
13 | message: string;
14 | type?: "alerts" | 'tada' | "errors" | "waitlist" | 'success'
15 | mention?: boolean;
16 | }) => {
17 | if (
18 | process.env.NODE_ENV === "development" ||
19 | !process.env.ORGNISE_SLACK_HOOK_ALERTS ||
20 | !process.env.ORGNISE_SLACK_HOOK_ERRORS
21 | ) {
22 | console.log(message);
23 | }
24 |
25 | function switchType(type: string | undefined) {
26 | switch (type) {
27 | case "alerts":
28 | return "🚨 ";
29 | case "errors":
30 | return "❌ ";
31 | case "tada":
32 | return "🎉 ";
33 | case "success":
34 | return "✅ ";
35 | case "waitlist":
36 | return "📝 ";
37 | default:
38 | return "";
39 | }
40 | }
41 | /* Log a message to the console */
42 | const HOOK = process.env.ORGNISE_SLACK_HOOK_ALERTS;
43 | if (!HOOK) return;
44 | try {
45 | return await fetch(HOOK, {
46 | method: "POST",
47 | headers: {
48 | "Content-Type": "application/json",
49 | },
50 | body: JSON.stringify({
51 | blocks: [
52 | {
53 | type: "section",
54 | text: {
55 | type: "mrkdwn",
56 | // prettier-ignore
57 | text: `${switchType(type)}${message}`,
58 | },
59 | },
60 | ],
61 | }),
62 | });
63 | } catch (e) {
64 | console.log(`Failed to log to Orgnise Slack. Error: ${e}`);
65 | }
66 | };
67 |
--------------------------------------------------------------------------------
/src/lib/db-schema/team.schema.ts:
--------------------------------------------------------------------------------
1 | // import Mongoose from "mongoose";
2 | import { TeamRole } from "@/lib/constants/team-role";
3 | import { ObjectId } from "mongodb";
4 | import { Plan } from "../types/types";
5 | import { LimitSchema } from "../zod/schemas";
6 | import z from "../zod";
7 | import { CollectionMode, Interval, SubscriptionManagement, SubscriptionScheduledChangeNotification, SubscriptionStatus, SubscriptionTimePeriodNotification } from "@paddle/paddle-node-sdk";
8 |
9 | export interface TeamDbSchema {
10 | _id: ObjectId;
11 | name: string;
12 | description?: string;
13 | createdBy: ObjectId;
14 | plan: Plan;
15 | subscriptionId?: string;
16 | meta: MetaSchema;
17 | createdAt: Date;
18 | billingCycleStart: number;
19 | inviteCode: string;
20 | logo: string;
21 | updatedAt: Date;
22 | subscription: Subscription;
23 | limit: z.infer
31 |
32 |
37 |
38 |
33 |
34 |
35 |
36 |
4 |
25 | );
26 | }
27 |
28 | export const UserPlaceholder = () => (
29 |
5 |
15 |
6 |
11 | People
7 |8 | Teammates that have access to this workspace. 9 |
10 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 | {Array.from({ length: 5 }).map((_, i) => (
21 |
24 |
30 |
39 | );
40 |
--------------------------------------------------------------------------------
/src/lib/swr/use-workspace-users.ts:
--------------------------------------------------------------------------------
1 | import { useParams } from "next/navigation";
2 | import useSWR, { mutate } from "swr";
3 | import { fetcher } from "../fetcher";
4 | import { WorkspaceMemberProps } from "../types/types";
5 | import { displayToast } from "./use-collections";
6 |
7 |
8 | export interface AddWorkspaceMemberProp {
9 | email: string;
10 | role: string;
11 | }
12 |
13 | interface Props {
14 | users: WorkspaceMemberProps[],
15 | loading: boolean,
16 | error: any,
17 | addMembers: (members: AddWorkspaceMemberProp[]) => Promise
31 |
32 |
37 |
38 |
33 |
34 |
35 |
36 |
5 |
39 |
6 |
38 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
37 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | {placeholder}
;
44 | }
45 |
46 | return (
47 | {children}
55 | )}
56 | ifAbsent={() => unAuthorized}
57 | />
58 | );
59 | }
60 |
--------------------------------------------------------------------------------
/src/middleware.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 |
3 | import { getToken } from "next-auth/jwt";
4 | import { parse } from "./lib/utils";
5 | import { API_HOSTNAMES } from "./lib/constants/constants";
6 | import ApiMiddleware from "./lib/middleware/api";
7 |
8 | export const config = {
9 | matcher: [
10 | /*
11 | * Match all paths except for:
12 | * 1. /api/ routes
13 | * 2. /_next/ (Next.js internals)
14 | * 3. /_proxy/ (special page for OG tags proxying)
15 | * 4. /_static (inside /public)
16 | * 5. /_vercel (Vercel internals)
17 | * 6. Static files (e.g. /favicon.ico, /sitemap.xml, /robots.txt, etc.)
18 | */
19 | "/((?!api/|_next/|_proxy/|_static|_vercel|[\\w-]+\\.\\w+).*)",
20 | ],
21 | };
22 |
23 | export const middleware = async (req: NextRequest) => {
24 | const { domain, path, fullPath } = parse(req);
25 |
26 | // for API
27 | if (API_HOSTNAMES.has(domain)) {
28 | return ApiMiddleware(req);
29 | }
30 |
31 |
32 | const session = await getToken({
33 | req: req,
34 | secret: process.env.AUTH_SECRET,
35 | cookieName:
36 | process.env.NODE_ENV === "production"
37 | ? "__Secure-next-auth.session-token"
38 | : "next-auth.session-token",
39 | });
40 |
41 | const loggedIn = session?.user ? true : false;
42 |
43 |
44 |
45 | // Redirect to login if not logged in
46 | if (
47 | !["/login", "/signup", "/credential"].includes(path) &&
48 | !loggedIn
49 | ) {
50 | return NextResponse.redirect(
51 | new URL(
52 | `/login${path === "/" ? "" : `?next=${encodeURIComponent(fullPath)}`}`,
53 | req.url,
54 | ),
55 | );
56 | }
57 |
58 | // Redirect to home if logged in and trying to access login or signup
59 | else if (
60 | loggedIn &&
61 | (path === "/login" || path === "/signup" || path === "/credential")
62 | ) {
63 | return NextResponse.redirect(new URL("/", req.url));
64 | } else {
65 | return NextResponse.next();
66 | }
67 | };
68 |
--------------------------------------------------------------------------------
/src/lib/hooks/use-usage.ts:
--------------------------------------------------------------------------------
1 | import { useMemo } from "react";
2 | import { z } from "zod";
3 | import { FREE_TEAMS_LIMIT } from "../constants";
4 | import useCollections from "../swr/use-collections";
5 | import useTeam from "../swr/use-team";
6 | import useTeams from "../swr/use-teams";
7 | import useUsers from "../swr/use-users";
8 | import useWorkspaces from "../swr/use-workspaces";
9 | import { Team } from "../types";
10 | import { flattenCollectionTree } from "../utility/collection-tree-structure";
11 | import { LimitSchema } from "../zod/schemas";
12 |
13 | interface IUsage {
14 | exceedingFreeTeam: boolean;
15 | exceedingWorkspaceLimit: boolean;
16 | exceedingMembersLimit: boolean;
17 | exceedingPageLimit: boolean;
18 | usage: z.infer
4 |
5 |
6 |
7 |
8 | );
9 | }
10 |
11 | const styles: { [key: string]: React.CSSProperties } = {
12 | backgroundMain: {
13 | width: "100vw",
14 | minHeight: "100vh",
15 | position: "fixed",
16 | zIndex: -1,
17 | display: "flex",
18 | justifyContent: "center",
19 | padding: "120px 24px 160px 24px",
20 | pointerEvents: "none",
21 | },
22 | backgroundMainBefore: {
23 | background: "radial-gradient(circle, rgba(2, 0, 36, 0) 0, #fafafa 100%)",
24 | position: "absolute",
25 | content: '""',
26 | zIndex: 2,
27 | width: "100%",
28 | height: "100%",
29 | top: 0,
30 | },
31 | backgroundMainAfter: {
32 | content: '""',
33 | backgroundImage: "url(_static/grid.svg)",
34 | zIndex: 1,
35 | position: "absolute",
36 | width: "100%",
37 | height: "100%",
38 | top: 0,
39 | opacity: 0.4,
40 | filter: "invert(1)",
41 | },
42 | backgroundContent: {
43 | zIndex: 3,
44 | width: "100%",
45 | maxWidth: "640px",
46 | backgroundImage: `radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 1) 0px, transparent 0%),
47 | radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 1) 0px, transparent 50%),
48 | radial-gradient(at 52% 99%, hsla(354, 98%, 61%, 1) 0px, transparent 50%),
49 | radial-gradient(at 10% 29%, hsla(256, 96%, 67%, 1) 0px, transparent 50%),
50 | radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 1) 0px, transparent 50%),
51 | radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 1) 0px, transparent 50%),
52 | radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 1) 0px, transparent 50%)`,
53 | position: "absolute",
54 | height: "100%",
55 | filter: "blur(100px) saturate(150%)",
56 | top: "80px",
57 | opacity: 0.15,
58 | },
59 | };
60 |
--------------------------------------------------------------------------------
/public/_static/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/components/ui/model.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@/lib/utils";
4 | import * as Dialog from "@radix-ui/react-dialog";
5 | import { useRouter } from "next/navigation";
6 | import { Dispatch, SetStateAction } from "react";
7 |
8 | export function Modal({
9 | children,
10 | className,
11 | showModal,
12 | setShowModal,
13 | onClose,
14 | desktopOnly,
15 | preventDefaultClose,
16 | }: {
17 | children: React.ReactNode;
18 | className?: string;
19 | showModal?: boolean;
20 | setShowModal?: Dispatch
26 |
40 |
61 | );
62 | },
63 | );
64 |
65 | TextField.displayName = "TextField";
66 |
67 | export { TextField };
68 |
--------------------------------------------------------------------------------
/src/components/ui/editor/selectors/text-buttons.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { cn } from "@/lib/utils";
3 | import {
4 | BoldIcon,
5 | CodeIcon,
6 | ItalicIcon,
7 | StrikethroughIcon,
8 | UnderlineIcon,
9 | } from "lucide-react";
10 | import { EditorBubbleItem, useEditor } from "novel";
11 | import type { SelectorItem } from "./node-selector";
12 |
13 | export const TextButtons = () => {
14 | const { editor } = useEditor();
15 | if (!editor) return null;
16 | const items: SelectorItem[] = [
17 | {
18 | name: "bold",
19 | isActive: (editor) => editor!.isActive("bold"),
20 | command: (editor) => editor!.chain().focus().toggleBold().run(),
21 | icon: BoldIcon,
22 | },
23 | {
24 | name: "italic",
25 | isActive: (editor) => editor!.isActive("italic"),
26 | command: (editor) => editor!.chain().focus().toggleItalic().run(),
27 | icon: ItalicIcon,
28 | },
29 | {
30 | name: "underline",
31 | isActive: (editor) => editor!.isActive("underline"),
32 | command: (editor) => editor!.chain().focus().toggleUnderline().run(),
33 | icon: UnderlineIcon,
34 | },
35 | {
36 | name: "strike",
37 | isActive: (editor) => editor!.isActive("strike"),
38 | command: (editor) => editor!.chain().focus().toggleStrike().run(),
39 | icon: StrikethroughIcon,
40 | },
41 | {
42 | name: "code",
43 | isActive: (editor) => editor!.isActive("code"),
44 | command: (editor) => editor!.chain().focus().toggleCode().run(),
45 | icon: CodeIcon,
46 | },
47 | ];
48 | return (
49 |
41 |
51 |
59 |
60 |
50 | {items.map((item, index) => (
51 | {
54 | item.command(editor);
55 | }}
56 | >
57 |
64 |
65 | ))}
66 |
67 | );
68 | };
69 |
--------------------------------------------------------------------------------
/scripts/workspace/assign-editor-to-workspaces.ts:
--------------------------------------------------------------------------------
1 | import mongodb, { databaseName } from "@/lib/mongodb";
2 | import { WorkspaceMemberDBSchema, WorkspaceDbSchema } from "@/lib/db-schema/workspace.schema";
3 | import "dotenv-flow/config";
4 | import { ObjectId } from "mongodb";
5 |
6 |
7 | // npm run script workspace/assign-editor-to-workspaces
8 | // npx tsx ./scripts/workspace/assign-editor-to-workspaces.ts
9 |
10 | // Script to assign default editor to workspaces
11 | async function main() {
12 | const client = await mongodb;
13 | const workspaceCollection = client.db(databaseName).collection
39 |
41 | );
42 | } else if (error) {
43 | return (
44 |
45 | Something went wrong
46 |
47 | );
48 | } else if (!activeWorkspace) {
49 | return (
50 |
51 |
53 | );
54 | }
55 |
56 | return (
57 |
69 | {children}
70 |
71 |
72 | );
73 | }
74 |
--------------------------------------------------------------------------------
/scripts/workspace/add-default-values.ts:
--------------------------------------------------------------------------------
1 | import mongodb, { databaseName } from "@/lib/mongodb";
2 | import { WorkspaceDbSchema } from "@/lib/db-schema/workspace.schema";
3 | import "dotenv-flow/config";
4 |
5 |
6 | // npm run script /workspace/add-default-values
7 | // npx tsx ./scripts/workspace/add-default-values.ts
8 | async function main() {
9 | const client = await mongodb;
10 | const workspaceCollection = client.db(databaseName).collectionOrgnise
56 | 57 | ); 58 | } 59 | -------------------------------------------------------------------------------- /src/components/team/workspace/collection/content/content.tsx: -------------------------------------------------------------------------------- 1 | import Label from "@/components/atom/label"; 2 | import { Button } from "@/components/ui/button"; 3 | import NovelEditor from "@/components/ui/editor/editor"; 4 | import { Collection } from "@/lib/types/types"; 5 | import { hasValue } from "@/lib/utils"; 6 | import { Editor as Editor$1 } from "@tiptap/core"; 7 | 8 | interface CollectionContentProps { 9 | activeItem?: Collection; 10 | editable?: boolean; 11 | onDebouncedUpdate?: 12 | | ((editor?: Editor$1 | undefined) => void | Promise
23 |
24 | Items are{" "}
25 |
28 | that help you capture knowledge. For example, a{" "}
29 |
32 | item could contain decisions made in a meeting. Items can be grouped
33 | and nested with collections.
34 |
35 |
44 |
45 | );
46 | }
47 |
48 | if (!activeItem) {
49 | return (
50 |
51 |
54 |
55 |
58 |
59 | );
60 | }
61 | return (
62 |
35 |
36 |
37 |
38 | {content}
39 |
40 |
22 |
58 |
59 | );
60 | }
61 |
--------------------------------------------------------------------------------
/emails/login-link.tsx:
--------------------------------------------------------------------------------
1 | import { ORGNISE_LOGO } from "@/lib/constants";
2 | import {
3 | Body,
4 | Container,
5 | Head,
6 | Heading,
7 | Html,
8 | Img,
9 | Link,
10 | Preview,
11 | Section,
12 | Tailwind,
13 | Text,
14 | } from "@react-email/components";
15 | import Footer from "./component/footer";
16 |
17 | export default function LoginLink({
18 | email = "john@doe.io",
19 | url = "http://localhost:3000/api/auth/callback/email?callbackUrl=http%3A%2F%2Fapp.localhost%3A3000%2Flogin&token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&email=youremail@gmail.com",
20 | }: {
21 | email: string;
22 | url: string;
23 | }) {
24 | return (
25 |
26 |
23 |
33 |
39 |
40 |
41 |
24 |
29 | People
25 |26 | Teammates that have access to this workspace. 27 |
28 |
42 | {tabs.map((tab, index) => (
43 |
47 | setCurrentTab(tab)}
52 | />
53 |
54 | ))}
55 |
56 |