TypeCell - GitLite

KO | EN

gitlite — search

#python #ai #typescript #go #golang #deep-learning #linux #java #windows #awesome #vue #awesome-list #pytorch #ios

TypeCell

(★ 539)

No description available.

파일 탐색기

최종 버전 다운로드 (.zip)

- - build.yaml
  - cla.yaml
  - production.yaml
  - relative-ci.yaml
  - staging.yaml
- - cla.json
- extensions.json
- settings.json
- - .env.development
  - .env.production
  - .env.staging
  - .env.test
  - .gitignore
  - copy-docs.mjs
  - index.html
  - package.json
  - playwright.config.ts
  - README.md
  - tsconfig.json
  - vite.config.ts
  - wait-on.conf.json
- - package.json
  - playwright-test.config.cjs
  - playwright.config.ts
  - README.md
  - tsconfig.json
  - vite.config.ts
- - package.json
  - tsconfig.json
  - vite.config.ts
- - package.json
  - README.md
  - tsconfig.json
  - vite.config.ts
- - package.json
  - README.md
  - tsconfig.json
  - vite.config.ts
- - .env.development
  - .env.local.example
  - .env.production
  - .env.staging
  - .env.test
  - package.json
  - README.md
  - supabase.sh
  - test.sql
  - tsconfig.json
  - vitest.config.ts
- - .eslintrc.cjs
  - package.json
  - tsconfig.json
- - package.json
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- - package.json
  - README.md
  - tsconfig.json
- @atlaskit+page-layout+1.7.7.patch
- @atlaskit+tree+8.8.5.patch
- monaco-editor+0.35.0.patch
- README.md
- y-indexeddb+9.0.6.patch
- y-prosemirror+1.2.5.patch
.gitignore
.npmrc
.nvmrc
CLA.md
CONTRIBUTING.md
DEPLOYMENT.md
LICENSE.md
package-lock.json
package.json
prettier.config.js
README.md
typecell.code-workspace
vercel.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/TypeCellOS/TypeCell

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd TypeCell

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://www.typecell.org">
    <img alt="TypeCell" src="./packages/editor/src/assets/logo_with_text.svg?raw=true" width="300" />
  </a>
</p>

<p align="center">
Welcome to TypeCell, where Notion meets Jupyter Notebooks - all open source. TypeCell is a fresh take on what documents and software can look like. Together, we want to make it a lot easier to build software, and ultimately to understand, build and share knowledge.
</p>

<p align="center">
<a href="https://discord.gg/aDQxXezfNj"><img alt="Discord" src="https://img.shields.io/badge/Chat on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"/></a>
</p>

<p align="center">
  <a href="https://www.typecell.org">
    <img alt="TypeCell demo" src="./packages/editor/src/app/main/components/startscreen/assets/intro.gif?raw=true" width="600" />
  </a>
</p>

# Features

- Open Source Notion-style workspaces and documents (powered by [BlockNote](https://www.blocknotejs.org))
- [Local-First](https://www.inkandswitch.com/local-first/) architecture built using [Yjs](https://github.com/yjs/yjs), with support for live multi-user collaboration
- Code Blocks for a live, as-you-type coding experience enabling [End-User Programming](https://www.inkandswitch.com/end-user-programming/)
- Same, powerful editing experience as VS Code
- Full TypeScript and React support! (no weird custom language constructs)
- The Reactive Runtime makes sure code blocks automatically re-evaluate when their dependencies update ([learn more](https://www.typecell.org/docs/manual/3.%20Reactive%20variables.md))
- Import NPM packages + types just by writing a regular `import` statement

» [Create your free workspace to get started!](https://www.typecell.org/)

# Documentation 📖

Read the docs and complete the interactive tutorial to get familiar with TypeCell:

» [Check out the docs and Live Coding Tutorial](https://www.typecell.org/docs/)

# Feedback 🙋‍♂️🙋‍♀️

We'd love to hear your thoughts and see your experiments, so [come and say hi on Discord](https://discord.gg/TcJ9TRC3SV).

# Contributing 🙌

See [CONTRIBUTING.md](CONTRIBUTING.md) for more info and guidance on how to run the project (TLDR: just use `npm start`).

TypeCell is organised as a monorepo containing several packages. Directory structure:

```
typecell
├── packages
│   ├── editor        - The main React application
│   ├── engine        - The live-code execution engine and Reactive Runtime
│   ├── frame         - sandboxed iframe where end-user code evaluates
│   ├── packager      - Tool to bundle TypeCell notebook apps (WIP)
│   ├── parsers       - Helpers to convert to / from TypeCell documents
│   ├── server        - HocusPocus + Supabase server for storing documents
│   ├── shared        - TypeCell specific models shared across the codebase
│   ├── shared-test   - Helper functions shared across the codebase for unit tests
│   ├── util          - Generic helper functions
│   └── y-penpal      - yjs transport for crossdomain / crossframe communication
├── patches           - patch-package patches
└── test-util         - Data for unit tests
```

The codebase is automatically tested using Vitest and Playwright.

# Credits ❤️

We build on top of some really great technologies:

- [Monaco](https://github.com/microsoft/monaco-editor): the open source editor that also powers VS Code
- [Yjs](https://github.com/yjs/yjs): CRDT for multi-user collaboration
- [MobX](https://mobx.js.org/): for our Reactive Runtime
- [ESM.sh](https://www.esm.sh/): for dynamic ESM imports from NPM
- [Typescript](https://www.typescriptlang.org/): for our compiler and language toolkit

TypeCell is proudly sponsored by the renowned [NLNet foundation](https://nlnet.nl/foundation/) who are on a mission to support an open internet, and protect the privacy and security of internet users. Check them out!

<a href="https://nlnet.nl"><img src="https://nlnet.nl/image/logos/NGIAssure_tag.svg" alt="NLNet" width="100"></a>