Merge pull request #4 from clearfeld/main

v.0.4.0

Author: clearfeld

.github/workflows/publish-to-auto-release.yml

@@ -63,7 +63,7 @@ jobs:
           TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
         with:
           tagName: app-v__VERSION__ # the action automatically replaces \_\_VERSION\_\_ with the app version.
-          releaseName: "Control v__VERSION__"
+          releaseName: "Construct v__VERSION__"
           releaseBody: "See the assets to download this version and install."
           releaseDraft: true
           prerelease: false

README.md

@@ -1,3 +1,9 @@
+<div>
+  <H1 align="center">Construct</H1>
+</div>
+
+![image](https://github.com/user-attachments/assets/a0984944-4d89-442e-8b39-f869001ddf86)
+
 # Tauri + React + Typescript
 
 This template should help get you started developing with Tauri, React and Typescript in Vite.

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "construct"
-version = "0.3.0"
+version = "0.4.0"
 description = "A GUI API Client"
 authors = ["clearfeld"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://schema.tauri.app/config/2",
 	"productName": "construct",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"identifier": "com.construct.app",
 	"build": {
 		"beforeDevCommand": "pnpm dev",

src-tauri/tauri.conf.json

@@ -16,6 +16,7 @@ import { Routes, Route, Outlet } from "react-router";
 import "./updater.tsx";
 import { H5 } from "@controlkit/ui";
 import TabBar from "./commons/tabbar/index.tsx";
+import EnvironmentsPage from "./pages/environments/index.tsx";
 
 const styles = stylex.create({
 	container: {
@@ -153,6 +154,27 @@ function App() {
 						</div>
 					}
 				/>
+
+				<Route
+					path="/environment/:id"
+					element={
+						<div {...stylex.props(styles.container)}>
+							<Sidebar />
+
+							<div {...stylex.props(styles.content_width)}>
+								<TabBar />
+
+								<div {...stylex.props(styles.details_container)}>
+									<div {...stylex.props(styles.request_container)}>
+										<EnvironmentsPage />
+									</div>
+
+									{/* <Toolbar /> */}
+								</div>
+							</div>
+						</div>
+					}
+				/>
 			</Route>
 		</Routes>
 	);

src/App.tsx

@@ -639,7 +639,6 @@ export default function RecursiveTree(props: any) {
 
 											navigate(`/http_request/${item.id}`);
 
-
 											const tabs = [...getTabs()];
 
 											const tab = tabs.find((t) => t.id === item.id);
@@ -652,7 +651,9 @@ export default function RecursiveTree(props: any) {
 												// 	// setTabState(item.id, E_TabStatus.SAVED);
 												// }, 100);
 
-												const method = methods.find((method) => method.value === tab.data.method);
+												const method = methods.find(
+													(method) => method.value === tab.data.method,
+												);
 
 												setRequestParameters(
 													tab.data.id,
@@ -669,17 +670,16 @@ export default function RecursiveTree(props: any) {
 
 												// return;
 											} else {
-
-											setRequestParameters(
-												item.id,
-												item.name,
-												item.url,
-												method,
-												autoHeaders, // [], // item.autoHeaders,
-												item.headers,
-												item.body,
-												// item.cookies,
-											);
+												setRequestParameters(
+													item.id,
+													item.name,
+													item.url,
+													method,
+													autoHeaders, // [], // item.autoHeaders,
+													item.headers,
+													item.body,
+													// item.cookies,
+												);
 
 												const t: T_Tab = {
 													id: item.id,