diff --git a/.gitignore b/.gitignore index c87d8b5..5bedefd 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,4 @@ public/ .claude/ *.tsbuildinfo .vercel +dist diff --git a/README.md b/README.md index ec229ec..60e246c 100644 --- a/README.md +++ b/README.md @@ -102,6 +102,8 @@ npx vercel blob put \ --content-type audio/mpeg ``` +If you need to test or debug the production configuration locally, you can run `npx vercel dev`. This will run the Vercel CLI's dev server and use the function defined in `/api/samples/list.tsx`, which will refer to the samples stored in Vercel Blob. + ## Contributing Contributions are welcome! Please open an issue to get feedback on your idea before making a PR. diff --git a/src/ui/components/SamplesSidebar.tsx b/src/ui/components/SamplesSidebar.tsx index 2272c3d..f8e6d5f 100644 --- a/src/ui/components/SamplesSidebar.tsx +++ b/src/ui/components/SamplesSidebar.tsx @@ -1,9 +1,11 @@ +import { useAtom } from 'jotai' import { ChevronDown, Music } from 'lucide-react' import type * as Tone from 'tone' import { PLUGINS } from '@/src/lang/plugins' import type { SampleDetails } from '../load_samples' +import { editorLanguageAtom } from '../state' import type { EditorLanguage } from './Editor' import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './shadcn-ui/collapsible' import { useToast } from './shadcn-ui/hooks/use-toast' @@ -38,6 +40,8 @@ export function SamplesSidebar({ onLanguageChange: (value: EditorLanguage) => void }) { const { toast } = useToast() + const [editorLanguage] = useAtom(editorLanguageAtom) + return ( @@ -68,7 +72,7 @@ export function SamplesSidebar({