diff --git a/website/database.types.ts b/website/database.types.ts
new file mode 100644
index 00000000..152742b4
--- /dev/null
+++ b/website/database.types.ts
@@ -0,0 +1,120 @@
+// generated with https://supabase.com/docs/reference/javascript/typescript-support#generating-typescript-types
+export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[];
+
+export interface Database {
+ public: {
+ Tables: {
+ code: {
+ Row: {
+ code: string | null;
+ created_at: string | null;
+ featured: boolean | null;
+ hash: string | null;
+ id: number;
+ public: boolean | null;
+ };
+ Insert: {
+ code?: string | null;
+ created_at?: string | null;
+ featured?: boolean | null;
+ hash?: string | null;
+ id?: number;
+ public?: boolean | null;
+ };
+ Update: {
+ code?: string | null;
+ created_at?: string | null;
+ featured?: boolean | null;
+ hash?: string | null;
+ id?: number;
+ public?: boolean | null;
+ };
+ Relationships: [];
+ };
+ };
+ Views: {
+ [_ in never]: never;
+ };
+ Functions: {
+ [_ in never]: never;
+ };
+ Enums: {
+ [_ in never]: never;
+ };
+ CompositeTypes: {
+ [_ in never]: never;
+ };
+ };
+}
+
+export type Tables<
+ PublicTableNameOrOptions extends
+ | keyof (Database['public']['Tables'] & Database['public']['Views'])
+ | { schema: keyof Database },
+ TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+ ? keyof (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+ Database[PublicTableNameOrOptions['schema']]['Views'])
+ : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+ ? (Database[PublicTableNameOrOptions['schema']]['Tables'] &
+ Database[PublicTableNameOrOptions['schema']]['Views'])[TableName] extends {
+ Row: infer R;
+ }
+ ? R
+ : never
+ : PublicTableNameOrOptions extends keyof (Database['public']['Tables'] & Database['public']['Views'])
+ ? (Database['public']['Tables'] & Database['public']['Views'])[PublicTableNameOrOptions] extends {
+ Row: infer R;
+ }
+ ? R
+ : never
+ : never;
+
+export type TablesInsert<
+ PublicTableNameOrOptions extends keyof Database['public']['Tables'] | { schema: keyof Database },
+ TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+ ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+ : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+ ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+ Insert: infer I;
+ }
+ ? I
+ : never
+ : PublicTableNameOrOptions extends keyof Database['public']['Tables']
+ ? Database['public']['Tables'][PublicTableNameOrOptions] extends {
+ Insert: infer I;
+ }
+ ? I
+ : never
+ : never;
+
+export type TablesUpdate<
+ PublicTableNameOrOptions extends keyof Database['public']['Tables'] | { schema: keyof Database },
+ TableName extends PublicTableNameOrOptions extends { schema: keyof Database }
+ ? keyof Database[PublicTableNameOrOptions['schema']]['Tables']
+ : never = never,
+> = PublicTableNameOrOptions extends { schema: keyof Database }
+ ? Database[PublicTableNameOrOptions['schema']]['Tables'][TableName] extends {
+ Update: infer U;
+ }
+ ? U
+ : never
+ : PublicTableNameOrOptions extends keyof Database['public']['Tables']
+ ? Database['public']['Tables'][PublicTableNameOrOptions] extends {
+ Update: infer U;
+ }
+ ? U
+ : never
+ : never;
+
+export type Enums<
+ PublicEnumNameOrOptions extends keyof Database['public']['Enums'] | { schema: keyof Database },
+ EnumName extends PublicEnumNameOrOptions extends { schema: keyof Database }
+ ? keyof Database[PublicEnumNameOrOptions['schema']]['Enums']
+ : never = never,
+> = PublicEnumNameOrOptions extends { schema: keyof Database }
+ ? Database[PublicEnumNameOrOptions['schema']]['Enums'][EnumName]
+ : PublicEnumNameOrOptions extends keyof Database['public']['Enums']
+ ? Database['public']['Enums'][PublicEnumNameOrOptions]
+ : never;
diff --git a/website/src/repl/panel/PatternsTab.jsx b/website/src/repl/panel/PatternsTab.jsx
index 4466b599..1b5ecef6 100644
--- a/website/src/repl/panel/PatternsTab.jsx
+++ b/website/src/repl/panel/PatternsTab.jsx
@@ -1,6 +1,8 @@
import { DocumentDuplicateIcon, PencilSquareIcon, TrashIcon } from '@heroicons/react/20/solid';
import { useMemo } from 'react';
import {
+ $featuredPatterns,
+ $publicPatterns,
clearUserPatterns,
deleteActivePattern,
duplicateActivePattern,
@@ -14,6 +16,8 @@ import {
useSettings,
} from '../../settings.mjs';
import * as tunes from '../tunes.mjs';
+import { useStore } from '@nanostores/react';
+import { getMetadata } from '../../metadata_parser';
function classNames(...classes) {
return classes.filter(Boolean).join(' ');
@@ -22,6 +26,8 @@ function classNames(...classes) {
export function PatternsTab({ context }) {
const { userPatterns } = useSettings();
const activePattern = useActivePattern();
+ const featuredPatterns = useStore($featuredPatterns);
+ const publicPatterns = useStore($publicPatterns);
const isExample = useMemo(() => activePattern && !!tunes[activePattern], [activePattern]);
return (
@@ -94,8 +100,52 @@ export function PatternsTab({ context }) {
+ {featuredPatterns && (
+
+ )}
+ {publicPatterns && (
+
+ )}
- Examples
+ Stock Examples
{Object.entries(tunes).map(([key, tune]) => (
);
}
+
+export function PatternLabel({ pattern } /* : { pattern: Tables<'code'> } */) {
+ const meta = useMemo(() => getMetadata(pattern.code), [pattern]);
+ return (
+ <>
+ {pattern.id}. {meta.title || pattern.hash} by {meta.by.join(',') || 'Anonymous'}
+
+ );
+}
diff --git a/website/src/repl/util.mjs b/website/src/repl/util.mjs
index 81c41e9d..adb99b3d 100644
--- a/website/src/repl/util.mjs
+++ b/website/src/repl/util.mjs
@@ -11,7 +11,7 @@ import { writeText } from '@tauri-apps/api/clipboard';
import { createContext } from 'react';
// Create a single supabase client for interacting with your database
-const supabase = createClient(
+export const supabase = createClient(
'https://pidxdsxphlhzjnzmifth.supabase.co',
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBpZHhkc3hwaGxoempuem1pZnRoIiwicm9sZSI6ImFub24iLCJpYXQiOjE2NTYyMzA1NTYsImV4cCI6MTk3MTgwNjU1Nn0.bqlw7802fsWRnqU5BLYtmXk_k-D1VFmbkHMywWc15NM',
);
@@ -90,10 +90,13 @@ export async function shareCode(codeToShare) {
logger(`Link already generated!`, 'error');
return;
}
+ const isPublic = confirm(
+ 'Do you want your pattern to be public? If no, press cancel and you will get just a private link.',
+ );
// generate uuid in the browser
const hash = nanoid(12);
const shareUrl = window.location.origin + window.location.pathname + '?' + hash;
- const { data, error } = await supabase.from('code').insert([{ code: codeToShare, hash }]);
+ const { error } = await supabase.from('code').insert([{ code: codeToShare, hash, ['public']: isPublic }]);
if (!error) {
lastShared = codeToShare;
// copy shareUrl to clipboard
@@ -147,3 +150,11 @@ export const setAudioDevice = async (id) => {
}
initializeAudioOutput();
};
+
+export function loadPublicPatterns() {
+ return supabase.from('code').select().eq('public', true).limit(20).order('id', { ascending: false });
+}
+
+export function loadFeaturedPatterns() {
+ return supabase.from('code').select().eq('featured', true).limit(20).order('id', { ascending: false });
+}
diff --git a/website/src/settings.mjs b/website/src/settings.mjs
index 0e433806..2f973a2f 100644
--- a/website/src/settings.mjs
+++ b/website/src/settings.mjs
@@ -1,8 +1,22 @@
+import { atom } from 'nanostores';
import { persistentMap, persistentAtom } from '@nanostores/persistent';
import { useStore } from '@nanostores/react';
import { register } from '@strudel.cycles/core';
import * as tunes from './repl/tunes.mjs';
import { logger } from '@strudel.cycles/core';
+import { loadPublicPatterns, loadFeaturedPatterns } from './repl/util.mjs';
+
+export let $publicPatterns = atom([]);
+export let $featuredPatterns = atom([]);
+
+async function loadDBPatterns() {
+ const { data: publicPatterns } = await loadPublicPatterns();
+ $publicPatterns.set(publicPatterns);
+ const { data: featuredPatterns } = await loadFeaturedPatterns();
+ $featuredPatterns.set(featuredPatterns);
+}
+
+loadDBPatterns();
export const defaultAudioDeviceName = 'System Standard';
@@ -172,12 +186,25 @@ export function updateUserCode(code) {
setActivePattern(example);
return;
}
-
+ const publicPattern = $publicPatterns.get().find((pat) => pat.code === code);
+ if (publicPattern) {
+ setActivePattern(publicPattern.hash);
+ return;
+ }
+ const featuredPattern = $featuredPatterns.get().find((pat) => pat.code === code);
+ if (featuredPattern) {
+ setActivePattern(featuredPattern.hash);
+ return;
+ }
if (!activePattern) {
// create new user pattern
activePattern = newUserPattern();
setActivePattern(activePattern);
- } else if (!!tunes[activePattern] && code !== tunes[activePattern]) {
+ } else if (
+ (!!tunes[activePattern] && code !== tunes[activePattern]) || // fork example tune?
+ $publicPatterns.get().find((p) => p.hash === activePattern) || // fork public pattern?
+ $featuredPatterns.get().find((p) => p.hash === activePattern) // fork featured pattern?
+ ) {
// fork example
activePattern = getNextCloneName(activePattern);
setActivePattern(activePattern);