change: version comparison logic

package.json

@@ -2,7 +2,7 @@
     "name": "surrealist",
     "private": true,
     "version": "3.0.0-beta.1",
-    "surreal": "2.0.0",
+    "surreal": "2.0.0-beta.1",
     "type": "module",
     "authors": [
         "SurrealDB"
@@ -68,6 +68,7 @@
         "clsx": "^2.1.0",
         "cm6-graphql": "^0.0.15",
         "codemirror": "^6.0.1",
+        "compare-versions": "^6.1.1",
         "dayjs": "^1.11.9",
         "dedent": "^1.5.1",
         "elkjs": "^0.9.1",
@@ -93,7 +94,6 @@
         "react-reverse-portal": "^2.1.1",
         "reactflow": "^11.10.4",
         "rss-parser": "^3.13.0",
-        "semver-compare": "^1.0.0",
         "surrealdb": "1.0.0-beta.20",
         "use-immer": "^0.9.0",
         "zustand": "^4.5.0"
@@ -106,8 +106,6 @@
         "@types/papaparse": "^5.3.14",
         "@types/react": "^18.2.20",
         "@types/react-dom": "^18.2.7",
-        "@types/semver": "^7.5.0",
-        "@types/semver-compare": "^1.0.1",
         "@typescript-eslint/eslint-plugin": "^6.3.0",
         "@typescript-eslint/parser": "^6.3.0",
         "@vitejs/plugin-legacy": "^5.4.1",

src/hooks/connection.ts

@@ -1,4 +1,4 @@
-import compare from "semver-compare";
+import { compareVersions } from "compare-versions";
 import { unique } from "radash";
 import { useMemo } from "react";
 import { SANDBOX } from "~/constants";
@@ -83,7 +83,7 @@ export function useSavedQueryTags() {
  */
 export function useMinimumVersion(minimum: string) {
 	const version = useDatabaseStore((s) => s.version);
-	const isGreater = !!version && compare(version, minimum) >= 0;
+	const isGreater = !!version && compareVersions(version, minimum) >= 0;
 
 	return [isGreater, version] as const;
 }

src/util/changelogs.tsx

@@ -1,4 +1,4 @@
-import compare from "semver-compare";
+import { compareVersions } from "compare-versions";
 import { useConfigStore } from "~/stores/config";
 import { useInterfaceStore } from "~/stores/interface";
 
@@ -13,14 +13,14 @@ export const changelogs = Object.entries(CHANGELOGS).map(([path, value]: any) =>
 		content: value.html
 	};
 }).sort((a, b) => {
-	return compare(b.version, a.version);
+	return compareVersions(b.version, a.version);
 });
 
 export function promptChangelog() {
 	const { previousVersion, setPreviousVersion } = useConfigStore.getState();
 	const { showChangelog } = useInterfaceStore.getState();
 
-	if (compare(import.meta.env.VERSION, previousVersion) > 0) {
+	if (compareVersions(import.meta.env.VERSION, previousVersion) > 0) {
 		setPreviousVersion(import.meta.env.VERSION);
 		showChangelog();
 	}