tr]:last:border-b-0', className)}
36 | {...props}
37 | />
38 | );
39 | }
40 |
41 | function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
42 | return (
43 | |
51 | );
52 | }
53 |
54 | function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
55 | return (
56 | [role=checkbox]]:translate-y-[2px]',
60 | className,
61 | )}
62 | {...props}
63 | />
64 | );
65 | }
66 |
67 | function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
68 | return (
69 | | [role=checkbox]]:translate-y-[2px]',
73 | className,
74 | )}
75 | {...props}
76 | />
77 | );
78 | }
79 |
80 | function TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {
81 | return (
82 |
87 | );
88 | }
89 |
90 | export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
91 |
--------------------------------------------------------------------------------
/playground/src/components/ui/tabs.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import * as React from 'react';
4 |
5 | import { cn } from '@/lib/utils';
6 | import * as TabsPrimitive from '@radix-ui/react-tabs';
7 |
8 | function Tabs({ className, ...props }: React.ComponentProps) {
9 | return (
10 |
15 | );
16 | }
17 |
18 | function TabsList({ className, ...props }: React.ComponentProps) {
19 | return (
20 |
28 | );
29 | }
30 |
31 | function TabsTrigger({ className, ...props }: React.ComponentProps) {
32 | return (
33 |
41 | );
42 | }
43 |
44 | function TabsContent({ className, ...props }: React.ComponentProps) {
45 | return (
46 |
51 | );
52 | }
53 |
54 | export { Tabs, TabsList, TabsTrigger, TabsContent };
55 |
--------------------------------------------------------------------------------
/playground/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | import { cn } from '@/lib/utils';
4 |
5 | function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
6 | return (
7 |
15 | );
16 | }
17 |
18 | export { Textarea };
19 |
--------------------------------------------------------------------------------
/playground/src/components/ui/toggle-group.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import * as React from 'react';
4 |
5 | import { toggleVariants } from '@/components/ui/toggle';
6 | import { cn } from '@/lib/utils';
7 | import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
8 | import { type VariantProps } from 'class-variance-authority';
9 |
10 | const ToggleGroupContext = React.createContext>({
11 | size: 'default',
12 | variant: 'default',
13 | });
14 |
15 | function ToggleGroup({
16 | className,
17 | variant,
18 | size,
19 | children,
20 | ...props
21 | }: React.ComponentProps & VariantProps) {
22 | return (
23 |
33 |
34 | {children}
35 |
36 |
37 | );
38 | }
39 |
40 | function ToggleGroupItem({
41 | className,
42 | children,
43 | variant,
44 | size,
45 | ...props
46 | }: React.ComponentProps & VariantProps) {
47 | const context = React.useContext(ToggleGroupContext);
48 |
49 | return (
50 |
64 | {children}
65 |
66 | );
67 | }
68 |
69 | export { ToggleGroup, ToggleGroupItem };
70 |
--------------------------------------------------------------------------------
/playground/src/components/ui/toggle.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | import { cn } from '@/lib/utils';
4 | import * as TogglePrimitive from '@radix-ui/react-toggle';
5 | import { type VariantProps, cva } from 'class-variance-authority';
6 |
7 | const toggleVariants = cva(
8 | "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
9 | {
10 | variants: {
11 | variant: {
12 | default: 'bg-transparent',
13 | outline:
14 | 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',
15 | },
16 | size: {
17 | default: 'h-9 px-2 min-w-9',
18 | sm: 'h-8 px-1.5 min-w-8',
19 | lg: 'h-10 px-2.5 min-w-10',
20 | },
21 | },
22 | defaultVariants: {
23 | variant: 'default',
24 | size: 'default',
25 | },
26 | },
27 | );
28 |
29 | function Toggle({
30 | className,
31 | variant,
32 | size,
33 | ...props
34 | }: React.ComponentProps & VariantProps) {
35 | return (
36 |
41 | );
42 | }
43 |
44 | export { Toggle, toggleVariants };
45 |
--------------------------------------------------------------------------------
/playground/src/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | import { cn } from '@/lib/utils';
4 | import * as TooltipPrimitive from '@radix-ui/react-tooltip';
5 |
6 | function TooltipProvider({
7 | delayDuration = 0,
8 | ...props
9 | }: React.ComponentProps) {
10 | return (
11 |
16 | );
17 | }
18 |
19 | function Tooltip({ ...props }: React.ComponentProps) {
20 | return (
21 |
22 |
23 |
24 | );
25 | }
26 |
27 | function TooltipTrigger({ ...props }: React.ComponentProps) {
28 | return ;
29 | }
30 |
31 | function TooltipContent({
32 | className,
33 | sideOffset = 0,
34 | children,
35 | ...props
36 | }: React.ComponentProps) {
37 | return (
38 |
39 |
48 | {children}
49 |
50 |
51 |
52 | );
53 | }
54 |
55 | export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
56 |
--------------------------------------------------------------------------------
/playground/src/hooks/use-mobile.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | const MOBILE_BREAKPOINT = 768;
4 |
5 | export function useIsMobile() {
6 | const [isMobile, setIsMobile] = React.useState(undefined);
7 |
8 | React.useEffect(() => {
9 | const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
10 | const onChange = () => {
11 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
12 | };
13 | mql.addEventListener('change', onChange);
14 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
15 | return () => mql.removeEventListener('change', onChange);
16 | }, []);
17 |
18 | return !!isMobile;
19 | }
20 |
--------------------------------------------------------------------------------
/playground/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from 'clsx';
2 | import { twMerge } from 'tailwind-merge';
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs));
6 | }
7 |
--------------------------------------------------------------------------------
/playground/src/main.tsx:
--------------------------------------------------------------------------------
1 | import { StrictMode } from 'react';
2 |
3 | import { createRoot } from 'react-dom/client';
4 |
5 | import App from './App.tsx';
6 | import './index.css';
7 |
8 | createRoot(document.getElementById('root')!).render(
9 |
10 |
11 | ,
12 | );
13 |
--------------------------------------------------------------------------------
/playground/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/playground/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
4 | "target": "ES2020",
5 | "useDefineForClassFields": true,
6 | "lib": ["ES2020", "DOM", "DOM.Iterable"],
7 | "module": "ESNext",
8 | "skipLibCheck": true,
9 |
10 | /* Bundler mode */
11 | "moduleResolution": "bundler",
12 | "allowImportingTsExtensions": true,
13 | "verbatimModuleSyntax": true,
14 | "moduleDetection": "force",
15 | "noEmit": true,
16 | "jsx": "react-jsx",
17 |
18 | /* Linting */
19 | "strict": true,
20 | "noUnusedLocals": true,
21 | "noUnusedParameters": true,
22 | "noFallthroughCasesInSwitch": true,
23 | "noUncheckedSideEffectImports": true,
24 |
25 | /* Paths */
26 | "baseUrl": ".",
27 | "paths": {
28 | "@/*": ["./src/*"]
29 | }
30 | },
31 | "include": ["src"]
32 | }
33 |
--------------------------------------------------------------------------------
/playground/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "files": [],
3 | "references": [
4 | {
5 | "path": "./tsconfig.app.json"
6 | },
7 | {
8 | "path": "./tsconfig.node.json"
9 | }
10 | ],
11 | "compilerOptions": {
12 | "baseUrl": ".",
13 | "paths": {
14 | "@/*": ["./src/*"]
15 | }
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/playground/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
4 | "target": "ES2022",
5 | "lib": ["ES2023"],
6 | "module": "ESNext",
7 | "skipLibCheck": true,
8 |
9 | /* Bundler mode */
10 | "moduleResolution": "bundler",
11 | "allowImportingTsExtensions": true,
12 | "verbatimModuleSyntax": true,
13 | "moduleDetection": "force",
14 | "noEmit": true,
15 |
16 | /* Linting */
17 | "strict": true,
18 | "noUnusedLocals": true,
19 | "noUnusedParameters": true,
20 | "noFallthroughCasesInSwitch": true,
21 | "noUncheckedSideEffectImports": true
22 | },
23 | "include": ["vite.config.ts"]
24 | }
25 |
--------------------------------------------------------------------------------
/playground/vite.config.ts:
--------------------------------------------------------------------------------
1 | import tailwindcss from '@tailwindcss/vite';
2 | import react from '@vitejs/plugin-react';
3 | import path from 'node:path';
4 | import { defineConfig } from 'vite';
5 |
6 | // https://vite.dev/config/
7 | export default defineConfig({
8 | plugins: [react(), tailwindcss()],
9 | resolve: {
10 | alias: {
11 | '@': path.resolve(__dirname, './src'),
12 | },
13 | },
14 | });
15 |
--------------------------------------------------------------------------------
/prettier.config.cjs:
--------------------------------------------------------------------------------
1 | /** @type {import('prettier').Config} */
2 | module.exports = {
3 | arrowParens: 'always',
4 | printWidth: 100,
5 | semi: true,
6 | singleQuote: true,
7 | tabWidth: 2,
8 | trailingComma: 'all',
9 |
10 | importOrder: [
11 | '^server-only|client-only$',
12 | '^react$',
13 | '^next(/.*)?$',
14 | '',
15 | '^@documenso/(.*)$',
16 | '^~/(.*)$',
17 | '^[./]',
18 | ],
19 | importOrderSeparation: true,
20 | importOrderSortSpecifiers: true,
21 | importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
22 |
23 | plugins: [
24 | '@trivago/prettier-plugin-sort-imports',
25 | 'prettier-plugin-sql',
26 | 'prettier-plugin-svelte',
27 | 'prettier-plugin-tailwindcss',
28 | ],
29 |
30 | overrides: [
31 | {
32 | files: ['*.sql'],
33 | options: {
34 | language: 'postgresql',
35 | keywordCase: 'upper',
36 | expressionWidth: 60,
37 | },
38 | },
39 | {
40 | files: ['*.svelte'],
41 | options: {
42 | parser: 'svelte',
43 | }
44 | }
45 | ],
46 | };
47 |
--------------------------------------------------------------------------------
/scripts/build.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | set -e
4 |
5 | SCRIPT_DIR="$(readlink -f "$(dirname "$0")")"
6 | MONOREPO_ROOT="$(readlink -f "$SCRIPT_DIR/../")"
7 |
8 | pushd "$MONOREPO_ROOT" > /dev/null
9 |
10 | trap "popd > /dev/null" EXIT
11 | trap "popd > /dev/null" ERR
12 |
13 | npm run build -w @documenso/embed
14 |
15 | npm run build -w @documenso/embed-angular
16 | npm run build -w @documenso/embed-preact
17 | npm run build -w @documenso/embed-react
18 | npm run build -w @documenso/embed-solid
19 | npm run build -w @documenso/embed-svelte
20 | npm run build -w @documenso/embed-vue
21 | npm run build -w @documenso/embed-webcomponent
22 |
23 | npm run format
24 |
--------------------------------------------------------------------------------
/scripts/version.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | set -e
4 |
5 | # Store and change to the root directory of the git repository
6 | pushd "$(git rev-parse --show-toplevel)" > /dev/null
7 |
8 | # Check if version argument is provided
9 | if [ -z "$1" ]; then
10 | echo "Error: Version argument is required"
11 | echo "Usage: $0 "
12 | popd > /dev/null
13 | exit 1
14 | fi
15 |
16 | VERSION=$1
17 |
18 | # Update version in all workspaces without creating git tags
19 | npm version $VERSION --workspaces --no-git-tag-version
20 |
21 | # Create a commit with the version
22 | git add .
23 | git commit -m "v$VERSION"
24 |
25 | # Create a git tag
26 | git tag -a "v$VERSION" -m "v$VERSION"
27 |
28 | echo "Version $VERSION has been set, committed, and tagged"
29 |
30 | # Return to the original directory
31 | popd > /dev/null
--------------------------------------------------------------------------------
/tooling/typescript/base.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Default",
4 | "compilerOptions": {
5 | "alwaysStrict": true,
6 | "composite": false,
7 | "declaration": true,
8 | "declarationMap": true,
9 | "esModuleInterop": true,
10 | "noErrorTruncation": true,
11 | "forceConsistentCasingInFileNames": true,
12 | "inlineSources": false,
13 | "isolatedModules": true,
14 | "moduleResolution": "node",
15 | "noUnusedLocals": false,
16 | "noUnusedParameters": false,
17 | "preserveWatchOutput": true,
18 | "skipLibCheck": true,
19 | "strict": true,
20 | "target": "ES2018"
21 | },
22 | "include": ["**/*.ts", "**/*.tsx", "**/.d.ts"],
23 | "exclude": ["node_modules"]
24 | }
25 |
--------------------------------------------------------------------------------
/tooling/typescript/react-library.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "React Library",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "alwaysStrict": true,
7 | "jsx": "preserve",
8 | "lib": ["dom", "dom.iterable", "esnext"],
9 | "module": "esnext",
10 | "noEmit": true,
11 | "declaration": false,
12 | "declarationMap": false,
13 | "resolveJsonModule": true
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
|