fix: wip

apps/remix/app/components/general/document/document-audit-log-download-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Trans, msg } from '@lingui/macro';
 import { useLingui } from '@lingui/react';
 import { DownloadIcon } from 'lucide-react';

apps/remix/app/components/general/document/document-page-view-information.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useMemo } from 'react';
 
 import { Trans, msg } from '@lingui/macro';

apps/remix/app/components/general/document/document-page-view-recent-activity.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useMemo } from 'react';
 
 import { Trans, msg } from '@lingui/macro';

apps/remix/app/components/general/teams/team-email-dropdown.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Trans, msg } from '@lingui/macro';
 import { useLingui } from '@lingui/react';
 import { Edit, Loader, Mail, MoreHorizontal, X } from 'lucide-react';

apps/remix/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "cross-env NODE_ENV=production react-router build",
+    "build": "cross-env NODE_ENV=production bunx --bun vite build",
     "dev": "bunx --bun vite",
     "dev:node": "react-router dev",
     "start": "cross-env NODE_ENV=production node dist/server/index.js",
@@ -12,6 +12,15 @@
     "copy:pdfjs": "node ../../scripts/copy-pdfjs.cjs"
   },
   "dependencies": {
+    "@documenso/auth": "*",
+    "@documenso/api": "*",
+    "@documenso/assets": "*",
+    "@documenso/ee": "*",
+    "@documenso/lib": "*",
+    "@documenso/prisma": "*",
+    "@documenso/trpc": "*",
+    "@documenso/ui": "*",
+    "@documenso/tailwind-config": "*",
     "@epic-web/remember": "^1.1.0",
     "@hono/node-server": "^1.13.7",
     "@hono/trpc-server": "^0.3.4",

apps/remix/server/index.ts

@@ -1,4 +1,3 @@
-// server/index.ts
 import { Hono } from 'hono';
 import { PDFDocument } from 'pdf-lib';
 

apps/remix/tsconfig.json

@@ -10,17 +10,7 @@
     "rootDirs": [".", "./.react-router/types"],
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"],
+      "~/*": ["./app/*"]
-      // Todo fix this stuff
-      "@documenso/api": ["../../packages/api"],
-      "@documenso/assets": ["../../packages/assets"],
-      "@documenso/auth": ["../../packages/auth"],
-      "@documenso/ee": ["../../packages/ee"],
-      "@documenso/lib": ["../../packages/lib"],
-      "@documenso/prisma": ["../../packages/prisma"],
-      "@documenso/trpc": ["../../packages/trpc"],
-      "@documenso/ui": ["../../packages/ui"],
-      "@documenso/tailwind-config": ["../../packages/tailwind-config"]
     },
     "esModuleInterop": true,
     "verbatimModuleSyntax": true,

apps/remix/vite.config.ts

@@ -54,23 +54,14 @@ export default defineConfig({
   ],
   optimizeDeps: {
     exclude: ['superjson'],
-    force: true,
+    // force: true,
   },
   build: {
     commonjsOptions: {
       include: ['superjson'],
     },
+    rollupOptions: {
+      external: ['@node-rs/bcrypt'],
+    },
   },
-  // optimizeDeps: {
-  //   exclude: [
-  //     '@node-rs/bcrypt-wasm32-wasi',
-  //     '@noble/ciphers/chacha',
-  //     '@noble/ciphers/utils',
-  //     '@noble/ciphers/webcrypto/utils',
-  //     '@noble/hashes/sha256a',
-  //     'crypto',
-  //     '@node-rs/bcrypt',
-  //   ], // Todo: Probably remove.
-  //   force: true,
-  // },
 });

package-lock.json

