Project Structure

ContainerKit/
├── src/                          # Svelte frontend
│   ├── lib/
│   │   ├── components/          # UI components (atomic design)
│   │   │   ├── ui/              # Base UI components
│   │   │   ├── atoms/           # Atomic components
│   │   │   ├── molecules/       # Composed components
│   │   │   ├── organisms/       # Complex components
│   │   │   └── pages/           # Page-level components
│   │   ├── db/                  # Database schema and types
│   │   │   ├── schema.ts        # Drizzle schema definitions
│   │   │   └── types.ts         # TypeScript type definitions
│   │   ├── services/            # API and business logic
│   │   │   ├── container.ts     # Container management
│   │   │   └── system.ts        # System integration
│   │   ├── stores/              # Svelte stores
│   │   │   ├── app.ts           # Application state
│   │   │   └── theme.ts         # Theme management
│   │   ├── schemas/             # Validation schemas
│   │   ├── helpers/             # Helper utilities
│   │   ├── hooks/               # Svelte hooks
│   │   ├── models/              # Data models
│   │   └── actions/             # Svelte actions
│   ├── routes/                  # SvelteKit routes
│   │   ├── (containerization)/  # Container routes
│   │   ├── (fallback)/          # Fallback routes
│   │   └── +layout.svelte       # Root layout
│   ├── themes/                  # Custom CSS themes
│   └── app.html                 # HTML template
├── src-tauri/                   # Rust/Tauri backend
│   ├── src/
│   │   ├── commands/            # Tauri commands (IPC)
│   │   ├── services/            # Business logic
│   │   └── main.rs              # Application entry point
│   ├── migrations/              # SQL migration files
│   ├── binaries/                # Sidecar binaries
│   │   └── sidecar/             # Apple Container CLI
│   ├── capabilities/            # Tauri capabilities
│   ├── icons/                   # Application icons
│   ├── tauri.conf.json         # Tauri configuration
│   └── Cargo.toml              # Rust dependencies
├── scripts/                     # Build and automation scripts
│   ├── docs/                    # Script documentation
│   ├── download-apple-container-cli.sh  # CLI downloader
│   └── generate-migrations.ts   # Migration generator
├── static/                      # Static assets
│   ├── logo.png                 # Application logo
│   └── preview/                 # Screenshots
├── .zed/                        # Zed editor settings
├── .vscode/                     # VS Code settings
├── package.json                 # Node.js dependencies
├── pnpm-lock.yaml              # Dependency lock file
├── svelte.config.js            # SvelteKit configuration
├── vite.config.js              # Vite configuration
├── tsconfig.json               # TypeScript configuration
├── drizzle.config.ts           # Drizzle ORM configuration
└── tailwind.config.js          # Tailwind CSS configuration

#[tauri::command]
pub async fn get_container_info(id: String) -> Result<ContainerInfo> {
    // Implementation
}

fn main() {
    tauri::Builder::default()
        .plugin(tauri_plugin_sql::Builder::default().build())
        .invoke_handler(tauri::generate_handler![/* commands */])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

{
  "productName": "Container Kit",
  "version": "0.10.0",
  "identifier": "io.ethercorps.containerkit",
  "build": {
    "beforeDevCommand": "pnpm dev",
    "beforeBuildCommand": "pnpm build",
    "devPath": "http://localhost:5173",
    "distDir": "../build"
  }
}

#!/bin/bash
# Downloads and extracts Apple Container CLI
# Places it in src-tauri/binaries/sidecar/

// Reads SQL migrations from src-tauri/migrations/
// Generates Rust code for embedding migrations

#!/bin/bash
# Runs database generation
# Builds Tauri app for Apple Silicon

{
  "extends": "./.svelte-kit/tsconfig.json",
  "compilerOptions": {
    "strict": true,
    "moduleResolution": "bundler"
  }
}

import adapter from '@sveltejs/adapter-static';

export default {
  kit: {
    adapter: adapter({
      fallback: 'index.html'
    })
  }
};

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit()],
  clearScreen: false,
  server: {
    port: 5173,
    strictPort: true
  }
});

import type { Config } from 'drizzle-kit';

export default {
  schema: './src/lib/db/schema.ts',
  out: './src-tauri/migrations',
  dialect: 'sqlite'
} satisfies Config;

<!-- Parent -->
<ChildComponent bind:value on:change={handleChange} />

<!-- Child -->
<script lang="ts">
  import { createEventDispatcher } from 'svelte';
  const dispatch = createEventDispatcher();
  
  let { value = $bindable() } = $props();
</script>

// store.ts
import { writable } from 'svelte/store';

export const theme = writable<'light' | 'dark'>('light');

// component.svelte
import { theme } from '$lib/stores/theme';

// service.ts
export async function getContainers() {
  return await invoke<Container[]>('get_containers');
}

// component.svelte
import { getContainers } from '$lib/services/container';
const containers = await getContainers();

#[tauri::command]
pub async fn create_container(
    name: String,
    config: ContainerConfig
) -> Result<Container, String> {
    // Implementation
}

use tauri_plugin_sql::TauriSql;

let result = app
    .sql()
    .execute("SELECT * FROM containers WHERE id = ?", &[&id])
    .await?;

tests/
├── unit/
│   ├── frontend/
│   └── backend/
├── integration/
│   ├── e2e/
│   └── api/
└── fixtures/