Functions — github.com/Andreaswt/figma-clone

hub / github.com/Andreaswt/figma-clone / functions

Functions85 in github.com/Andreaswt/figma-clone

⨍ Functions 85 ◇ Types & classes 5

↓ 15 callersFunctioncolorToCss

(color: Color)

src/utils.ts:12

↓ 5 callersFunctionconnectionIdToColor

(connectionId: number)

src/utils.ts:25

↓ 4 callersFunctionpointerEventToCanvasPoint

( e: React.PointerEvent, camera: Camera, )

src/utils.ts:124

↓ 3 callersFunctionhexToRgb

(hex: string)

src/utils.ts:16

↓ 2 callersFunctionhandleClick

(canvasMode: CanvasMode.None | CanvasMode.Dragging)

src/components/toolsbar/SelectionButton.tsx:33

↓ 2 callersFunctionhandleClick

(layerType: LayerType.Rectangle | LayerType.Ellipse)

src/components/toolsbar/ShapesSelectionButton.tsx:31

↓ 2 callersFunctionupdateRoomTitle

(title: string, id: string)

src/app/actions/rooms.ts:29

↓ 2 callersFunctionuseSelectionBounds

()

src/hooks/useSelectionBounds.ts:37

↓ 1 callersFunctionboundingBox

(layers: Layer[])

src/hooks/useSelectionBounds.ts:4

↓ 1 callersFunctioncreatePrismaClient

()

src/server/db.ts:5

↓ 1 callersFunctioncreateRoom

()

src/app/actions/rooms.ts:8

↓ 1 callersFunctiondeleteInvitation

(id: string, inviteEmail: string)

src/app/actions/rooms.ts:103

↓ 1 callersFunctiondeleteRoom

(id: string)

src/app/actions/rooms.ts:53

↓ 1 callersFunctionfindIntersectionLayersWithRectangle

( layerIds: readonly string[], layers: ReadonlyMap<string, Layer>, a: Point, b: Point, )

src/utils.ts:134

↓ 1 callersFunctiongetSvgPathFromStroke

(stroke: number[][])

src/utils.ts:104

↓ 1 callersFunctionhandleCommit

()

src/components/sidebars/ColorPicker.tsx:42

↓ 1 callersFunctionhandleCommit

()

src/components/sidebars/NumberInput.tsx:29

↓ 1 callersFunctionpenPointsToPathPayer

( points: number[][], color: Color, )

src/utils.ts:57

↓ 1 callersFunctionresizeBounds

(bounds: XYWH, corner: Side, point: Point)

src/utils.ts:29

↓ 1 callersFunctionshareRoom

(id: string, inviteEmail: string)

src/app/actions/rooms.ts:74

↓ 1 callersFunctionuseDeleteLayers

()

src/hooks/useDeleteLayers.tsx:3

FunctionCanvas