@@ -108,6 +108,15 @@
     "apps/remix": {
       "name": "@documenso/remix",
       "dependencies": {
+        "@documenso/api": "*",
+        "@documenso/assets": "*",
+        "@documenso/auth": "*",
+        "@documenso/ee": "*",
+        "@documenso/lib": "*",
+        "@documenso/prisma": "*",
+        "@documenso/tailwind-config": "*",
+        "@documenso/trpc": "*",
+        "@documenso/ui": "*",
         "@epic-web/remember": "^1.1.0",
         "@hono/node-server": "^1.13.7",
         "@hono/trpc-server": "^0.3.4",

packages/email/providers/branding.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { createContext, useContext } from 'react';
 
 type BrandingContextValue = {

packages/lib/client-only/hooks/use-document-element.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { useCallback } from 'react';
 
 import { getBoundingClientRect } from '@documenso/lib/client-only/get-bounding-client-rect';

packages/lib/client-only/providers/feature-flag.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 
 import {
@@ -9,7 +7,7 @@ import {
 } from '@documenso/lib/constants/feature-flags';
 import { getAllFlags } from '@documenso/lib/universal/get-feature-flag';
 
-import { TFeatureFlagValue } from './feature-flag.types';
+import type { TFeatureFlagValue } from './feature-flag.types';
 
 export type FeatureFlagContextValue = {
   getFlag: (_key: string) => TFeatureFlagValue;

packages/lib/client-only/providers/i18n.client.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useState } from 'react';
 
 import { type Messages, setupI18n } from '@lingui/core';

packages/lib/server-only/document-data/create-document-data.ts

@@ -1,5 +1,3 @@
-'use server';
-
 import type { DocumentDataType } from '@prisma/client';
 
 import { prisma } from '@documenso/prisma';

packages/ui/components/animate/animate-generic-fade-in-out.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { motion } from 'framer-motion';
 
 type AnimateGenericFadeInOutProps = {

packages/ui/components/common/copy-text-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useState } from 'react';
 
 import { motion } from 'framer-motion';

packages/ui/components/document/document-global-auth-access-select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { forwardRef } from 'react';
 
 import { Trans, msg } from '@lingui/macro';

packages/ui/components/document/document-global-auth-action-select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { forwardRef } from 'react';
 
 import { Trans, msg } from '@lingui/macro';

packages/ui/components/document/document-send-email-message-helper.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React from 'react';
 
 import { Trans } from '@lingui/macro';

packages/ui/components/document/document-share-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { HTMLAttributes } from 'react';
 import React, { useState } from 'react';
 

packages/ui/components/field/field.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { useEffect, useMemo, useState } from 'react';
 
 import type { Field } from '@prisma/client';

packages/ui/components/recipient/recipient-action-auth-select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React from 'react';
 
 import { Trans, msg } from '@lingui/macro';

packages/ui/components/recipient/recipient-role-select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { forwardRef } from 'react';
 
 import { Trans } from '@lingui/macro';

packages/ui/primitives/accordion.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as AccordionPrimitive from '@radix-ui/react-accordion';

packages/ui/primitives/alert-dialog.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';

packages/ui/primitives/aspect-ratio.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 
 const AspectRatio = AspectRatioPrimitive.Root;

packages/ui/primitives/auto-sized-text.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useLayoutEffect, useRef } from 'react';
 
 import { cn } from '../lib/utils';

packages/ui/primitives/avatar.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as AvatarPrimitive from '@radix-ui/react-avatar';

packages/ui/primitives/calendar.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import { ChevronLeft, ChevronRight } from 'lucide-react';

packages/ui/primitives/card.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import { motion, useMotionTemplate, useMotionValue } from 'framer-motion';

packages/ui/primitives/checkbox.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';

packages/ui/primitives/collapsible.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
 const Collapsible = CollapsiblePrimitive.Root;

packages/ui/primitives/command.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import type { DialogProps } from '@radix-ui/react-dialog';
@@ -96,7 +94,7 @@ const CommandGroup = React.forwardRef<
   <CommandPrimitive.Group
     ref={ref}
     className={cn(
-      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden border-b p-1 last:border-0 [&_[cmdk-group-heading]]:mt-2 [&_[cmdk-group-heading]]:px-0 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-normal [&_[cmdk-group-heading]]:opacity-50 ',
+      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden border-b p-1 last:border-0 [&_[cmdk-group-heading]]:mt-2 [&_[cmdk-group-heading]]:px-0 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-normal [&_[cmdk-group-heading]]:opacity-50',
       className,
     )}
     {...props}

packages/ui/primitives/context-menu.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';

packages/ui/primitives/data-table.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { useMemo } from 'react';
 
 import { Trans } from '@lingui/macro';

packages/ui/primitives/dialog.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as DialogPrimitive from '@radix-ui/react-dialog';

packages/ui/primitives/document-flow/add-settings.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect } from 'react';
 
 import { zodResolver } from '@hookform/resolvers/zod';

packages/ui/primitives/document-flow/add-subject.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Trans, msg } from '@lingui/macro';
 import { useLingui } from '@lingui/react';

packages/ui/primitives/document-flow/document-flow-root.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { HTMLAttributes } from 'react';
 import React from 'react';
 

packages/ui/primitives/document-flow/field-item-advanced-settings.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { forwardRef, useEffect, useState } from 'react';
 
 import type { MessageDescriptor } from '@lingui/core';

packages/ui/primitives/document-flow/field-items-advanced-settings/checkbox-field.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect, useState } from 'react';
 
 import { Trans, msg } from '@lingui/macro';

