Improvemets

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.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.tar.gz)
-- [Windows (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.1/ticode-windows-arm64-1.0.1.tar.gz)
+- [Linux (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-linux-amd64-1.0.2-alpha0.tar.gz)
+- [Linux (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-linux-arm64-1.0.2-alpha0.tar.gz)
+- [Darwin (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-darwin-amd64-1.0.2-alpha0.tar.gz)
+- [Darwin (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-darwin-arm64-1.0.2-alpha0.tar.gz)
+- [Windows (amd64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-windows-amd64-1.0.2-alpha0.tar.gz)
+- [Windows (arm64)](https://github.com/thingsdb/ThingsCode/releases/download/v1.0.2-alpha0/ticode-windows-arm64-1.0.2-alpha0.tar.gz)
 
 **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.1.tar.gz
+tar -xzvf ticode-linux-amd64-1.0.2-alpha0.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.1.tar.gz -C ./bin/darwin-amd64/ ticode
+tar -zcf bin/ticode-darwin-amd64-1.0.2-alpha0.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.1.tar.gz -C ./bin/darwin-arm64/ ticode
+tar -zcf bin/ticode-darwin-arm64-1.0.2-alpha0.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.1.tar.gz -C ./bin/linux-amd64/ ticode
+tar -zcf bin/ticode-linux-amd64-1.0.2-alpha0.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.1.tar.gz -C ./bin/linux-arm64/ ticode
+tar -zcf bin/ticode-linux-arm64-1.0.2-alpha0.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.1.tar.gz -C ./bin/windows-amd64/ ticode.exe
+tar -zcf bin/ticode-windows-amd64-1.0.2-alpha0.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.1.tar.gz -C ./bin/windows-arm64/ ticode.exe
+tar -zcf bin/ticode-windows-arm64-1.0.2-alpha0.tar.gz -C ./bin/windows-arm64/ ticode.exe
 ```
 
 ## Update

app/version.go

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

eslint.config.mjs

@@ -19,7 +19,8 @@ export default defineConfig([
       globals: globals.browser,
     },
     rules: {
-      "semi": ["error", "always"]
+      "semi": ["error", "always"],
+      "indent": ["error", 2]
     }
   },
 ]);

package.json

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

src/Root.tsx

@@ -43,7 +43,7 @@ function Root() {
                   overflowX: 'hidden'
                 }}
               >
-                <WorkspaceProvider appearance={appearance}>
+                <WorkspaceProvider>
                   <App />
                 </WorkspaceProvider>
               </Box>

src/components/AboutModal.tsx

@@ -10,7 +10,7 @@ interface AboutModalProps {
 
 export default function AboutModal({ isOpen, onOpenChange }: AboutModalProps) {
   const { appearance } = useTheme();
-  const appVersion = version || '1.0.1';
+  const appVersion = version || '1.0.2-alpha0';
 
   return (
     <Dialog.Root open={isOpen} onOpenChange={onOpenChange}>
@@ -61,7 +61,7 @@ export default function AboutModal({ isOpen, onOpenChange }: AboutModalProps) {
               If you like using ThingsCode, please give us a star on our official GitHub organization page!
             </Text>
 
-            <Button size="1" color="gray" variant="classic" mt="1" asChild style={{ cursor: 'pointer' }}>
+            <Button size="1" color="gray" variant="classic" mt="1" asChild className="cursor-pointer">
               <a href="https://github.com/thingsdb" target="_blank" rel="noopener noreferrer" style={{ gap: '6px' }}>
                 <GitHubLogoIcon width="13" height="13" />
                 Star on GitHub

src/components/ConfirmDialog.tsx

@@ -32,7 +32,7 @@ export default function ConfirmDialog({
         <Flex gap="3" justify="end">
           {/* Cancel Trigger Box */}
           <AlertDialog.Cancel>
-            <Button variant="soft" color="gray" style={{ cursor: 'pointer' }}>
+            <Button variant="soft" color="gray" className="cursor-pointer">
               {cancelText}
             </Button>
           </AlertDialog.Cancel>
@@ -43,7 +43,7 @@ export default function ConfirmDialog({
               variant="solid"
               color={colorVariant}
               onClick={onConfirm}
-              style={{ cursor: 'pointer' }}
+              className="cursor-pointer"
             >
               {confirmText}
             </Button>

src/components/ConnectionOverlay.tsx

@@ -8,7 +8,7 @@ export default function ConnectionOverlay() {
   const [showOverlay, setShowOverlay] = useState(() => status !== 'connected');
   const [prevStatus, setPrevStatus] = useState(status);
 
-if (status !== prevStatus) {
+  if (status !== prevStatus) {
     setPrevStatus(status);
     if (status !== 'connected') {
       setShowOverlay(true);

src/components/FieldsTab.tsx

@@ -134,8 +134,8 @@ export default function FieldsTab({ tp, onNavigateToType }: FieldsTabProps) {
 
                 const cardinalityColor =
                   cardinality === '1:1' ? 'iris' :
-                  cardinality === '1:N' ? 'orange' :
-                  cardinality === 'N:1' ? 'yellow' : 'pink';
+                    cardinality === '1:N' ? 'orange' :
+                      cardinality === 'N:1' ? 'yellow' : 'pink';
 
                 return (
                   <React.Fragment key={name}>

src/components/NewWorkspaceModal.tsx

@@ -218,7 +218,7 @@ export default function NewWorkspaceModal() {
                       variant="ghost"
                       color="gray"
                       onClick={() => setShowToken(!showToken)}
-                      style={{ cursor: 'pointer' }}
+                      className="cursor-pointer"
                     >
                       {showToken ? <EyeNoneIcon width="16" height="16" /> : <EyeOpenIcon width="16" height="16" />}
                     </IconButton>
@@ -244,7 +244,7 @@ export default function NewWorkspaceModal() {
                         variant="ghost"
                         color="gray"
                         onClick={() => setShowPassword(!showPassword)}
-                        style={{ cursor: 'pointer' }}
+                        className="cursor-pointer"
                       >
                         {showPassword ? <EyeNoneIcon width="16" height="16" /> : <EyeOpenIcon width="16" height="16" />}
                       </IconButton>