diff --git a/apps/website/src/app/(playgrounds)/playgrounds/playground-card-list.tsx b/apps/website/src/app/(playgrounds)/playgrounds/playground-card-list.tsx index e4891a9..3c0c914 100644 --- a/apps/website/src/app/(playgrounds)/playgrounds/playground-card-list.tsx +++ b/apps/website/src/app/(playgrounds)/playgrounds/playground-card-list.tsx @@ -21,9 +21,9 @@ import { XIcon, } from 'lucide-react'; import { useDeferredValue, useEffect, useMemo } from 'react'; -import { useHashFragment } from '~/hooks/use-hash-fragment'; -import { useLocalStorage } from '~/hooks/use-local-storage'; -import { useQueryParameter } from '~/hooks/use-query-parameter'; +import { useHashFragment } from '~/hooks/hash-fragment'; +import { useLocalStorage } from '~/hooks/local-storage'; +import { useQueryParameter } from '~/hooks/query-parameter'; import { PlaygroundCard } from './playground-card'; export function PlaygroundCardList({ diff --git a/apps/website/src/app/(playgrounds)/playgrounds/playground-card.tsx b/apps/website/src/app/(playgrounds)/playgrounds/playground-card.tsx index 34c97cd..c7c1d8b 100644 --- a/apps/website/src/app/(playgrounds)/playgrounds/playground-card.tsx +++ b/apps/website/src/app/(playgrounds)/playgrounds/playground-card.tsx @@ -12,7 +12,7 @@ import { CodeIcon, PinIcon } from 'lucide-react'; import Link from 'next/link'; import { useCallback, useMemo, useRef, useState } from 'react'; import { ImageWithFallback } from '~/components/image-fallback'; -import { useLocalStorage } from '~/hooks/use-local-storage'; +import { useLocalStorage } from '~/hooks/local-storage'; import { type RGB, getDominantColour } from './get-colour'; declare module 'react' { diff --git a/apps/website/src/components/context-menu-wrapper.tsx b/apps/website/src/components/context-menu-wrapper.tsx deleted file mode 100644 index e8743f8..0000000 --- a/apps/website/src/components/context-menu-wrapper.tsx +++ /dev/null @@ -1,73 +0,0 @@ -'use client'; - -import { Button } from '@evaluate/components/button'; -import { - ContextMenu, - ContextMenuContent, - ContextMenuItem, - ContextMenuSeparator, - ContextMenuShortcut, - ContextMenuTrigger, -} from '@evaluate/components/context-menu'; -import { useHotkeys } from 'react-hotkeys-hook'; - -namespace ContextMenuWrapper { - export type Item = - | { - label: string; - action: React.MouseEventHandler; - } - | { - label: string; - action: () => void; - shortcut: string; - }; - - export interface Props { - items?: (Item | null)[]; - children: React.ReactNode; - } -} - -// NOTE: No longer used, but kept for archival purposes - -export function ContextMenuWrapper(props: ContextMenuWrapper.Props) { - const { items = [], children } = props; - - for (const item of items) { - if (item && 'shortcut' in item) { - useHotkeys(item.shortcut, item.action, { enableOnContentEditable: true }); - } - } - - return ( - - {children} - - - {items.map((item, i) => - item ? ( - - - - ) : ( - - ), - )} - - {items.length === 0 && ( -
No actions available
- )} - - - ); -} diff --git a/apps/website/src/components/explorer/file/item.tsx b/apps/website/src/components/explorer/file/item.tsx index a4257dd..7f39304 100644 --- a/apps/website/src/components/explorer/file/item.tsx +++ b/apps/website/src/components/explorer/file/item.tsx @@ -5,7 +5,7 @@ import { TextCursorInputIcon, Trash2Icon } from 'lucide-react'; import { twMerge as cn } from 'tailwind-merge'; import type { File } from 'virtual-file-explorer-backend'; import { MaterialIcon } from '~/components/material-icon'; -import { useIsMobile } from '~/hooks/use-is-mobile'; +import { useIsMobile } from '~/hooks/is-mobile'; import { ExplorerItemName } from '../name'; import { useWatch } from '../use'; import { diff --git a/apps/website/src/components/explorer/folder/item.tsx b/apps/website/src/components/explorer/folder/item.tsx index edbd975..ea1b399 100644 --- a/apps/website/src/components/explorer/folder/item.tsx +++ b/apps/website/src/components/explorer/folder/item.tsx @@ -11,7 +11,7 @@ import { TextCursorInputIcon, Trash2Icon } from 'lucide-react'; import { twMerge as cn } from 'tailwind-merge'; import type { Folder } from 'virtual-file-explorer-backend'; import { MaterialIcon } from '~/components/material-icon'; -import { useIsMobile } from '~/hooks/use-is-mobile'; +import { useIsMobile } from '~/hooks/is-mobile'; import { ExplorerItemName } from '../name'; import { useWatch } from '../use'; import { ExplorerFolderChildren } from './children'; diff --git a/apps/website/src/components/explorer/use.tsx b/apps/website/src/components/explorer/use.tsx index fd3a4a2..362e2ce 100644 --- a/apps/website/src/components/explorer/use.tsx +++ b/apps/website/src/components/explorer/use.tsx @@ -15,7 +15,7 @@ import { import { DndProvider } from 'react-dnd'; import { HTML5Backend } from 'react-dnd-html5-backend'; import { File, Folder } from 'virtual-file-explorer-backend'; -import { useHashFragment } from '~/hooks/use-hash-fragment'; +import { useHashFragment } from '~/hooks/hash-fragment'; export const ExplorerContext = // createContext>(null!); diff --git a/apps/website/src/hooks/use-hash-fragment.ts b/apps/website/src/hooks/hash-fragment.ts similarity index 100% rename from apps/website/src/hooks/use-hash-fragment.ts rename to apps/website/src/hooks/hash-fragment.ts diff --git a/apps/website/src/hooks/use-is-mobile.ts b/apps/website/src/hooks/is-mobile.ts similarity index 100% rename from apps/website/src/hooks/use-is-mobile.ts rename to apps/website/src/hooks/is-mobile.ts diff --git a/apps/website/src/hooks/use-local-storage.ts b/apps/website/src/hooks/local-storage.ts similarity index 100% rename from apps/website/src/hooks/use-local-storage.ts rename to apps/website/src/hooks/local-storage.ts diff --git a/apps/website/src/hooks/use-query-parameter.ts b/apps/website/src/hooks/query-parameter.ts similarity index 100% rename from apps/website/src/hooks/use-query-parameter.ts rename to apps/website/src/hooks/query-parameter.ts diff --git a/packages/components/package.json b/packages/components/package.json index 64a1619..996f901 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -22,7 +22,6 @@ }, "dependencies": { "@radix-ui/react-accordion": "^1.2.3", - "@radix-ui/react-context-menu": "^2.2.6", "@radix-ui/react-dialog": "^1.1.6", "@radix-ui/react-label": "^2.1.2", "@radix-ui/react-popover": "^1.1.6", @@ -30,11 +29,9 @@ "@radix-ui/react-select": "^2.1.6", "@radix-ui/react-separator": "^1.1.2", "@radix-ui/react-slot": "^1.1.2", - "@radix-ui/react-switch": "^1.1.3", "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-tooltip": "^1.1.8", "class-variance-authority": "^0.7.1", - "cmdk": "^0.2.1", "embla-carousel-react": "^8.5.2", "lucide-react": "^0.475.0", "react": "^18.3.1", diff --git a/packages/components/src/breadcrumb.tsx b/packages/components/src/breadcrumb.tsx deleted file mode 100644 index c1f8659..0000000 --- a/packages/components/src/breadcrumb.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import { Slot } from '@radix-ui/react-slot'; -import { ChevronRightIcon, CircleEllipsisIcon } from 'lucide-react'; -import * as React from 'react'; -import { twMerge as cn } from 'tailwind-merge'; - -const Breadcrumb = React.forwardRef< - HTMLElement, - React.ComponentPropsWithoutRef<'nav'> & { - separator?: React.ReactNode; - } ->(({ ...props }, ref) =>