basic pattern add function

website/src/settings.mjs

@@ -15,6 +15,7 @@ export const defaultSettings = {
   isZen: false,
   soundsFilter: 'all',
   panelPosition: 'bottom',
+  userPatterns: '{}',
 };
 
 export const settingsMap = persistentMap('strudel-settings', defaultSettings);
@@ -29,6 +30,7 @@ export function useSettings() {
     isLineWrappingEnabled: [true, 'true'].includes(state.isLineWrappingEnabled) ? true : false,
     fontSize: Number(state.fontSize),
     panelPosition: state.activeFooter !== '' ? state.panelPosition : 'bottom',
+    userPatterns: JSON.parse(state.userPatterns),
   };
 }
 
@@ -51,3 +53,34 @@ export const fontFamily = patternSetting('fontFamily');
 export const fontSize = patternSetting('fontSize');
 
 export const settingPatterns = { theme, fontFamily, fontSize };
+
+function getUserPatterns() {
+  return JSON.parse(settingsMap.get().userPatterns);
+}
+function setUserPatterns(obj) {
+  settingsMap.setKey('userPatterns', JSON.stringify(obj));
+}
+
+export function addUserPattern(name, config) {
+  if (typeof config !== 'object') {
+    throw new Error('addUserPattern expected object as second param');
+  }
+  if (!config.code) {
+    throw new Error('addUserPattern expected code as property of second param');
+  }
+  const userPatterns = getUserPatterns();
+  setUserPatterns({ ...userPatterns, [name]: config });
+}
+
+export function newUserPattern() {
+  const userPatterns = getUserPatterns();
+  const date = new Date().toISOString().split('T')[0];
+  const todays = Object.entries(userPatterns).filter(([name]) => name.startsWith(date));
+  const num = String(todays.length + 1).padStart(3, '0');
+  const defaultNewPattern = 's("hh")';
+  addUserPattern(date + '_' + num, { code: defaultNewPattern });
+}
+
+export function clearUserPatterns() {
+  setUserPatterns({});
+}