{children}
;
7 | }
8 |
--------------------------------------------------------------------------------
/apps/www/src/app/robots.ts:
--------------------------------------------------------------------------------
1 | import { MetadataRoute } from "next";
2 |
3 | export default function robots(): MetadataRoute.Robots {
4 | return {
5 | rules: {
6 | userAgent: "*",
7 | allow: "/",
8 | },
9 | };
10 | }
11 |
--------------------------------------------------------------------------------
/apps/www/src/lib/crypto.ts:
--------------------------------------------------------------------------------
1 | export function generateApiKey() {
2 | const array = new Uint8Array(32);
3 | crypto.getRandomValues(array);
4 | return Array.from(array, (byte) => byte.toString(16).padStart(2, "0")).join(
5 | "",
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/packages/db/eslint.config.js:
--------------------------------------------------------------------------------
1 | import baseConfig from "@dingify/eslint-config/base";
2 |
3 | /** @type {import('typescript-eslint').Config} */
4 | export default [
5 | {
6 | ignores: ["dist/**"],
7 | },
8 | ...baseConfig,
9 | ];
10 |
--------------------------------------------------------------------------------
/tooling/prettier/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@dingify/tsconfig/base.json",
3 | "compilerOptions": {
4 | "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
5 | },
6 | "include": ["."],
7 | "exclude": ["node_modules"]
8 | }
9 |
--------------------------------------------------------------------------------
/tooling/tailwind/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@dingify/tsconfig/base.json",
3 | "compilerOptions": {
4 | "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
5 | },
6 | "include": ["."],
7 | "exclude": ["node_modules"]
8 | }
9 |
--------------------------------------------------------------------------------
/apps/api/src/lib/generateApiKey.ts:
--------------------------------------------------------------------------------
1 | export function generateApiKey() {
2 | const array = new Uint8Array(32);
3 | crypto.getRandomValues(array);
4 | return Array.from(array, (byte) => byte.toString(16).padStart(2, "0")).join(
5 | ""
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/apps/www/src/app/(docs)/guides/layout.tsx:
--------------------------------------------------------------------------------
1 | interface GuidesLayoutProps {
2 | children: React.ReactNode;
3 | }
4 |
5 | export default function GuidesLayout({ children }: GuidesLayoutProps) {
6 | return {children}
;
7 | }
8 |
--------------------------------------------------------------------------------
/apps/www/src/lib/session.ts:
--------------------------------------------------------------------------------
1 | import { authOptions } from "@/lib/auth";
2 | import { getServerSession } from "next-auth/next";
3 |
4 | export async function getCurrentUser() {
5 | const session = await getServerSession(authOptions);
6 |
7 | return session?.user;
8 | }
9 |
--------------------------------------------------------------------------------
/apps/www/src/hooks/use-mounted.ts:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | export function useMounted() {
4 | const [mounted, setMounted] = React.useState(false);
5 |
6 | React.useEffect(() => {
7 | setMounted(true);
8 | }, []);
9 |
10 | return mounted;
11 | }
12 |
--------------------------------------------------------------------------------
/packages/db/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@dingify/tsconfig/internal-package.json",
3 | "compilerOptions": {
4 | "outDir": "dist",
5 | "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
6 | },
7 | "include": ["."],
8 | "exclude": ["node_modules", "dist"]
9 | }
10 |
--------------------------------------------------------------------------------
/tooling/typescript/internal-package.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "./base.json",
4 | "compilerOptions": {
5 | "declaration": true,
6 | "declarationMap": true,
7 | "noEmit": false,
8 | "emitDeclarationOnly": true
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/packages/ui/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@dingify/tsconfig/internal-package.json",
3 | "compilerOptions": {
4 | "lib": ["dom", "dom.iterable", "ES2022"],
5 | "jsx": "preserve",
6 | "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
7 | },
8 | "include": ["*.ts", "src"],
9 | "exclude": ["node_modules"]
10 | }
11 |
--------------------------------------------------------------------------------
/tooling/tailwind/eslint.config.js:
--------------------------------------------------------------------------------
1 | ///
7 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/packages/ui/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * This file is not used for any compilation purpose, it is only used
3 | * for Tailwind Intellisense & Autocompletion in the source files
4 | */
5 | import type { Config } from "tailwindcss";
6 |
7 | import baseConfig from "@dingify/tailwind-config";
8 |
9 | export default {
10 | content: ["./src/**/*.tsx"],
11 | presets: [baseConfig],
12 | } satisfies Config;
13 |
--------------------------------------------------------------------------------
/packages/ui/src/components/collapsible.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
4 |
5 | const Collapsible = CollapsiblePrimitive.Root;
6 |
7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
8 |
9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
10 |
11 | export { Collapsible, CollapsibleTrigger, CollapsibleContent };
12 |
--------------------------------------------------------------------------------
/apps/www/src/app/(property)/property/[id]/report/page.tsx:
--------------------------------------------------------------------------------
1 | export default function Report(props: { params: { id: string } }) {
2 | return (
3 |
4 | 
9 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/apps/www/src/components/buttons/DocsButton.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 |
3 | import { buttonVariants } from "@dingify/ui/components/button";
4 |
5 | import { cn } from "@/lib/utils";
6 |
7 | export function DocsButton() {
8 | return (
9 |
13 | Explore Docs
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/apps/www/src/components/dashboard/shell.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { cn } from "@/lib/utils";
3 |
4 | type DashboardShellProps = React.HTMLAttributes{"Nothing to see here..."}
5 |
9 |
13 | {children}
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/apps/www/src/hooks/use-lock-body.ts:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | // @see https://usehooks.com/useLockBodyScroll.
4 | export function useLockBody() {
5 | React.useLayoutEffect((): (() => void) => {
6 | const originalStyle: string = window.getComputedStyle(
7 | document.body,
8 | ).overflow;
9 | document.body.style.overflow = "hidden";
10 | return () => (document.body.style.overflow = originalStyle);
11 | }, []);
12 | }
13 |
--------------------------------------------------------------------------------
/apps/www/public/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Propwrite",
3 | "short_name": "Propwrite",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/apps/api/wrangler.toml:
--------------------------------------------------------------------------------
1 | name = "api"
2 | compatibility_date = "2023-12-28"
3 | main = "src/index.ts"
4 |
5 | [vars]
6 | MY_VAR = "my-variable"
7 |
8 | # [[kv_namespaces]]
9 | # binding = "MY_KV_NAMESPACE"
10 | # id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
11 |
12 | # [[r2_buckets]]
13 | # binding = "MY_BUCKET"
14 | # bucket_name = "my-bucket"
15 |
16 | # [[d1_databases]]
17 | # binding = "DB"
18 | # database_name = "my-database"
19 | # database_id = ""
20 |
21 | # [ai]
22 | # binding = "AI"
23 |
--------------------------------------------------------------------------------
/apps/www/src/components/UserBadge.tsx:
--------------------------------------------------------------------------------
1 | // components/shared/ClickableBadge.tsx
2 | import { Badge } from "@dingify/ui/components/badge";
3 |
4 | export function UserBadge({ customerId, userId, variant, onClick }) {
5 | const handleClick = (e) => {
6 | onClick(customerId);
7 | };
8 |
9 | return (
10 |
8 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/tooling/eslint/nextjs.js:
--------------------------------------------------------------------------------
1 | import nextPlugin from "@next/eslint-plugin-next";
2 |
3 | /** @type {AwaitedSomething went wrong!
9 | 12 |
13 |
15 |
13 |
15 |
13 |
15 |
14 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/apps/www/src/lib/pixel-events.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { useEffect } from "react";
4 | import { usePathname, useSearchParams } from "next/navigation";
5 |
6 | export const FacebookPixelEvents: React.FC = () => {
7 | const pathname = usePathname();
8 | const searchParams = useSearchParams();
9 |
10 | useEffect(() => {
11 | import("react-facebook-pixel")
12 | .then((x) => x.default)
13 | .then((ReactPixel) => {
14 | ReactPixel.init("1442315969659116"); //don't
15 | ReactPixel.pageView();
16 | });
17 | }, [pathname, searchParams]);
18 |
19 | return null;
20 | };
21 |
--------------------------------------------------------------------------------
/apps/www/src/app/(dashboard)/dashboard/notifications/loading.tsx:
--------------------------------------------------------------------------------
1 | import { DashboardHeader } from "@/components/dashboard/header";
2 | import { DashboardShell } from "@/components/dashboard/shell";
3 | import { CardSkeleton } from "@/components/shared/card-skeleton";
4 |
5 | export default function DashboardSettingsLoading() {
6 | return (
7 |
15 |
18 | {children}
19 | {heading}
16 | {text &&{text}
} 17 |
13 |
15 |
6 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/apps/www/src/lib/db.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-unnecessary-condition */
2 |
3 | import { env } from "@/env";
4 | import { Pool, PrismaClient, PrismaNeon } from "@dingify/db";
5 |
6 | const globalForPrisma = globalThis as unknown as { prisma: PrismaClient };
7 |
8 | const pool = new Pool({ connectionString: env.DATABASE_URL });
9 | const adapter = new PrismaNeon(pool);
10 |
11 | export const prisma =
12 | globalForPrisma.prisma ||
13 | new PrismaClient({
14 | adapter: adapter,
15 | log:
16 | env.NODE_ENV === "development" ? ["query", "error", "warn"] : ["error"],
17 | });
18 |
19 | if (env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;
20 |
--------------------------------------------------------------------------------
/apps/www/src/components/dashboard/generatedtext.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState } from "react";
4 |
5 | import DescriptionDisplay from "./descriptiondisplay";
6 |
7 | const Generatedtext = ({ propertyId, descriptionData }) => {
8 | const [localDescriptionData, setLocalDescriptionData] =
9 | useState(descriptionData);
10 |
11 | return (
12 | xs
7 | sm
8 | md
9 | lg
10 | xl
11 | 2xl
12 |
13 |
19 | );
20 | };
21 |
22 | export default Generatedtext;
23 |
--------------------------------------------------------------------------------
/apps/www/src/components/users/EmailButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Button } from "@dingify/ui/components/button";
4 |
5 | interface EmailButtonProps {
6 | email: string;
7 | subject: string;
8 | body: string;
9 | }
10 |
11 | const EmailButton: React.FC
20 | {customerDetails.userStatus}
21 |
22 |
11 |
14 | {children}
15 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/apps/www/src/components/docs/page-header.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/lib/utils";
2 |
3 | interface DocsPageHeaderProps extends React.HTMLAttributes
17 |
22 | 18 | {heading} 19 |
20 | {text &&{text}
} 21 |23 | 24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /tooling/prettier/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@dingify/prettier-config", 3 | "private": true, 4 | "version": "0.1.0", 5 | "type": "module", 6 | "exports": { 7 | ".": "./index.js" 8 | }, 9 | "scripts": { 10 | "clean": "rm -rf .turbo node_modules", 11 | "format": "prettier --check . --ignore-path ../../.gitignore", 12 | "typecheck": "tsc --noEmit" 13 | }, 14 | "dependencies": { 15 | "@ianvs/prettier-plugin-sort-imports": "^4.2.1", 16 | "prettier": "^3.2.5", 17 | "prettier-plugin-tailwindcss": "^0.5.13" 18 | }, 19 | "devDependencies": { 20 | "@dingify/tsconfig": "workspace:*", 21 | "typescript": "^5.4.5" 22 | }, 23 | "prettier": "@dingify/prettier-config" 24 | } 25 | -------------------------------------------------------------------------------- /tooling/typescript/base.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://json.schemastore.org/tsconfig", 3 | "compilerOptions": { 4 | "esModuleInterop": true, 5 | "skipLibCheck": true, 6 | "target": "ES2022", 7 | "lib": ["ES2022"], 8 | "allowJs": true, 9 | "resolveJsonModule": true, 10 | "moduleDetection": "force", 11 | "isolatedModules": true, 12 | "incremental": true, 13 | "disableSourceOfProjectReferenceRedirect": true, 14 | "strict": true, 15 | "noUncheckedIndexedAccess": true, 16 | "checkJs": true, 17 | "module": "Preserve", 18 | "moduleResolution": "Bundler", 19 | "noEmit": true 20 | }, 21 | "exclude": ["node_modules", "build", "dist", ".next", ".expo"] 22 | } 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | node_modules 5 | .pnp 6 | .pnp.js 7 | 8 | # turbo 9 | .turbo/ 10 | .turbo/ 11 | 12 | # testing 13 | coverage 14 | 15 | # next.js 16 | .next/ 17 | out/ 18 | 19 | # build 20 | build 21 | dist 22 | 23 | # misc 24 | .DS_Store 25 | *.pem 26 | 27 | # debug 28 | npm-debug.log* 29 | yarn-debug.log* 30 | yarn-error.log* 31 | .pnpm-debug.log* 32 | 33 | # local env files 34 | .env*.local 35 | .env 36 | 37 | # vercel 38 | .vercel 39 | 40 | # typescript 41 | *.tsbuildinfo 42 | next-env.d.ts 43 | 44 | # email 45 | .react-email/ 46 | 47 | .vscode 48 | .contentlayer 49 | 50 | #API 51 | .wrangler.toml 52 | wrangler.toml 53 | -------------------------------------------------------------------------------- /apps/www/src/actions/change-customer-details.ts: -------------------------------------------------------------------------------- 1 | // actions/update-customer.ts 2 | "use server"; 3 | 4 | import { revalidatePath } from "next/cache"; 5 | 6 | import { prisma } from "@/lib/db"; 7 | 8 | export async function changeCustomerDetails(customerId, data) { 9 | try { 10 | const updatedCustomer = await prisma.customer.update({ 11 | where: { id: customerId }, 12 | data, 13 | }); 14 | 15 | // Revalidate the path after updating the customer 16 | revalidatePath("/dashboard/users"); 17 | 18 | return { success: true, customer: updatedCustomer }; 19 | } catch (error) { 20 | console.error("Error updating customer:", error); 21 | return { success: false, error: error.message }; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | # Expo doesn't play nice with pnpm by default. 2 | # The symbolic links of pnpm break the rules of Expo monorepos. 3 | # @link https://docs.expo.dev/guides/monorepos/#common-issues 4 | node-linker=hoisted 5 | 6 | # In order to cache Prisma correctly 7 | public-hoist-pattern[]=*prisma* 8 | 9 | # FIXME: @prisma/client is required by the @acme/auth, 10 | # but we don't want it installed there since it's already 11 | # installed in the @acme/db package 12 | strict-peer-dependencies=false 13 | 14 | # Prevent pnpm from adding the "workspace:"" prefix to local 15 | # packages as it casues issues with manypkg 16 | # @link https://pnpm.io/npmrc#prefer-workspace-packages 17 | save-workspace-protocol=false 18 | prefer-workspace-packages=true 19 | -------------------------------------------------------------------------------- /apps/www/src/components/open-page/OpenStartupSection.tsx: -------------------------------------------------------------------------------- 1 | export default function OpenStartupSection() { 2 | return ( 3 |
5 |
15 | 6 | Open startup 7 |
8 |9 | Everything Open! 10 |
11 |12 | We want to make everything open, so lets share everything we have. 13 |
14 |
7 | {/*
17 | 8 | Open startup 9 |
*/} 10 |11 | Our users 12 |
13 |14 | How is the growth? 15 |
16 |
14 |
19 |
14 |
19 |
18 |
19 |
20 |
22 |
7 | {/*
17 | 8 | Open startup 9 |
*/} 10 |11 | Funding 12 |
13 |14 | We dont have done any funding runs yet, should we? 15 |
16 |
19 |
20 |
22 | {children}
23 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/apps/www/src/app/(marketing)/blog/page.tsx:
--------------------------------------------------------------------------------
1 | import { BlogPosts } from "@/components/blog-posts";
2 | import { allPosts } from "contentlayer/generated";
3 | import { compareDesc } from "date-fns";
4 |
5 | export const metadata = {
6 | title: "Dingify Blog - Insights on Real-Time Monitoring & Analytics",
7 | description:
8 | "Explore the latest insights on real-time monitoring, data analytics, and journey tracking strategies in the Dingify blog. Stay ahead with innovative business analytics and industry trends.",
9 | };
10 |
11 | export default async function BlogPage() {
12 | const posts = allPosts
13 | .filter((post) => post.published)
14 | .sort((a, b) => {
15 | return compareDesc(new Date(a.date), new Date(b.date));
16 | });
17 |
18 | return (
19 |
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |
21 |
23 |
9 |
17 | );
18 | }
19 |
20 | PropertyPicture.defaultProps = {
21 | src: "https://images.finncdn.no/dynamic/1600w/2023/11/vertical-2/10/2/318/430/822_1071303782.jpg", // Default src as empty string or any default image path
22 | alt: "Property Image", // Default alt text
23 | width: 500, // Example default width
24 | height: 300, // Example default height
25 | };
26 |
--------------------------------------------------------------------------------
/apps/www/src/actions/get-channels.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | // actions/get-channels.ts
4 | import { prisma } from "@/lib/db";
5 | import { getCurrentUser } from "@/lib/session";
6 |
7 | export async function getUserChannels() {
8 | const user = await getCurrentUser();
9 | if (!user) {
10 | throw new Error("User not authenticated");
11 | }
12 |
13 | // Fetch projects associated with the user
14 | const projects = await prisma.project.findMany({
15 | where: {
16 | userId: user.id,
17 | },
18 | select: {
19 | id: true,
20 | },
21 | });
22 |
23 | // Extract project IDs
24 | const projectIds = projects.map((project) => project.id);
25 |
26 | // Fetch channels for the user's projects
27 | const channels = await prisma.channel.findMany({
28 | where: {
29 | projectId: {
30 | in: projectIds,
31 | },
32 | },
33 | select: {
34 | id: true,
35 | name: true,
36 | },
37 | });
38 |
39 | return channels;
40 | }
41 |
--------------------------------------------------------------------------------
/apps/www/src/components/buttons/GenerateDescriptionsButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 | import { generateDescription } from "@/actions/generate-description";
5 |
6 | import { Button } from "@dingify/ui/components/button";
7 |
8 | const GenerateDescriptionButton = ({ propertyId }) => {
9 | async function handleGenerateDescription() {
10 | try {
11 | // Replace this with the actual API call to your server function
12 | const description = await generateDescription(propertyId);
13 | console.log("Generated Property Description:", description);
14 |
15 | const descriptionObject = JSON.parse(description);
16 | console.log("Generated Property Description:", descriptionObject);
17 | } catch (error) {
18 | console.error("Error generating description:", error);
19 | }
20 | }
21 |
22 | return (
23 |
24 | );
25 | };
26 |
27 | export default GenerateDescriptionButton;
28 |
--------------------------------------------------------------------------------
/apps/api/src/lib/db.ts:
--------------------------------------------------------------------------------
1 | import type { Env } from "../env";
2 | import { PrismaClient, PrismaNeon, Pool } from "@dingify/db";
3 |
4 | const pool = (env: Env) => new Pool({ connectionString: env.DATABASE_URL });
5 | const adapter = (env: Env) => new PrismaNeon(pool(env));
6 |
7 | const createPrismaClient = (env: Env): PrismaClient => {
8 | // Check if prisma client is already instantiated in global context
9 | const globalPrisma = globalThis as { prisma?: PrismaClient };
10 | const existingPrismaClient = globalPrisma.prisma;
11 |
12 | if (existingPrismaClient) {
13 | return existingPrismaClient;
14 | }
15 | const prismaClient = new PrismaClient({
16 | adapter: adapter(env),
17 | log:
18 | env.ENVIRONMENT === "development"
19 | ? ["query", "error", "warn"]
20 | : ["error"],
21 | errorFormat: "pretty",
22 | });
23 | if (env.ENVIRONMENT !== "production") {
24 | globalPrisma.prisma = prismaClient;
25 | }
26 | return prismaClient;
27 | };
28 |
29 | export const prisma = (env: Env) => createPrismaClient(env);
30 |
--------------------------------------------------------------------------------
/apps/www/src/actions/select-option.ts:
--------------------------------------------------------------------------------
1 | // actions/select-option.js
2 | "use server";
3 |
4 | import { prisma } from "@dingify/db";
5 |
6 | export async function selectOption(imageId, selectedOptionKey) {
7 | console.log(
8 | `Attempting to update selected option for imageId: ${imageId} with selectedOptionKey: ${selectedOptionKey}`
9 | );
10 |
11 | try {
12 | const updateResponse = await prisma.image.update({
13 | where: { id: imageId },
14 | data: {
15 | selectedOption: selectedOptionKey,
16 | },
17 | });
18 |
19 | console.log(`Update response from Prisma:`, updateResponse);
20 | console.log(`Selected option updated successfully for image ${imageId}`);
21 |
22 | return { success: true };
23 | } catch (error) {
24 | console.error(
25 | `Error when calling prisma.image.update for imageId ${imageId} with selectedOptionKey ${selectedOptionKey}:`,
26 | error
27 | );
28 | return { success: false, error: "Failed to update selected option" };
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/packages/ui/src/components/hover-card.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
5 |
6 | import { cn } from "../utils";
7 |
8 | const HoverCard = HoverCardPrimitive.Root;
9 |
10 | const HoverCardTrigger = HoverCardPrimitive.Trigger;
11 |
12 | const HoverCardContent = React.forwardRef<
13 | React.ElementRef
27 |
29 |
25 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/apps/www/src/actions/update-user-name.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { revalidatePath } from "next/cache";
4 | import { getServerSession } from "next-auth";
5 |
6 | import { authOptions } from "@/lib/auth";
7 | import { prisma } from "@/lib/db";
8 | import { userNameSchema } from "@/lib/validations/user";
9 |
10 | export interface FormData {
11 | name: string;
12 | }
13 |
14 | export async function updateUserName(userId: string, data: FormData) {
15 | try {
16 | const session = await getServerSession(authOptions);
17 |
18 | if (!session?.user || session.user.id !== userId) {
19 | throw new Error("Unauthorized");
20 | }
21 |
22 | const { name } = userNameSchema.parse(data);
23 |
24 | // Update the user name.
25 | await prisma.user.update({
26 | where: {
27 | id: userId,
28 | },
29 | data: {
30 | name: name,
31 | },
32 | });
33 |
34 | revalidatePath("/dashboard/settings");
35 | return { status: "success" };
36 | } catch (error) {
37 | console.log(error);
38 | return { status: "error" };
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/apps/www/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/apps/www/src/components/shared/callout.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/lib/utils";
2 |
3 | interface CalloutProps {
4 | icon?: string;
5 | children?: React.ReactNode;
6 | type?: "default" | "warning" | "danger" | "info";
7 | }
8 |
9 | // ✅💡⚠️🚫🚨
10 | export function Callout({
11 | children,
12 | icon,
13 | type = "default",
14 | ...props
15 | }: CalloutProps) {
16 | return (
17 |
26 |
30 | {href && (
31 |
32 | View
33 |
34 | )}
35 |
27 | {children}
28 |
29 |
28 | {icon && {icon}}
29 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/apps/www/src/actions/update-property-status.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { prisma } from "@dingify/db";
4 |
5 | export async function updatePropertyStatus(propertyId, newStatus) {
6 | if (!propertyId || !newStatus) {
7 | console.error("Property ID and new status are required.");
8 | return { success: false, error: "Missing parameters." };
9 | }
10 |
11 | try {
12 | const updatedProperty = await prisma.property.update({
13 | where: { id: propertyId },
14 | data: { status: newStatus },
15 | });
16 |
17 | if (updatedProperty) {
18 | console.log(
19 | `Status updated for property ID: ${propertyId} to ${newStatus}`
20 | );
21 | return { success: true, property: updatedProperty };
22 | } else {
23 | console.error(`No property found with ID: ${propertyId}`);
24 | return { success: false, error: "Property not found." };
25 | }
26 | } catch (error) {
27 | console.error(
28 | `Error updating status for property ID: ${propertyId}`,
29 | error
30 | );
31 | return { success: false, error: error.message };
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/apps/www/src/app/(marketing)/pricing/page.tsx:
--------------------------------------------------------------------------------
1 | import { PricingCards } from "@/components/pricing-cards";
2 | import { PricingFaq } from "@/components/pricing-faq";
3 | import { getCurrentUser } from "@/lib/session";
4 | import { getUserSubscriptionPlan } from "@/lib/subscription";
5 |
6 | import { Skeleton } from "@dingify/ui/components/skeleton";
7 |
8 | export const metadata = {
9 | title: "Dingify Pricing - Tailored Plans for Your Monitoring Needs",
10 | description:
11 | "Explore competitive pricing plans for Dingify. Find the perfect package to enhance your real-time monitoring, event tracking, and data analytics.",
12 | };
13 |
14 | export default async function PricingPage() {
15 | const user = await getCurrentUser();
16 | let subscriptionPlan;
17 |
18 | if (user) {
19 | subscriptionPlan = await getUserSubscriptionPlan(user.id);
20 | }
21 |
22 | return (
23 | {children}
30 |
24 |
26 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/apps/www/src/app/(marketing)/open/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Skeleton } from "@dingify/ui/components/skeleton";
2 |
3 | export default function Loading() {
4 | return (
5 | 26 |
6 |
7 |
24 |
25 |
26 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/apps/www/src/app/(marketing)/pricing/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Skeleton } from "@dingify/ui/components/skeleton";
2 |
3 | export default function Loading() {
4 | return (
5 |
8 |
12 |
13 |
14 |
18 |
19 |
20 |
23 | 26 |
6 |
7 |
24 |
25 |
26 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/apps/www/src/actions/get-credits.ts:
--------------------------------------------------------------------------------
1 | // actions/get-user-credits.js
2 | "use server";
3 |
4 | import { getCurrentUser } from "@/lib/session";
5 |
6 | import { prisma } from "@dingify/db";
7 |
8 | export async function getUserCredits() {
9 | const user = await getCurrentUser();
10 | const userId = user?.id;
11 |
12 | if (!userId) {
13 | console.error("No user found for fetching credits.");
14 | return { success: false, error: "No user found." };
15 | }
16 |
17 | try {
18 | const userWithCredits = await prisma.user.findUnique({
19 | where: { id: userId },
20 | select: { credits: true },
21 | });
22 |
23 | if (userWithCredits) {
24 | console.log(
25 | `Credits for user ID: ${userId} are ${userWithCredits.credits}`
26 | );
27 | return { success: true, credits: userWithCredits.credits };
28 | } else {
29 | console.error(`No user found with ID: ${userId}`);
30 | return { success: false, error: "User not found." };
31 | }
32 | } catch (error) {
33 | console.error(`Error fetching credits for user ID: ${userId}`, error);
34 | return { success: false, error: error.message };
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/apps/www/src/components/docs/search.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { cn } from "@/lib/utils";
5 |
6 | import { Input } from "@dingify/ui/components/input";
7 | import { toast } from "sonner";
8 |
9 | type DocsSearchProps = React.HTMLAttributes
8 |
12 |
13 |
14 |
18 |
19 |
20 |
23 | 26 |
34 | {children} 35 |
36 | ); 37 | }; 38 | 39 | export default TextShimmer; 40 | -------------------------------------------------------------------------------- /apps/www/src/actions/send-onboarding-email.ts: -------------------------------------------------------------------------------- 1 | "use server"; 2 | 3 | // src/utils/sendOnboardingEmail.ts 4 | import WelcomeEmail from "@/emails/welcome-email"; 5 | 6 | import { prisma } from "@/lib/db"; 7 | import { resend } from "@/lib/email"; 8 | 9 | // import { prisma } from "@dingify/db"; 10 | 11 | async function sendOnboardingEmail(email: string, name: string) { 12 | try { 13 | const emailResult = await resend.emails.send({ 14 | from: "Dingify
21 |
22 |
23 |
24 | ### Documentation
25 |
26 | This documentation site built using Contentlayer.
27 |
28 |
29 |
30 |
31 |
32 | ### Marketing
33 |
34 | The marketing site with landing pages.
35 |
36 |
37 |
38 |
39 |
40 | ### App
41 |
42 | The dashboard with auth and subscriptions.
43 |
44 |
45 |
46 |
47 |
48 | ### Blog
49 |
50 | The blog built using Contentlayer and MDX.
51 |
52 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/apps/www/src/components/buttons/GetStartedButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useRouter } from "next/navigation";
4 | import { ArrowRightIcon } from "@radix-ui/react-icons";
5 | import { useSession } from "next-auth/react";
6 |
7 | import { Button, buttonVariants } from "@dingify/ui/components/button";
8 |
9 | import { cn } from "@/lib/utils";
10 | import { useSigninModal } from "@/hooks/use-signin-modal";
11 |
12 | export function GetStartedButton() {
13 | const signInModal = useSigninModal();
14 | const { data: session } = useSession();
15 | const router = useRouter();
16 |
17 | const handleClick = () => {
18 | if (!session) {
19 | signInModal.onOpen();
20 | return;
21 | }
22 |
23 | router.push("/dashboard");
24 | };
25 |
26 | return (
27 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/apps/www/src/types/types.ts:
--------------------------------------------------------------------------------
1 | // types.ts
2 | import { z } from "zod";
3 |
4 | // Define TypeScript types
5 | export type Event = {
6 | id: string;
7 | name: string;
8 | channelId: string;
9 | userId: string;
10 | icon: string;
11 | notify: boolean;
12 | tags: Record
6 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/packages/ui/src/components/stepper/use-stepper.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { StepperContext } from "./context";
4 |
5 | function usePrevious
7 |
10 |
11 |
20 |
12 |
14 |
15 |
19 |
21 |
30 |
22 |
24 |
25 |
29 |
33 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/packages/ui/src/components/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 "../utils";
7 |
8 | const Switch = React.forwardRef<
9 | React.ElementRef
34 |
42 | {Icon}
35 |
36 |
41 | {name}
37 |38 | {description} 39 |
40 |{background}
43 |
44 | {cta}
45 |
46 | 14 | {marketing ? ( 15 |
27 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/apps/www/src/hooks/use-media-query.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | export default 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 |
--------------------------------------------------------------------------------
/apps/www/src/components/users/UserEmailCard.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Card,
3 | CardContent,
4 | CardDescription,
5 | CardHeader,
6 | CardTitle,
7 | } from "@dingify/ui/components/card";
8 |
9 | import EmailButton from "./EmailButton"; // Adjust the import path as necessary
10 |
11 | export default function UserEmailCard({ customerDetails }) {
12 | const email = customerDetails.email || "example@example.com";
13 | const name = customerDetails.name || "[Customer Name]";
14 | const subject = "Checking In: How's Your Experience with [Your Product]?";
15 | const body = `
16 | Hi ${name},
17 |
18 | How is it going with [Your Product]?
19 |
20 | Just wanted to hear how the experience with [Your Product] has been. Would love to have a chat about how I can make the product better for you.
21 |
22 | Looking forward to hearing from you.
23 |
24 | Best regards,
25 | [Your Name]
26 |
27 | [Your Contact Information]
28 | `;
29 |
30 | return (
31 |
30 |
33 |
34 | {children}
35 |
36 |
37 |
34 | {Array(repeat)
35 | .fill(0)
36 | .map((_, i) => (
37 |
50 | );
51 | }
52 |
--------------------------------------------------------------------------------
/apps/www/src/config/dashboard.ts:
--------------------------------------------------------------------------------
1 | import { DashboardConfig } from "@/types";
2 |
3 | export const dashboardConfig: DashboardConfig = {
4 | mainNav: [
5 | {
6 | title: "Docs",
7 | href: "https://docs.dingify.io/",
8 | },
9 | {
10 | title: "Support",
11 | href: "/support",
12 | disabled: true,
13 | },
14 | ],
15 | sidebarNav: [
16 | {
17 | title: "Dashboard",
18 | href: "/dashboard",
19 | icon: "home",
20 | },
21 | {
22 | title: "Analytics",
23 | href: "/dashboard/analytics",
24 | icon: "piechart",
25 | },
26 | {
27 | title: "Users",
28 | href: "/dashboard/users",
29 | icon: "user",
30 | },
31 | {
32 | title: "Notifications",
33 | href: "/dashboard/notifications",
34 | icon: "bell",
35 | },
36 | {
37 | title: "Billing",
38 | href: "/dashboard/billing",
39 | icon: "billing",
40 | },
41 | {
42 | title: "Settings",
43 | href: "/dashboard/settings",
44 | icon: "settings",
45 | },
46 | // {
47 | // title: "Placeholder Names",
48 | // href: "/dashboard/channels",
49 | // },
50 | // {
51 | // title: "Marketing",
52 | // href: "/dashboard/channels/marketing",
53 | // },
54 | // {
55 | // title: "Sales",
56 | // href: "/dashboard/channels/sales",
57 | // },
58 | ],
59 | };
60 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.yml:
--------------------------------------------------------------------------------
1 | name: 🚀 Feature request
2 | description: Suggest an idea for this project 💡
3 | title: "Feature: "
4 | labels: [👀 Exploration Pending, 💡 feature]
5 | body:
6 | - type: markdown
7 | attributes:
8 | value: |
9 | Thanks for taking the time to fill out this feature request!
10 | - type: dropdown
11 | attributes:
12 | multiple: false
13 | label: Type of feature
14 | description: Select the type of feature request, the lowercase should also be the PR prefix.
15 | options:
16 | - "💡 Feature"
17 | - "🐛 Fix"
18 | - "📝 Documentation"
19 | - "🎨 Style"
20 | - "🧑💻 Refactor"
21 | - "🔥 Performance"
22 | - "✅ Test"
23 | - "🤖 Build"
24 | - "🔁 CI"
25 | - "📦 Chore"
26 | - "⏩ Revert"
27 | validations:
28 | required: true
29 | - type: textarea
30 | attributes:
31 | label: Current behavior
32 | description: Is your feature request related to a problem? Please describe.
33 | validations:
34 | required: true
35 | - type: textarea
36 | attributes:
37 | label: Suggested solution
38 | description: Describe the solution you'd like.
39 | - type: input
40 | id: context
41 | attributes:
42 | label: Additional context
43 | description: Add any other context about the problem or helpful links here.
44 |
--------------------------------------------------------------------------------
/apps/www/src/components/dashboard/calltoaction.tsx:
--------------------------------------------------------------------------------
1 | import { Balancer } from "react-wrap-balancer";
2 |
3 | import { GetStartedButton } from "../buttons/GetStartedButton";
4 |
5 | const CallToActionComponent = () => {
6 | return (
7 |
46 | {children}
47 |
48 | ))}
49 |
8 |
12 |
14 |
31 | );
32 | };
33 |
34 | export default CallToActionComponent;
35 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.yml:
--------------------------------------------------------------------------------
1 | name: 🐛 Bug report
2 | description: Create a bug report to help us improve ProjectX ✨
3 | title: "Bug: "
4 | labels: [👀 Exploration Pending, 🐛 bug]
5 | body:
6 | - type: markdown
7 | attributes:
8 | value: |
9 | Thanks for taking the time to fill out this bug report!
10 | - type: textarea
11 | attributes:
12 | label: Describe the bug
13 | description: A clear and concise description of what the bug is.
14 | validations:
15 | required: true
16 | - type: textarea
17 | attributes:
18 | label: Steps to reproduce
19 | description: Describe how to reproduce the behavior.
20 | placeholder: |
21 | 1. Go to '...'
22 | 2. Click on '...'
23 | 3. Scroll down to '...'
24 | 4. See error
25 | validations:
26 | required: true
27 | - type: dropdown
28 | attributes:
29 | multiple: true
30 | label: Browsers
31 | description: Select the browsers where the issue can be reproduced (that you know of).
32 | options:
33 | - "Chrome"
34 | - "Firefox"
35 | - "Safari"
36 | - "Edge"
37 | - "Opera"
38 | - "Other (add additional context)"
39 | - type: input
40 | id: context
41 | attributes:
42 | label: Additional context (Is this in dev or production?)
43 | description: Add any other context about the problem or helpful links here.
44 |
--------------------------------------------------------------------------------
/apps/www/src/components/providers.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { SessionProvider } from "next-auth/react";
4 | import { ThemeProvider as NextThemesProvider } from "next-themes";
5 | import { ThemeProviderProps } from "next-themes/dist/types";
6 | import { Onborda, OnbordaProvider, Step } from "onborda";
7 | import { Provider as BalancerProvider } from "react-wrap-balancer";
8 |
9 | import { TooltipProvider } from "@dingify/ui/components/tooltip";
10 |
11 | // Example steps array
12 | const steps: Step[] = [
13 | {
14 | icon: <>👋,
15 | title: "Step 1",
16 | content: <>This is the first step,
17 | selector: "#onborda-step1",
18 | side: "top",
19 | showControls: true,
20 | pointerPadding: 10,
21 | pointerRadius: 10,
22 | nextRoute: "/nextStep",
23 | prevRoute: "/previousStep",
24 | },
25 | // Add more steps as needed
26 | ];
27 |
28 | export function Providers({ children, ...props }: ThemeProviderProps) {
29 | return (
30 |
12 | Boost your productivity today
13 |
14 |
18 |
28 |
30 |
28 | Built for developers
29 |
Available today.
30 |
31 |
32 | {/*
35 |
34 |
41 | );
42 | };
43 |
44 | export default PropertyImageWithOptions;
45 |
--------------------------------------------------------------------------------
/apps/www/eslint.config.js:
--------------------------------------------------------------------------------
1 | import baseConfig from "@dingify/eslint-config/base";
2 | import nextjsConfig from "@dingify/eslint-config/nextjs";
3 | import reactConfig from "@dingify/eslint-config/react";
4 |
5 | /** @type {import('typescript-eslint').Config} */
6 | export default [
7 | {
8 | ignores: [".next/**"],
9 | },
10 | ...baseConfig,
11 | ...reactConfig,
12 | ...nextjsConfig,
13 | {
14 | // TODO: Resolve errors when setting these rules to 'error'
15 | rules: {
16 | "@typescript-eslint/ban-ts-comment": "warn",
17 | "@typescript-eslint/no-unsafe-member-access": "warn",
18 | "@typescript-eslint/no-non-null-assertion": "warn",
19 | "@typescript-eslint/consistent-type-definitions": "warn",
20 | "@typescript-eslint/no-unnecessary-condition": "warn",
21 | "@typescript-eslint/prefer-nullish-coalescing": "warn",
22 | "@typescript-eslint/no-unsafe-argument": "warn",
23 | "@typescript-eslint/no-unsafe-return": "warn",
24 | "@typescript-eslint/no-unused-vars": "warn",
25 | "@typescript-eslint/require-await": "warn",
26 | "@typescript-eslint/no-explicit-any": "warn",
27 | "@typescript-eslint/no-unsafe-assignment": "warn",
28 | "@typescript-eslint/no-floating-promises": "warn",
29 | "@typescript-eslint/no-non-null-asserted-optional-chain": "warn",
30 | "@typescript-eslint/no-unsafe-call": "warn",
31 | "@typescript-eslint/no-empty-function": "warn",
32 | "@typescript-eslint/dot-notation": "warn",
33 | },
34 | },
35 | ];
36 |
--------------------------------------------------------------------------------
/packages/db/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@dingify/db",
3 | "version": "0.1.0",
4 | "private": true,
5 | "type": "module",
6 | "exports": {
7 | ".": {
8 | "types": "./index.ts",
9 | "default": "./index.ts"
10 | }
11 | },
12 | "license": "MIT",
13 | "scripts": {
14 | "clean": "rm -rf .turbo node_modules",
15 | "format": "prettier --check . --ignore-path ../../.gitignore",
16 | "lint": "eslint .",
17 | "typecheck": "tsc --noEmit --emitDeclarationOnly false",
18 | "with-env": "dotenv -e ../../.env --",
19 | "db:generate": "pnpm with-env prisma generate",
20 | "db:push": "pnpm with-env prisma db push --skip-generate",
21 | "db:migrate:dev": "pnpm with-env prisma migrate dev",
22 | "db:migrate:reset": "pnpm with-env prisma migrate reset",
23 | "db:migrate:deploy": "pnpm with-env prisma migrate deploy",
24 | "db:studio": "pnpm with-env prisma studio",
25 | "db:force": "pnpm with-env prisma db push --force-reset",
26 | "postinstall": "pnpm db:generate"
27 | },
28 | "dependencies": {
29 | "@neondatabase/serverless": "^0.9.3",
30 | "@prisma/adapter-neon": "^5.13.0",
31 | "@prisma/client": "^5.12.1",
32 | "@t3-oss/env-core": "^0.9.2"
33 | },
34 | "devDependencies": {
35 | "@dingify/eslint-config": "workspace:*",
36 | "@dingify/prettier-config": "workspace:*",
37 | "@dingify/tsconfig": "workspace:*",
38 | "dotenv-cli": "^7.4.1",
39 | "eslint": "^9.0.0",
40 | "prettier": "^3.2.5",
41 | "prisma": "^5.12.1",
42 | "typescript": "^5.4.5"
43 | },
44 | "prettier": "@dingify/prettier-config"
45 | }
46 |
--------------------------------------------------------------------------------
/apps/www/src/components/dashboard/beam-section.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { forwardRef, useRef } from "react";
4 |
5 | import { BentoSectionLanding } from "../ui/bento-section-landing";
6 |
7 | export function BeamSection() {
8 | const containerRef = useRef
35 |
37 |
38 |
40 |
13 |
29 |
30 |
14 | {/*
28 | 15 | Pricing 16 |
*/} 17 | 18 |19 | Easy to integrate 20 |
21 | 22 |23 | It only takes a single HTTP request to get started. 24 | Integrate seamlessly with your our SDK and tools to simplify the 25 | process. 26 |
27 |
31 |
38 |
35 |
37 |
50 |
51 |
52 | );
53 | }
54 |
--------------------------------------------------------------------------------
/apps/www/src/content/docs/documentation/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Documentation
3 | description: Build your documentation site using Contentlayer and MDX.
4 | ---
5 |
6 | Taxonomy includes a documentation site built using [Contentlayer](https://contentlayer.dev) and [MDX](http://mdxjs.com).
7 |
8 | ## Features
9 |
10 | It comes with the following features out of the box:
11 |
12 | 1. Write content using MDX.
13 | 2. Transform and validate content using Contentlayer.
14 | 3. MDX components such as `
27 |
28 |
29 |
30 | ### Contentlayer
31 |
32 | Learn how to use MDX with Contentlayer.
33 |
34 |
35 |
36 |
37 |
38 | ### Components
39 |
40 | Using React components in Mardown.
41 |
42 |
43 |
44 |
45 |
46 | ### Code Blocks
47 |
48 | Beautiful code blocks with syntax highlighting.
49 |
50 |
51 |
52 |
53 |
54 | ### Style Guide
55 |
56 | View a sample page with all the styles.
57 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/tooling/eslint/base.js:
--------------------------------------------------------------------------------
1 | ///
46 |
48 |
35 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/apps/www/src/components/layout/mode-toggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { Icons } from "@/components/shared/icons";
5 | import { useTheme } from "next-themes";
6 |
7 | import { Button } from "@dingify/ui/components/button";
8 | import {
9 | DropdownMenu,
10 | DropdownMenuContent,
11 | DropdownMenuItem,
12 | DropdownMenuTrigger,
13 | } from "@dingify/ui/components/dropdown-menu";
14 |
15 | export function ModeToggle() {
16 | const { setTheme } = useTheme();
17 |
18 | return (
19 |
38 |
41 |
42 | {children}
43 |
44 |
45 |
29 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/apps/api/src/index.ts:
--------------------------------------------------------------------------------
1 | import { Hono } from "hono";
2 |
3 | import { Env, zEnv } from "./env";
4 | import { prisma } from "./lib/db";
5 | import channels from "./routes/channels";
6 | import events from "./routes/events";
7 | import projects from "./routes/projects";
8 | import users from "./routes/users";
9 |
10 | const app = new Hono<{
11 | Bindings: Env;
12 | }>();
13 |
14 | app.use("/api/*", async (c, next) => {
15 | // Skip API key check for user registration endpoint
16 | if (c.req.path === "/api/users" && c.req.method === "POST") {
17 | return next();
18 | }
19 |
20 | const apiKey = c.req.header("x-api-key");
21 | if (!apiKey) {
22 | return c.json({ ok: false, message: "API key is required" }, 401);
23 | }
24 |
25 | const user = await prisma(c.env).user.findUnique({
26 | where: { apiKey },
27 | });
28 |
29 | if (!user) {
30 | return c.json({ ok: false, message: "Invalid API key" }, 401);
31 | }
32 |
33 | return next();
34 | });
35 |
36 | // Routes //
37 | app.route("/api/users", users);
38 | app.route("/api/projects", projects);
39 | app.route("/api/channels", channels);
40 | app.route("/api/events", events);
41 |
42 | export default {
43 | fetch: (req: Request, env: Env, exCtx: ExecutionContext) => {
44 | const parsedEnv = zEnv.safeParse(env);
45 |
46 | if (!parsedEnv.success) {
47 | return Response.json(
48 | {
49 | code: "BAD_ENVIRONMENT",
50 | message: "Some environment variables are missing or are invalid",
51 | errors: parsedEnv.error,
52 | },
53 | { status: 500 },
54 | );
55 | }
56 |
57 | return app.fetch(req, parsedEnv.data, exCtx);
58 | },
59 | };
60 |
--------------------------------------------------------------------------------
/apps/www/src/components/shared/modal.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import useMediaQuery from "@/hooks/use-media-query";
4 | import { cn } from "@/lib/utils";
5 | import { Drawer } from "vaul";
6 |
7 | import { Dialog, DialogContent } from "@dingify/ui/components/dialog";
8 |
9 | interface ModalProps {
10 | children: React.ReactNode;
11 | className?: string;
12 | showModal: boolean;
13 | setShowModal: () => void;
14 | }
15 |
16 | export function Modal({
17 | children,
18 | className,
19 | showModal,
20 | setShowModal,
21 | }: ModalProps) {
22 | const { isMobile } = useMediaQuery();
23 |
24 | if (isMobile) {
25 | return (
26 |
36 |
37 |
38 | {children}
39 |
35 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/packages/ui/src/components/toggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import type { VariantProps } from "class-variance-authority";
4 | import * as React from "react";
5 | import * as TogglePrimitive from "@radix-ui/react-toggle";
6 | import { cva } from "class-variance-authority";
7 |
8 | import { cn } from "../utils";
9 |
10 | const toggleVariants = cva(
11 | "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
12 | {
13 | variants: {
14 | variant: {
15 | default: "bg-transparent",
16 | outline:
17 | "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
18 | },
19 | size: {
20 | default: "h-10 px-3",
21 | sm: "h-9 px-2.5",
22 | lg: "h-11 px-5",
23 | },
24 | },
25 | defaultVariants: {
26 | variant: "default",
27 | size: "default",
28 | },
29 | }
30 | );
31 |
32 | const Toggle = React.forwardRef<
33 | React.ElementRef
38 |
41 |
42 | {children}
43 |
44 |
45 |
23 |
45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/apps/www/src/app/(docs)/layout.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import { DocsSearch } from "@/components/docs/search";
3 | import { DocsSidebarNav } from "@/components/docs/sidebar-nav";
4 | import { NavBar } from "@/components/layout/navbar";
5 | import { SiteFooter } from "@/components/layout/site-footer";
6 | import { Icons } from "@/components/shared/icons";
7 | import { docsConfig } from "@/config/docs";
8 | import { siteConfig } from "@/config/site";
9 | import { getCurrentUser } from "@/lib/session";
10 |
11 | interface DocsLayoutProps {
12 | children: React.ReactNode;
13 | }
14 |
15 | const rightHeader = () => (
16 |
24 |
25 |
44 |
17 |
30 | );
31 |
32 | export default async function DocsLayout({ children }: DocsLayoutProps) {
33 | const user = await getCurrentUser();
34 |
35 | return (
36 |
18 |
20 |
21 |
23 |
29 |
37 |
42 |
44 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/apps/www/src/components/billing-info.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import type { UserSubscriptionPlan } from "@/types";
4 | import * as React from "react";
5 | import Link from "next/link";
6 | import { cn, formatDate } from "@/lib/utils";
7 |
8 | import { buttonVariants } from "@dingify/ui/components/button";
9 | import {
10 | Card,
11 | CardContent,
12 | CardDescription,
13 | CardFooter,
14 | CardHeader,
15 | CardTitle,
16 | } from "@dingify/ui/components/card";
17 |
18 | interface BillingInfoProps extends React.HTMLAttributes{children}
45 | 40 | {subscriptionPlan.isCanceled 41 | ? "Your plan will be canceled on " 42 | : "Your plan renews on "} 43 | {formatDate(subscriptionPlan.stripeCurrentPeriodEnd)}. 44 |
45 | ) : null} 46 |
34 |
35 | {itemsToShow.map((item) => (
36 |
37 | {item}
38 |
39 | ))}
40 |
41 |
42 | );
43 | },
44 | );
45 |
46 | AnimatedList.displayName = "AnimatedList";
47 |
48 | export function AnimatedListItem({ children }: { children: React.ReactNode }) {
49 | const animations = {
50 | initial: { scale: 0, opacity: 0 },
51 | animate: { scale: 1, opacity: 1, originY: 0 },
52 | exit: { scale: 0, opacity: 0 },
53 | transition: { type: "spring", stiffness: 350, damping: 40 },
54 | };
55 |
56 | return (
57 |