Notify when resource load completes

Author: tincastle

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## v2.1.3
+
+- Notify when resource load completes
+
+## v2.1.2
+
+- Fix wrong DEFAULT value string
+
 ## v2.1.1
 
 - Fix RAN3 tabular not being expanded

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "tool3rd",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Telecommunication development assistant",
   "main": "./out/main/index.js",
   "author": "Project 3rd",

package.json

@@ -75,6 +75,7 @@ function App(): JSX.Element {
         open={openLoadResourceDialog}
         onOpenChange={setOpenLoadResourceDialog}
         workerState={workerState}
+        setWorkerState={setWorkerState}
       />
       <AboutDialog open={openAboutDialog} onOpenChange={setOpenAboutDialog} />
       <Toaster />

src/renderer/src/App.tsx

@@ -20,11 +20,13 @@ import { WorkerState } from '@/lib/workerState'
 import { Loader2 } from 'lucide-react'
 import { useEffect, useState } from 'react'
 import { z } from 'zod'
+import { useToast } from './ui/use-toast'
 
 type Props = {
   open: boolean
   onOpenChange: (open: boolean) => void
   workerState: z.infer<typeof WorkerState>
+  setWorkerState: (workerState: z.infer<typeof WorkerState>) => void
 }
 
 type SpecDir = {
@@ -37,11 +39,12 @@ type SeriesDir = {
   children: SpecDir[]
 }
 
-export function LoadResourceDialog({ open, onOpenChange, workerState }: Props) {
+export function LoadResourceDialog({ open, onOpenChange, workerState, setWorkerState }: Props) {
   const [dirStruct, setDirStruct] = useState<SeriesDir[]>([])
   const [selectedSeries, selectSeries] = useState<string | undefined>()
   const [selectedSpec, selectSpec] = useState<string | undefined>()
   const [selectedVersion, selectVersion] = useState<string | undefined>()
+  const { toast } = useToast()
 
   useEffect(() => {
     fetch('https://cdn.jsdelivr.net/gh/proj3rd/3gpp-specs-in-json/.dir-list.json')
@@ -54,6 +57,12 @@ export function LoadResourceDialog({ open, onOpenChange, workerState }: Props) {
       })
   }, [])
 
+  useEffect(() => {
+    if (open === true && workerState === 'idle') {
+      toast({ title: 'Done' })
+    }
+  }, [workerState])
+
   function handleOpenChange(open: boolean) {
     if (workerState === 'busy') {
       return
@@ -65,6 +74,7 @@ export function LoadResourceDialog({ open, onOpenChange, workerState }: Props) {
     if (!selectedSeries || !selectedSpec || !selectedVersion) {
       return
     }
+    setWorkerState('busy')
     fetch(
       `https://cdn.jsdelivr.net/gh/proj3rd/3gpp-specs-in-json/${selectedSeries}/${selectedSpec}/${selectedVersion}`
     )