({ roomName, roomId, othersWithAccessToRoom, }: { roomName: string; roomId: string; othersWithAcce

src/components/canvas/Canvas.tsx:48

FunctionColorPicker

({ value, onChange, className, }: { value: string; onChange: (value: string) => void; className?:

src/components/sidebars/ColorPicker.tsx:4

FunctionConfirmationModal

({ isOpen, onClose, onConfirm, message, }: { isOpen: boolean; onClose: () => void; onConfirm: ()

src/components/dashboard/ConfirmationModal.tsx:1

FunctionCreateRoom

()

src/components/dashboard/CreateRoom.tsx:7

FunctionCursor

({ connectionId }: { connectionId: number })

src/components/canvas/Cursor.tsx:5

FunctionCursors

()

src/components/canvas/MultiplayerGuides.tsx:12

FunctionDrafts

()

src/components/canvas/MultiplayerGuides.tsx:23

FunctionDropdown

({ value, onChange, options, className, }: { value: string; onChange: (value: string) => void; o

src/components/sidebars/Dropdown.tsx:3

FunctionEllipse

({ id, layer, onPointerDown, }: { id: string; layer: EllipseLayer; onPointerDown: (e: React.Pointe

src/components/canvas/Ellipse.tsx:4

FunctionIconButton

({ onClick, children, isActive, disabled, }: { onClick: () => void; children: React.ReactNode; i

src/components/toolsbar/IconButton.tsx:1

FunctionLayerButton

({ layerId, text, icon, isSelected, }: { layerId: string; text: string; icon: ReactNode; isSel

src/components/sidebars/LayerButton.tsx:6

FunctionNumberInput

({ value, onChange, min, max, icon, classNames, }: { value: number; onChange: (value: number)

src/components/sidebars/NumberInput.tsx:4

FunctionPOST

(req: Request)

src/app/api/liveblocks-auth/route.ts:8

FunctionPage

()

src/app/signup/page.tsx:7

FunctionPage

()

src/app/dashboard/page.tsx:10

FunctionPage

({ params }: { params: ParamsType })

src/app/dashboard/[id]/page.tsx:9

FunctionPage

()

src/app/signin/page.tsx:7

FunctionPath

({ x, y, stroke, fill, opacity, points, onPointerDown, }: { x: number; y: number; stroke?:

src/components/canvas/Path.tsx:4

FunctionPencilButton

({ isActive, onClick, }: { isActive: boolean; onClick: () => void; })

src/components/toolsbar/PencilButton.tsx:3

FunctionRectangle

({ id, layer, onPointerDown, }: { id: string; layer: RectangleLayer; onPointerDown: (e: React.Poin

src/components/canvas/Rectangle.tsx:4

FunctionRedoButton

({ onClick, disabled, }: { onClick: () => void; disabled: boolean; })

src/components/toolsbar/RedoButton.tsx:3

FunctionRoom

({ children, roomId, }: { children: ReactNode; roomId: string; })

src/components/liveblocks/Room.tsx:12

FunctionRoomsView

({ ownedRooms, roomInvites, }: { ownedRooms: Room[]; roomInvites: Room[]; })

src/components/dashboard/RoomsView.tsx:21

FunctionRootLayout

({ children, }: Readonly<{ children: React.ReactNode }>)

src/app/layout.tsx:17

FunctionSelectionButton

({ isActive, canvasMode, onClick, }: { isActive: boolean; canvasMode: CanvasMode; onClick: (canvas

src/components/toolsbar/SelectionButton.tsx:10

FunctionSelectionTools

({ camera, canvasMode, }: { camera: Camera; canvasMode: CanvasMode; })

src/components/canvas/SelectionTools.tsx:7

FunctionShapesSelectionButton

({ isActive, canvasState, onClick, }: { isActive: boolean; canvasState: CanvasState; onClick: (lay

src/components/toolsbar/ShapesSelectionButton.tsx:8

FunctionShareMenu

({ roomId, othersWithAccessToRoom, }: { roomId: string; othersWithAccessToRoom: User[]; })

src/components/sidebars/ShareMenu.tsx:7

FunctionSidebars

({ roomName, roomId, othersWithAccessToRoom, leftIsMinimized, setLeftIsMinimized, }: { roomName: s

src/components/sidebars/Sidebars.tsx:20

FunctionSingleRoom

({ id, title, description, color, selected, select, navigateTo, canEdit, }: { id: string;

src/components/dashboard/RoomsView.tsx:103

FunctionText

({ id, layer, onPointerDown, }: { id: string; layer: TextLayer; onPointerDown: (e: React.PointerEv

src/components/canvas/Text.tsx:6

FunctionTextButton

({ isActive, onClick, }: { isActive: boolean; onClick: () => void; })

src/components/toolsbar/TextButton.tsx:4

FunctionToolsBar

({ canvasState, setCanvasState, zoomIn, zoomOut, canZoomIn, canZoomOut, canUndo, canRedo, un

src/components/toolsbar/ToolsBar.tsx:11

FunctionUndoButton

({ onClick, disabled, }: { onClick: () => void; disabled: boolean; })

src/components/toolsbar/UndoButton.tsx:3

FunctionUserAvatar

({ name, color, className = "", }: { name: string; color?: string; className?: string; })

src/components/sidebars/UserAvatar.tsx:1

FunctionUserMenu

({ email }: { email: string | null })

src/components/dashboard/UserMenu.tsx:9

FunctionViewModeButton

({ onSelect, active, text, }: { onSelect: () => void; active: boolean; text: string; })

src/components/dashboard/RoomsView.tsx:200

FunctionZoomInButton

({ onClick, disabled, }: { onClick: () => void; disabled: boolean; })

src/components/toolsbar/ZoomInButton.tsx:4

FunctionZoomOutButton

({ onClick, disabled, }: { onClick: () => void; disabled: boolean; })

src/components/toolsbar/ZoomOutButton.tsx:4

Functionauthenticate

( prevState: string | undefined, formData: FormData, )

src/app/actions/auth.ts:15

FunctionconfirmDelete

()

src/components/dashboard/RoomsView.tsx:141

FunctionhandleBlur

()

src/components/canvas/Text.tsx:58

FunctionhandleBlur

()

src/components/dashboard/RoomsView.tsx:136

FunctionhandleChange

(e: React.ChangeEvent<HTMLInputElement>)

src/components/canvas/Text.tsx:54

FunctionhandleChange

(e: ChangeEvent<HTMLSelectElement>)

src/components/sidebars/Dropdown.tsx:20

FunctionhandleChange

(e: React.ChangeEvent<HTMLInputElement>)

src/components/sidebars/ColorPicker.tsx:38

FunctionhandleChange

(e: ChangeEvent<HTMLInputElement>)

src/components/sidebars/NumberInput.tsx:25

FunctionhandleClickOutside

(event: MouseEvent)

src/components/sidebars/ColorPicker.tsx:22

FunctionhandleClickOutside

(event: MouseEvent)

src/components/toolsbar/SelectionButton.tsx:23

FunctionhandleClickOutside

(event: MouseEvent)

src/components/toolsbar/ShapesSelectionButton.tsx:21

FunctionhandleClickOutside

(e: MouseEvent)

src/components/dashboard/UserMenu.tsx:14

FunctionhandleClickOutside

(e: MouseEvent)

src/components/dashboard/RoomsView.tsx:50

FunctionhandleColorChange

(color: string)

src/components/sidebars/ColorPicker.tsx:57

FunctionhandleDoubleClick

()

src/components/canvas/Text.tsx:50

FunctionhandleKeyDown

(e: React.KeyboardEvent)

src/components/canvas/Text.tsx:63

FunctionhandleKeyDown

(e: React.KeyboardEvent<HTMLInputElement>)

src/components/sidebars/ColorPicker.tsx:50

FunctionhandleKeyDown

(e: React.KeyboardEvent<HTMLInputElement>)

src/components/sidebars/NumberInput.tsx:45

FunctionhandleKeyDown

(e: KeyboardEvent)

src/components/dashboard/RoomsView.tsx:147

FunctionhandleKeyPress

( event: React.KeyboardEvent<HTMLInputElement>, )

src/components/dashboard/RoomsView.tsx:126

FunctioninviteUser

()

src/components/sidebars/ShareMenu.tsx:18

FunctiononKeyDown

(e: KeyboardEvent)

src/components/canvas/Canvas.tsx:80

( prevState: string | undefined, formData: FormData, )

src/app/actions/auth.ts:34

Functionsignout

()

src/app/actions/auth.ts:11