Overview

Sila Development Documentation

Name: Sila
Author: Sila

Project structure

We have a package.json in the root of the repository that unites all the packages (from the /packages dir) in the npm workspace. We run npm install, npm run dev and npm build from the root directory.

This should be enough to get started after cloning the repository: npm install && npm run dev

See Quick Start for the instructions on running, debugging, and building.

Packages

packages/core is the core functionality shared with other packages.
packages/client is the client code with UI components written in Svelte.
packages/desktop is a Svelte /w Vite + Electron wrapper that is using the client package. We use it for desktop builds.
packages/mobile is a SvelteKit + Capacitor wrapper that is using the client package. We use it for mobile builds.
packages/demo is a tool to create demo workspaces out of a JSON
packages/tests is a test suit for the most important systems of Sila

Quick facts about the tech stack

Standalone application (desktop + mobile)
Desktop app runs on Electron
Mobile app runs on Capacitor
Built with TypeScript
Frontend uses Svelte 5 + SvelteKit
Everything runs locally (no server yet) plus external APIs
Styling via Tailwind CSS
Components from Skeleton design system
Inference with AI is done through AIWrapper
Sync handled by RepTree
Tiling tabs like in VSCode are built with TTabs
Context for AI agent generated with Airul

How it ties together and builds

Neither the core nor client gets their own dist/build. Rather than building - we import them to our dedicated Vite projects in the desktop and mobile packages. Desktop and mobile packages import Svelte component from the client. They init with a config that has integrations for Electron and Capacitor to work with their file systems and native dialogs.