sorting

website/src/metadata_parser.js

@@ -1,10 +1,19 @@
 const ALLOW_MANY = ['by', 'url', 'genre', 'license'];
 
 export function getMetadata(raw_code) {
-  const comment_regexp = /\/\*([\s\S]*?)\*\/|\/\/(.*)$/gm;
-  const comments = [...raw_code.matchAll(comment_regexp)].map((c) => (c[1] || c[2] || '').trim());
-  const tags = {};
 
+  const tags = {};
+  if (raw_code == null) {
+    return tags
+  }
+  const comment_regexp = /\/\*([\s\S]*?)\*\/|\/\/(.*)$/gm;
+  let comments = []
+  try {
+    comments = [...raw_code.matchAll?.(comment_regexp) ?? []].map((c) => (c[1] || c[2] || '').trim());
+  } catch (e) {
+    console.error(e)
+  }
+
   const [prefix, title] = (comments[0] || '').split('"');
   if (prefix.trim() === '' && title !== undefined) {
     tags['title'] = title;

website/src/repl/components/panel/PatternsTab.jsx

@@ -77,7 +77,7 @@ function PatternButtons({ patterns, activePattern, onClick, started }) {
 
 function ActionButton({ children, onClick, label, labelIsHidden }) {
   return (
-    <button className="hover:opacity-50 text-nowrap" onClick={onClick} title={label}>
+    <button aria-label={label} className="hover:opacity-50 text-nowrap" onClick={onClick} title={label}>
       {labelIsHidden !== true && label}
       {children}
     </button>
@@ -147,8 +147,7 @@ export function PatternsTab({ context }) {
             <ActionButton
               label="delete-all"
               onClick={() => {
-                const { data } = userPattern.clearAll();
-                updateCodeWindow(data);
+                userPattern.clearAll(updateCodeWindow);
               }}
             />
           </div>

website/src/user_pattern_utils.mjs

@@ -118,6 +118,13 @@ export const userPattern = {
     const newPattern = this.create();
     return this.update(newPattern.id, newPattern.data);
   },
+  sortAlphabetical() {
+    const userPatterns = this.getAll();
+    const keys = Object.keys(userPatterns).sort((a, b) => b.localeCompare(a));
+    const sortedPatterns = {};
+    keys.forEach((key) => (sortedPatterns[key] = userPatterns[key]));
+    setUserPatterns(sortedPatterns);
+  },
 
   update(id, data) {
     const userPatterns = this.getAll();
@@ -129,7 +136,7 @@ export const userPattern = {
     const newPattern = this.create();
     return this.update(newPattern.id, { ...newPattern.data, code: data.code });
   },
-  clearAll() {
+  clearAll(onSuccess) {
     confirmDialog(`This will delete all your patterns. Are you really sure?`).then((r) => {
       if (r == false) {
         return;
@@ -138,10 +145,10 @@ export const userPattern = {
       setUserPatterns({});
 
       if (viewingPatternData.collection !== this.collection) {
-        return { id: viewingPatternData.id, data: viewingPatternData };
+        onSuccess({ id: viewingPatternData.id, data: viewingPatternData });
       }
       setActivePattern(null);
-      return this.create();
+      onSuccess(this.create());
     });
   },
   delete(id) {
@@ -170,6 +177,7 @@ export const createPatternID = () => {
 
 export async function importPatterns(fileList) {
   const files = Array.from(fileList);
+
   await Promise.all(
     files.map(async (file, i) => {
       const content = await file.text();
@@ -182,6 +190,7 @@ export async function importPatterns(fileList) {
       }
     }),
   );
+  userPattern.sortAlphabetical();
   logger(`import done!`);
 }