packages/ui/primitives/document-flow/field-items-advanced-settings/dropdown-field.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect, useState } from 'react';
 
 import { Trans, msg } from '@lingui/macro';
@@ -172,7 +170,7 @@ export const DropdownFieldAdvancedSettings = ({
               />
               <button
                 type="button"
-                className="col-span-1 mt-auto inline-flex h-10 w-10 items-center  text-slate-500 hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50"
+                className="col-span-1 mt-auto inline-flex h-10 w-10 items-center text-slate-500 hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50"
                 onClick={() => removeValue(index)}
               >
                 <Trash className="h-5 w-5" />

packages/ui/primitives/document-flow/field-items-advanced-settings/number-field.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useState } from 'react';
 
 import { Trans, msg } from '@lingui/macro';
@@ -38,12 +36,12 @@ export const NumberFieldAdvancedSettings = ({
   const [showValidation, setShowValidation] = useState(false);
 
   const handleInput = (field: keyof NumberFieldMeta, value: string | boolean) => {
-    const userValue = field === 'value' ? value : fieldState.value ?? 0;
+    const userValue = field === 'value' ? value : (fieldState.value ?? 0);
     const userMinValue = field === 'minValue' ? Number(value) : Number(fieldState.minValue ?? 0);
     const userMaxValue = field === 'maxValue' ? Number(value) : Number(fieldState.maxValue ?? 0);
     const readOnly = field === 'readOnly' ? Boolean(value) : Boolean(fieldState.readOnly);
     const required = field === 'required' ? Boolean(value) : Boolean(fieldState.required);
-    const numberFormat = field === 'numberFormat' ? String(value) : fieldState.numberFormat ?? '';
+    const numberFormat = field === 'numberFormat' ? String(value) : (fieldState.numberFormat ?? '');
     const fontSize = field === 'fontSize' ? Number(value) : Number(fieldState.fontSize ?? 14);
 
     const valueErrors = validateNumberField(String(userValue), {

packages/ui/primitives/document-flow/field-items-advanced-settings/radio-field.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect, useState } from 'react';
 
 import { Trans } from '@lingui/macro';

packages/ui/primitives/document-flow/missing-signature-field-dialog.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Trans } from '@lingui/macro';
 import { DialogClose } from '@radix-ui/react-dialog';
 

packages/ui/primitives/dropdown-menu.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';

packages/ui/primitives/element-visible.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import React, { useEffect, useState } from 'react';
 
 export type ElementVisibleProps = {

packages/ui/primitives/hover-card.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';

packages/ui/primitives/label.tsx

@@ -1,9 +1,8 @@
-'use client';
-
 import * as React from 'react';
 
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { VariantProps, cva } from 'class-variance-authority';
+import type { VariantProps } from 'class-variance-authority';
+import { cva } from 'class-variance-authority';
 
 import { cn } from '../lib/utils';
 

packages/ui/primitives/lazy-pdf-viewer.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import dynamic from 'next/dynamic';
 
 import { Trans } from '@lingui/macro';

packages/ui/primitives/menubar.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as MenubarPrimitive from '@radix-ui/react-menubar';

packages/ui/primitives/multi-select-combobox.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import type { MessageDescriptor } from '@lingui/core';

packages/ui/primitives/pin-input.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import { OTPInput, OTPInputContext } from 'input-otp';

packages/ui/primitives/popover.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as PopoverPrimitive from '@radix-ui/react-popover';

packages/ui/primitives/progress.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as ProgressPrimitive from '@radix-ui/react-progress';

packages/ui/primitives/radio-group.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';

packages/ui/primitives/scroll-area.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';

packages/ui/primitives/select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as SelectPrimitive from '@radix-ui/react-select';

packages/ui/primitives/separator.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as SeparatorPrimitive from '@radix-ui/react-separator';

packages/ui/primitives/sheet.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as SheetPrimitive from '@radix-ui/react-dialog';

packages/ui/primitives/signature-pad/signature-pad.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { HTMLAttributes, MouseEvent, PointerEvent, TouchEvent } from 'react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 

packages/ui/primitives/slider.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as SliderPrimitive from '@radix-ui/react-slider';

packages/ui/primitives/tabs.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as TabsPrimitive from '@radix-ui/react-tabs';

packages/ui/primitives/template-flow/add-template-settings.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect } from 'react';
 
 import { zodResolver } from '@hookform/resolvers/zod';

packages/ui/primitives/toaster.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import {
   Toast,
   ToastClose,

packages/ui/primitives/toggle.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as TogglePrimitive from '@radix-ui/react-toggle';

packages/ui/primitives/tooltip.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import * as React from 'react';
 
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';