build fixes & license

Author: mohnjiles

.cursorrules

@@ -1,4 +1,4 @@
-You are an expert developer working on LitePost, a modern API client application built with Tauri and React. The tech stack includes:
+You are an expert Typescript, Rust, and React developer working on LitePost, a modern API client application built with Tauri and React. The tech stack includes:
 
 Frontend:
 - React 18 with TypeScript
@@ -16,6 +16,9 @@ Backend (Tauri):
 - Tauri plugins: fs, http, opener
 - Cross-platform desktop capabilities
 
+To run tests:
+- Run `pnpm test:run` to ensure tests exit properly
+
 Project Structure:
 - /src: React frontend code
   - /components: React components including UI elements

LICENSE

@@ -197,3 +197,131 @@ The most critical missing features that would significantly improve usability ar
 1. Nested Collection Organization - for better request organization
 2. Advanced Cookie Management - for better session handling across domains
 3. Collection-level Testing - for automated API testing workflows
+
+
+Based on the codebase, here are some quality-of-life and nice-to-have features that could enhance the user experience:
+
+1. **Request Templates**
+```typescript:src/components/RequestPanel.tsx
+// Add a new button next to Save to create/use templates
+<RequestUrlBar
+  method={method}
+  url={url}
+  loading={loading}
+  onMethodChange={onMethodChange}
+  onUrlChange={onUrlChange}
+  onSend={onSend}
+  onSave={onSave}
+  onTemplate={() => setTemplateDialogOpen(true)} // New prop
+/>
+```
+
+2. **Environment Variable Preview**
+- Show resolved environment variables inline in the URL/headers/body
+- Add a toggle to switch between raw and resolved views
+
+3. **Request Chaining**
+- Allow requests to use previous response data
+- Add variables like `{{prevResponse.body.id}}` that get replaced at runtime
+
+4. **Bulk Operations**
+```typescript:src/components/CollectionsPanel.tsx
+// Add bulk import/export/delete for requests within collections
+const handleBulkExport = (collectionId: string) => {
+  const collection = collections.find(c => c.id === collectionId);
+  // Export logic
+}
+```
+
+5. **Request History Search Improvements**
+- Add filters by status code, date range, collection
+- Add ability to save searches
+- Group by domain/endpoint
+
+6. **Response Diffs**
+- Allow comparing responses between two requests
+- Highlight changes in JSON/headers
+
+7. **Request Queue/Batch Requests**
+- Queue multiple requests to run in sequence
+- Run collection requests as a batch
+
+8. **Advanced Auth**
+- OAuth 2.0 flow support
+- Token management/refresh
+- Session handling
+
+9. **Response Transformations**
+```typescript:src/types.ts
+interface ResponseTransform {
+  id: string;
+  name: string;
+  type: 'json' | 'xml' | 'text';
+  script: string;
+}
+```
+
+10. **Request Documentation**
+- Add markdown documentation to requests
+- Generate API documentation from collections
+
+11. **Performance Metrics**
+- Track timing details (DNS, TLS, TTFB)
+- Show historical performance graphs
+
+12. **Cookie Manager**
+- Domain-based cookie management
+- Import/export cookies
+- Cookie jar feature
+
+13. **WebSocket Support**
+```typescript:src/components/WebSocketPanel.tsx
+interface WebSocketPanelProps {
+  url: string;
+  onMessage: (data: any) => void;
+  onSend: (data: any) => void;
+}
+```
+
+14. **Request Scheduling**
+- Schedule requests to run at specific times
+- Periodic health checks
+
+15. **Response Validation**
+- JSON Schema validation
+- Custom validation rules
+- Contract testing
+
+16. **Local Mock Server**
+```typescript:src/services/mockServer.ts
+interface MockRoute {
+  method: string;
+  path: string;
+  response: any;
+  statusCode: number;
+  delay?: number;
+}
+```
+
+17. **Request Sharing**
+- Generate shareable links
+- Export as curl/wget commands
+- Team collaboration features
+
+18. **Advanced Testing**
+- Load testing capabilities
+- Test scenarios/flows
+- Response time assertions
+
+19. **Security Testing**
+- Basic security checks
+- Headers analysis
+- SSL/TLS verification
+
+20. **UI Improvements**
+- Customizable themes
+- Keyboard shortcuts
+- Split view modes
+- Request tabs reordering
+
+

TODO.md

