fix: cairo version mechanics

api/Cargo.toml

@@ -19,4 +19,7 @@ crossbeam-skiplist = "0.1.1"
 fmt = "0.1.0"
 thiserror = "1.0.50"
 chrono = "0.4.31"
-prometheus = "0.13.4"
+prometheus = "0.13.4"
+reqwest = { version = "0.11", features = ["json"] }
+lazy_static = "1.4.0"
+tokio = { version = "1.0", features = ["full"] }

api/src/handlers/mod.rs

@@ -4,6 +4,7 @@ pub mod scarb_test;
 pub mod scarb_version;
 pub mod types;
 pub mod utils;
+pub mod allowed_versions;
 
 use tracing::info;
 use tracing::instrument;

api/src/handlers/types.rs

@@ -52,7 +52,9 @@ pub struct CompilationRequest {
 
 impl CompilationRequest {
     pub fn has_scarb_toml(&self) -> bool {
-        self.files.iter().any(|f| &f.file_name == "Scarb.toml")
+        self.files
+            .iter()
+            .any(|f| f.file_name.ends_with("Scarb.toml"))
     }
 
     pub fn file_names(&self) -> Vec<String> {

api/src/main.rs

@@ -16,6 +16,7 @@ use handlers::process::get_process_status;
 use handlers::scarb_test::{get_scarb_test_result, scarb_test_async};
 use handlers::scarb_version::{get_scarb_version_result, scarb_version_async};
 use handlers::utils::on_plugin_launched;
+use handlers::allowed_versions::{get_allowed_versions, start_version_updater};
 use handlers::{health, who_is_this};
 use prometheus::Registry;
 use rocket::{Build, Config, Rocket};
@@ -86,6 +87,7 @@ fn create_app(metrics: Metrics) -> Rocket<Build> {
                 get_scarb_test_result,
                 scarb_test_async,
                 on_plugin_launched,
+                get_allowed_versions,
             ],
         )
 }
@@ -94,6 +96,9 @@ fn create_app(metrics: Metrics) -> Rocket<Build> {
 async fn main() -> anyhow::Result<()> {
     init_logger().context("Failed to initialize logger")?;
 
+    // Start the version updater
+    start_version_updater().await;
+
     let registry = Registry::new();
     let metrics = initialize_metrics(registry.clone()).context("Failed to initialize metrics")?;
 

plugin/src/atoms/cairoVersion.ts

@@ -1,6 +1,6 @@
 import { atom } from "jotai";
 
-const cairoVersionAtom = atom<string>("v2.8.4");
+const cairoVersionAtom = atom<string | null>(null);
 
 const versionsAtom = atom<string[]>([]);
 

plugin/src/atoms/compilation.ts

@@ -6,10 +6,11 @@ import { atom } from "jotai";
 enum CompilationStatus {
 	Compiling = "Compiling...",
 	Success = "Success",
-	Error = "Error"
+	Error = "Error",
+	Idle = "Idle"
 }
 
-const statusAtom = atom<string>(CompilationStatus.Compiling);
+const statusAtom = atom<string>(CompilationStatus.Idle);
 
 const currentFilenameAtom = atom<string>("");
 

plugin/src/components/LoadingDots/index.tsx

@@ -0,0 +1,25 @@
+import React, { useEffect, useState } from "react";
+
+const LoadingDots: React.FC<{ message: string }> = ({ message }) => {
+	const [dots, setDots] = useState("");
+
+	useEffect(() => {
+		const interval = setInterval(() => {
+			setDots((prev) => {
+				return prev.length >= 3 ? "" : prev + ".";
+			});
+		}, 500);
+
+		return () => {
+			clearInterval(interval);
+		};
+	}, []);
+
+	return (
+		<span className="loading-text">
+			{message}{dots}
+		</span>
+	);
+};
+
+export default LoadingDots;

plugin/src/components/Settings/index.tsx

@@ -5,6 +5,7 @@ import { useAtom, useAtomValue } from "jotai";
 import { cairoVersionAtom, versionsAtom } from "../../atoms/cairoVersion";
 import ExplorerSelector, { useCurrentExplorer } from "../ExplorerSelector";
 import * as Select from "../ui_components/Select";
+import LoadingDots from "../LoadingDots";
 
 export const Settings: React.FC = () => {
 	const [cairoVersion, setCairoVersion] = useAtom(cairoVersionAtom);
@@ -18,29 +19,37 @@ export const Settings: React.FC = () => {
 				<div className={"settings-box-header"}>Cairo Version</div>
 				<div className={"blank"}></div>
 				<div className={"settings-box-content"}>
-					<Select.Root value={cairoVersion} onValueChange={setCairoVersion}>
-						<Select.Trigger className="flex flex-row justify-between align-items-center devnet-trigger-wrapper w-100">
-							<Select.Value>
-								<div className="flex flex-column align-items-center m-0">
-									<p>{cairoVersion}</p>
-								</div>
-							</Select.Value>
-							<Select.Icon>
-								<BsChevronDown />
-							</Select.Icon>
-						</Select.Trigger>
-						<Select.Portal>
-							<Select.Content>
-								<Select.Viewport>
-									{getVersions.map((v, i) => (
-										<Select.Item value={v} key={v}>
-											<Select.ItemText>{v}</Select.ItemText>
-										</Select.Item>
-									))}
-								</Select.Viewport>
-							</Select.Content>
-						</Select.Portal>
-					</Select.Root>
+					{cairoVersion !== null
+						? (
+							<Select.Root value={cairoVersion} onValueChange={setCairoVersion}>
+								<Select.Trigger className="flex flex-row justify-between align-items-center devnet-trigger-wrapper w-100">
+									<Select.Value>
+										<div className="flex flex-column align-items-center m-0">
+											<p>{cairoVersion}</p>
+										</div>
+									</Select.Value>
+									<Select.Icon>
+										<BsChevronDown />
+									</Select.Icon>
+								</Select.Trigger>
+								<Select.Portal>
+									<Select.Content>
+										<Select.Viewport>
+											{getVersions.map((v, i) => (
+												<Select.Item value={v} key={v}>
+													<Select.ItemText>{v}</Select.ItemText>
+												</Select.Item>
+											))}
+										</Select.Viewport>
+									</Select.Content>
+								</Select.Portal>
+							</Select.Root>
+						)
+						: (
+							<div>
+								<LoadingDots message="Loading" />
+							</div>
+						)}
 				</div>
 			</div>