Srcbook

<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>

Maintainers Note

Srcbook is currently not under active development. After overwhelming demand of making it a managed service, we have built and are operating https://getmocha.com for this purpose!

In the future, we might revive Srcbook for its notebook product (over the app builder one, which is better served by Mocha).

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

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://i.imgur.com/lLJPZOs.png"> <source media="(prefers-color-scheme: light)" srcset="https://i.imgur.com/k4xAyCQ.png"> <img alt="Example Srcbook" src="https://i.imgur.com/k4xAyCQ.png"> </picture>

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

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/2a4fa0f6-ef1b-4606-c9fa-b31d61b7c300/public"> <source media="(prefers-color-scheme: light)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/ebfa2bfe-f805-4398-a348-0f48d4f93400/public"> <img alt="Example Srcbook" src="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/ebfa2bfe-f805-4398-a348-0f48d4f93400/public"> </picture>

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 with srcbook 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.