workspace as url param

Author: joente

README.md

@@ -10,17 +10,17 @@ ThingsCode (or **ticode** for short) is the interactive development studio built
 
 **1. Download the latest version:**
 
-- [Linux (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-linux-amd64-1.0.0.tar.gz)
-- [Linux (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-linux-arm64-1.0.0.tar.gz)
-- [Darwin (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-darwin-amd64-1.0.0.tar.gz)
-- [Darwin (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-darwin-arm64-1.0.0.tar.gz)
-- [Windows (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-windows-amd64-1.0.0.zip)
-- [Windows (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.0/ticode-windows-arm64-1.0.0.zip)
+- [Linux (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-linux-amd64-1.0.1.tar.gz)
+- [Linux (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-linux-arm64-1.0.1.tar.gz)
+- [Darwin (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-darwin-amd64-1.0.1.tar.gz)
+- [Darwin (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-darwin-arm64-1.0.1.tar.gz)
+- [Windows (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-windows-amd64-1.0.1.zip)
+- [Windows (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-windows-arm64-1.0.1.zip)
 
 **2. Extract the contents of the archive using a tool like `tar`. Here's an example for Linux (amd64):**
 
 ```bash
-tar -xzvf ticode-linux-amd64-1.0.0.tar.gz
+tar -xzvf ticode-linux-amd64-1.0.1.tar.gz
 ```
 
 **3. Install:**
@@ -69,27 +69,27 @@ npm run build
 
 mkdir -p bin/darwin-amd64
 GOOS=darwin GOARCH=amd64 CGO_ENABLED=0 go build -trimpath -o bin/darwin-amd64/ticode
-tar -zcf bin/ticode-darwin-amd64-1.0.0.tar.gz -C ./bin/darwin-amd64/ ticode
+tar -zcf bin/ticode-darwin-amd64-1.0.1.tar.gz -C ./bin/darwin-amd64/ ticode
 
 mkdir -p bin/darwin-arm64
 GOOS=darwin GOARCH=arm64 CGO_ENABLED=0 go build -trimpath -o bin/darwin-arm64/ticode
-tar -zcf bin/ticode-darwin-arm64-1.0.0.tar.gz -C ./bin/darwin-arm64/ ticode
+tar -zcf bin/ticode-darwin-arm64-1.0.1.tar.gz -C ./bin/darwin-arm64/ ticode
 
 mkdir -p bin/linux-amd64
 GOOS=linux GOARCH=amd64 CGO_ENABLED=0 go build -trimpath -o bin/linux-amd64/ticode
-tar -zcf bin/ticode-linux-amd64-1.0.0.tar.gz -C ./bin/linux-amd64/ ticode
+tar -zcf bin/ticode-linux-amd64-1.0.1.tar.gz -C ./bin/linux-amd64/ ticode
 
 mkdir -p bin/linux-arm64
 GOOS=linux GOARCH=arm64 CGO_ENABLED=0 go build -trimpath -o bin/linux-arm64/ticode
-tar -zcf bin/ticode-linux-arm64-1.0.0.tar.gz -C ./bin/linux-arm64/ ticode
+tar -zcf bin/ticode-linux-arm64-1.0.1.tar.gz -C ./bin/linux-arm64/ ticode
 
 mkdir -p bin/windows-amd64
 GOOS=windows GOARCH=amd64 CGO_ENABLED=0 go build -trimpath -o bin/windows-amd64/ticode.exe
-tar -zcf bin/ticode-windows-amd64-1.0.0.tar.gz -C ./bin/windows-amd64/ ticode.exe
+tar -zcf bin/ticode-windows-amd64-1.0.1.tar.gz -C ./bin/windows-amd64/ ticode.exe
 
 mkdir -p bin/windows-arm64
 GOOS=windows GOARCH=arm64 CGO_ENABLED=0 go build -trimpath -o bin/windows-arm64/ticode.exe
-tar -zcf bin/ticode-windows-arm64-1.0.0.tar.gz -C ./bin/windows-arm64/ ticode.exe
+tar -zcf bin/ticode-windows-arm64-1.0.1.tar.gz -C ./bin/windows-arm64/ ticode.exe
 ```
 
 ## Update

app/version.go

@@ -1,3 +1,3 @@
 package app
 
-const Version = "1.0.0" // And update package.json
+const Version = "1.0.1" // And update package.json

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ticode",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "type": "module",
   "scripts": {

package.json

@@ -4,6 +4,9 @@ import { pluginReact } from '@rsbuild/plugin-react';
 
 // Docs: https://rsbuild.rs/config/
 export default defineConfig({
+  html: {
+    title: 'ThingsCode',
+  },
   plugins: [
     pluginReact(),
     pluginBabel({

rsbuild.config.ts

@@ -10,7 +10,7 @@ interface AboutModalProps {
 
 export default function AboutModal({ isOpen, onOpenChange }: AboutModalProps) {
   const { appearance } = useTheme();
-  const appVersion = version || '1.0.0';
+  const appVersion = version || '1.0.1';
 
   return (
     <Dialog.Root open={isOpen} onOpenChange={onOpenChange}>

src/components/AboutModal.tsx

@@ -13,7 +13,7 @@ export default function WorkspaceLauncher() {
 
   // Routing to workspace
   const handleWorkspaceClick = (id: string) => {
-    window.history.pushState({}, '', `/workspace/${id}`);
+    window.history.pushState({}, '', `/?workspace=${id}`);
     window.dispatchEvent(new PopStateEvent('popstate'));
   };
 

src/components/WorkspaceLauncher.tsx

@@ -1,17 +1,18 @@
 import { useEffect, useState } from 'react';
 
-// Quick helper hook to grab the workspace ID out of the native browser URL window
 export function useActiveWorkspaceId() {
-  const [currentPath, setCurrentPath] = useState(window.location.pathname);
+  const getWorkspaceId = () =>
+    new URLSearchParams(window.location.search).get('workspace');
+
+  const [workspaceId, setWorkspaceId] = useState(getWorkspaceId);
 
   useEffect(() => {
-    const handleLocationChange = () => setCurrentPath(window.location.pathname);
+    const handleLocationChange = () => setWorkspaceId(getWorkspaceId());
+
     window.addEventListener('popstate', handleLocationChange);
+
     return () => window.removeEventListener('popstate', handleLocationChange);
   }, []);
 
-  if (currentPath.startsWith('/workspace/')) {
-    return currentPath.replace('/workspace/', '');
-  }
-  return null;
+  return workspaceId;
 }

src/hooks/useActiveWorkspaceId.ts

@@ -103,7 +103,7 @@ export function WorkspaceProvider({children, appearance}: WorkspaceProviderProps
   const quickConnect = async (tmpWs: Omit<Workspace, 'id'>) => {
     try {
       const id = await addWorkspaceHelper(tmpWs);
-      window.history.pushState({}, '', `/workspace/${id}`);
+      window.history.pushState({}, '', `?workspace=${id}`);
       window.dispatchEvent(new PopStateEvent('popstate'));
     } catch (err: unknown) {
       console.error("Failed to set-up quick connect workspace:", err);

src/providers/WorkspaceProvider.tsx

@@ -69,11 +69,6 @@ func main() {
 		app.ServeWs(w, r)
 	})
 
-	// for example; /workspace/37f0e378 should also go to / and will be read by react app
-	http.HandleFunc("/workspace/", func(w http.ResponseWriter, r *http.Request) {
-		http.ServeFile(w, r, "./dist/index.html")
-	})
-
 	server := &http.Server{
 		Addr:    fmt.Sprintf(":%d", *httpPortPtr),
 		Handler: nil,