@@ -1,7 +1,7 @@
 {
   "name": "litepost",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package.json

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

src-tauri/tauri.conf.json

@@ -18,8 +18,13 @@ interface EnvironmentState {
   getVariable: (key: string) => string | undefined
 }
 
+interface PersistedEnvironmentState {
+  environments: Environment[]
+  activeEnvironmentId: string | null
+}
+
 const ENVIRONMENTS_FILE = 'environments.json'
-const defaultData = {
+const defaultData: PersistedEnvironmentState = {
   environments: [],
   activeEnvironmentId: null
 }
@@ -63,11 +68,11 @@ export const useEnvironmentStore = create<EnvironmentState>()(
       name: 'environment-storage',
       storage: {
         getItem: async () => {
-          const data = await loadFromFile<EnvironmentState>(ENVIRONMENTS_FILE, defaultData)
-          return data
+          const data = await loadFromFile<PersistedEnvironmentState>(ENVIRONMENTS_FILE, defaultData)
+          return { state: data }
         },
         setItem: async (_, value) => {
-          await saveToFile(ENVIRONMENTS_FILE, value)
+          await saveToFile(ENVIRONMENTS_FILE, value.state as PersistedEnvironmentState)
         },
         removeItem: () => {}
       }

src/store/environments.ts

@@ -2,7 +2,7 @@ import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
 import { loadFromFile, saveToFile } from '@/utils/persistence'
 
-interface JSONViewerSettings {
+export interface JSONViewerSettings {
   maxAutoExpandDepth: number
   maxAutoExpandArraySize: number
   maxAutoExpandObjectSize: number

src/store/settings.ts

@@ -10,7 +10,8 @@ vi.mock('lucide-react', () => ({
   ChevronDown: () => <div data-testid="chevron-down" />,
   ZoomIn: () => <div data-testid="zoom-in" />,
   ZoomOut: () => <div data-testid="zoom-out" />,
-  RotateCw: () => <div data-testid="rotate-cw" />
+  RotateCw: () => <div data-testid="rotate-cw" />,
+  Send: () => <div data-testid="send" />
 }))
 
 // Mock react-syntax-highlighter
@@ -39,7 +40,7 @@ vi.mock('@/components/CopyButton', () => ({
 
 // Mock settings store
 vi.mock('@/store/settings', () => ({
-  useSettings: () => ({
+  useSettingsStore: () => ({
     jsonViewer: {
       maxAutoExpandDepth: 2,
       maxAutoExpandArraySize: 10,

src/test/ResponsePanel.test.tsx

@@ -2,14 +2,18 @@ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
 import { render, screen, fireEvent, act } from '@testing-library/react'
 import { SettingsPanel } from '@/components/SettingsPanel'
 import { useSettingsStore } from '@/store/settings'
-import type { SettingsState } from '@/store/settings'
 import { checkForUpdatesManually } from '@/components/UpdateChecker'
 
-const mockUseSettings = useSettings as unknown as ReturnType<typeof vi.fn>
-
 // Mock the settings store
 vi.mock('@/store/settings', () => ({
-  useSettings: vi.fn()
+  useSettingsStore: vi.fn(() => ({
+    jsonViewer: {
+      maxAutoExpandDepth: 2,
+      maxAutoExpandArraySize: 50,
+      maxAutoExpandObjectSize: 20,
+    },
+    updateJSONViewerSettings: vi.fn()
+  }))
 }))
 
 // Mock the update checker
@@ -18,18 +22,8 @@ vi.mock('@/components/UpdateChecker', () => ({
 }))
 
 describe('SettingsPanel', () => {
-  const mockSettings: Partial<SettingsState> = {
-    jsonViewer: {
-      maxAutoExpandDepth: 2,
-      maxAutoExpandArraySize: 50,
-      maxAutoExpandObjectSize: 20,
-    },
-    updateJSONViewerSettings: vi.fn(),
-  }
-
   beforeEach(() => {
     vi.clearAllMocks()
-    mockUseSettings.mockReturnValue(mockSettings)
   })
 
   afterEach(() => {
@@ -75,7 +69,7 @@ describe('SettingsPanel', () => {
       },
       updateJSONViewerSettings: vi.fn()
     }
-    vi.mocked(useSettings).mockReturnValue(mockSettings)
+    vi.mocked(useSettingsStore).mockReturnValue(mockSettings)
 
     await act(async () => {
       render(<SettingsPanel open={true} onOpenChange={() => {}} />)
@@ -123,7 +117,7 @@ describe('SettingsPanel', () => {
       render(<SettingsPanel open={true} onOpenChange={() => {}} />)
     })
     const comingSoonElements = screen.getAllByText(/coming soon/i)
-    expect(comingSoonElements).toHaveLength(2)
+    expect(comingSoonElements).toHaveLength(1)
   })
 
   it('applies correct styling to sheet content', async () => {

src/test/SettingsPanel.test.tsx

@@ -3,15 +3,15 @@ export function getRequestNameFromUrl(url: string): string {
     // Try to parse the URL
     const parsedUrl = new URL(url);
 
-    // Get the pathname without leading/trailing slashes
-    const path = parsedUrl.pathname.replace(/^\/+|\/+$/g, '');
+    // Get the pathname without leading/trailing slashes and decode it
+    const path = decodeURIComponent(parsedUrl.pathname.replace(/^\/+|\/+$/g, ''));
 
     // If there's no path, return 'Unnamed Request'
     if (!path) {
       return 'Unnamed Request';
     }
 
-    // Return the path
+    // Return the decoded path
     return path;
   } catch {
     // If URL parsing fails, try to extract path portion
@@ -24,8 +24,8 @@ export function getRequestNameFromUrl(url: string): string {
     // Remove query parameters and hash
     const pathOnly = withoutDomain.split(/[?#]/)[0];
 
-    // Remove leading/trailing slashes
-    const cleanPath = pathOnly.replace(/^\/+|\/+$/g, '');
+    // Remove leading/trailing slashes and decode
+    const cleanPath = decodeURIComponent(pathOnly.replace(/^\/+|\/+$/g, ''));
 
     return cleanPath || 'Unnamed Request';
   }