Change the permalink system to determine version redirect based on date rather than version number

src/latest/data/releaseDates.json

@@ -0,0 +1 @@
+{}

src/latest/scripts/interpreter/permalink.ts

@@ -1,7 +1,10 @@
 import compatRaw from "../../data/compat.json?raw";
+import datesRaw from "../../data/releaseDates.json?raw";
 import { gunzipString, gzipString } from "gzip-utils";
 
 const compat = JSON.parse(compatRaw);
+const releaseDates = JSON.parse(datesRaw);
+const LATEST_VYXAL_VERSION_CONSTANT_RETURNED_FROM_DETERMINE_VERSION = "latest"
 
 type OldPermalinks = {
     format: 2,
@@ -24,7 +27,41 @@
     version: string,
 };
 
+function decodeVersion(version: string): string {
+
+    // This is what happens when you let lyxal write a hack
+    // solution to something that probably required a bigger
+    // refactoring. (Comment written by, surprisingly, lyxal)
+
+    // Version will either be `x.y.z` or `dd/mm/yyyy`. So
+    // determine which one it is. If `x.y.z`, simply return
+    // it.
+
+    if (version.includes(".")) {
+        return version;
+    }
+
+    // It's a date, which means fun because that's the whole
+    // point of this function. The version can be determined
+    // by finding the first release on a date after the given
+    // date.
+
+    // But first, convert the string to a date object.
+    const date = new Date(version);
+
+    // Now, iterate through the release dates and find the
+    // first release after the given date.
+
+    const parsedDates: [string, Date][] = Object.entries(releaseDates).map(([v, d]) => [v, new Date(Date.parse(d as string))]);
+    const candidates = parsedDates.filter(([_, d]) => new Date(d) > date);
+    if (candidates.length === 0) {
+        return LATEST_VYXAL_VERSION_CONSTANT_RETURNED_FROM_DETERMINE_VERSION;
+    }
+    return candidates[0][0];
+}
+
 function incompatible(permalinkVersion: string) {
+    if (permalinkVersion === LATEST_VYXAL_VERSION_CONSTANT_RETURNED_FROM_DETERMINE_VERSION) { return false; }
     return compat[permalinkVersion] ?? false;
 }
 
@@ -84,8 +121,11 @@
         }
     }
     try {
-        if (incompatible(permalink.version)) {
-            return { compatible: false, version: permalink.version };
+        let realVersion = decodeVersion(permalink.version);
+        console.log("Real version:", realVersion);
+        console.log("Permalink version:", permalink.version);
+        if (incompatible(realVersion)) {
+            return { compatible: false, version: realVersion };
         }
         switch (permalink.format) {
             case 2: {

src/latest/scripts/main.tsx

@@ -20,7 +20,9 @@ const fallback = document.getElementById("fallback-ui")!;
 fallback.hidden = true;
 const permalink = window.location.hash.length ? await decodeHash(window.location.hash.slice(1)) : null;
 if (permalink != null && !permalink.compatible) {
-    window.location.replace(`https://vyxal.github.io/versions/v${permalink.version}#${location.hash.substring(1)}`);
+    console.error("Incompatible permalink version!", permalink.version);
+    // window.location.replace(`https://vyxal.github.io/versions/v${permalink.version}#${location.hash.substring(1)}`);
+
 } else {
     // @ts-expect-error DATA_URI gets replaced by Webpack
     const elementData = parseElementData(await fetch(`${DATA_URI}/theseus.json`).then((r) => r.json()));

src/latest/scripts/ui/Theseus.tsx

@@ -74,10 +74,10 @@ export function Theseus({ permalink }: TheseusProps) {
 
     const [state, setState] = useState<RunState>({ name: autorun ? "starting" : "idle" });
     const [lastFocusedEditor, setLastFocusedEditor] = useState<ReactCodeMirrorRef | null>(null);
-    
+
     const runnerRef = useRef<VyTerminalRef | null>(null);
     const snowflakesRef = useRef<Snowflakes | null>(null);
-    
+
     useEffect(() => {
         switch (settingsState.theme) {
             case Theme.Dark:
@@ -109,13 +109,14 @@ export function Theseus({ permalink }: TheseusProps) {
     }, [settingsState]);
 
     useEffect(() => {
+        const date = new Date();
         encodeHash({
             header,
             code,
             footer,
             flags: [...serializeFlags(elementData.flagDefs, flags)],
             inputs: inputs.map(({ name, inputs }) => [name, inputs.map(({ input }) => input)]),
-            version: elementData.version,
+            version: `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`,
         }).then((hash) => history.replaceState(undefined, "", "#" + hash));
     }, [header, code, footer, flags, inputs, elementData]);
 
@@ -134,7 +135,7 @@ export function Theseus({ permalink }: TheseusProps) {
         utilWorker.formatBytecount(code, literate).then(setBytecount);
     }, [code, flags, utilWorker, literate]);
 
-    const literateToSbcs = useCallback(async() => {
+    const literateToSbcs = useCallback(async () => {
         runnerRef.current?.showMessage(`\x1b[1mSBCS translation:\x1b[0m\n${await utilWorker.sbcsify(code)}`);
     }, [code, runnerRef, utilWorker]);
 
@@ -174,7 +175,7 @@ export function Theseus({ permalink }: TheseusProps) {
                 if (view != null) {
                     view.dispatch(view.state.replaceSelection(char));
                 }
-            }} 
+            }}
         />
         <div className="w-100 h-100 vstack">
             <Header