Awesome
<picture> <source media="(prefers-color-scheme: dark)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/2d5c9dda-044b-49e2-5255-4a0be1085d00/public"> <source media="(prefers-color-scheme: light)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/064ebb1f-5153-4581-badd-42b42272fc00/public"> <img alt="Srcbook banner" src="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/064ebb1f-5153-4581-badd-42b42272fc00/public"> </picture> <p align="center"> <a href="https://badge.fury.io/js/srcbook"><img src="https://badge.fury.io/js/srcbook.svg" alt="npm version" /></a> <a href="https://opensource.org/licenses/Apache-2.0"><img src="https://img.shields.io/badge/License-Apache%202.0-blue.svg" alt="Apache 2.0 license" /></a> </p> <p align="center"> <a href="https://srcbook.com">Online app builder</a> · <a href="https://discord.gg/shDEGBSe2d">Discord</a> · <a href="https://www.youtube.com/@srcbook">Youtube</a> · <a href="https://hub.srcbook.com">Hub</a> </p>Srcbook
Srcbook is a TypeScript-centric app development platform, with 2 main products:
- an AI app builder (also available hosted online)
- a TypeScript notebook
Srcbook is open-source (apache2) and runs locally on your machine. You'll need to bring your own API key for AI usage (we strongly recommend Anthropic with claude-3-5-sonnet-latest
).
Features
App Builder
- AI app builder for TypeScript
- Create, edit and run web apps
- Use AI to generate the boilerplate, modify the code, and fix things
- Edit the app with a hot-reloading web preview
Notebooks
- Create, run, and share TypeScript notebooks
- Export to valid markdown format (.src.md)
- AI features for exploring and iterating on ideas
- Diagraming with mermaid for rich annotations
- Local execution with a web interface
- Powered by Node.js
FAQ
See FAQ.
Getting Started
Srcbook runs locally on your machine as a CLI application with a web interface.
Requirements
- Node 18+, we recommend using nvm to manage local node versions
- corepack to manage package manager versions
Installing
We recommend using npx to always run the latest version from npm
# Using npm
npx srcbook@latest start
# Using your pm equivalent
pnpm dlx srcbook@latest start
You can instead use a global install with
<pkg manager> i -g srcbook
and then directly call srcbook withsrcbook start
Using Docker
You can also run Srcbook using Docker:
# Build the Docker image
docker build -t srcbook .
# Run the container
# The -p flag maps port 2150 from the container to your host machine
# First -v flag mounts your local .srcbook directory to persist data
# Second -v flag shares your npm cache for better performance
docker run -p 2150:2150 -v ~/.srcbook:/root/.srcbook -v ~/.npm:/root/.npm srcbook
Make sure to set up your API key after starting the container. You can do this through the web interface at http://localhost:2150
.
Current Commands
$ srcbook -h
Usage: srcbook [options] [command]
Srcbook is a interactive programming environment for TypeScript
Options:
-V, --version output the version number
-h, --help display help for command
Commands:
start [options] Start the Srcbook server
import [options] <specifier> Import a Notebook
help [command] display help for command
Uninstalling
You can remove srcbook by first removing the package, and then cleaning it's local directory on disk:
rm -rf ~/.srcbook
# if you configured a global install
npm uninstall -g srcbook
if you used another pm you will need to use it's specific uninstall command
Analytics and tracking
In order to improve Srcbook, we collect some behavioral analytics. We don't collect any Personal Identifiable Information (PII), our goals are simply to improve the application. The code is open source so you don't have to trust us, you can verify! You can find more information in our privacy policy.
If you want to disable tracking, you can run Srcbook with SRCBOOK_DISABLE_ANALYTICS=true
set in the environment.
Contributing
For development instructions, see CONTRIBUTING.md.