GitXplorerGitXplorer
l

onebox

public
3 stars
2 forks
0 issues

Commits

List of commits on branch main.
Unverified
343eb0c56937862f3fbff1b790f0012f44acc529

fix: markdown preview fontsize

llyonbot committed a year ago
Unverified
3c9b076371480575586c65d55520669420365f2e

chore: store with indexeddb

llyonbot committed a year ago
Unverified
cac0b27f048a39d603c5f6c871bc0bd5bc72689a

feat: click to open file

llyonbot committed a year ago
Unverified
1830ebe164872c99a95353a789a4d710152aa1dc

fix saving and panel creating problem; add drag-to-open file

llyonbot committed a year ago
Unverified
e28e6dca30e8e99091952c818bf04d2d9afa03be

fix: monaco pasting and lang switching

llyonbot committed a year ago
Unverified
7eabd509c7e025d3a12b15dc12ce001059033c60

chore: update deps

llyonbot committed a year ago

README

The README file for this repository.

OneBox : 📝 a Draft Notebook for Developers

[ Online Version ]

Designed for instant note-taking, data handling, quick code validation.

Who is OneBox For?

OneBox is designed for developers who need a quick and lightweight environment for experimenting with code, handling data, and jotting down ideas on the fly.

It a stage for your early-stage ideas, a place for your drafts, a box for your one-time use.

It's not another CodePen / CodeSandbox / WebIDE

OneBox is designed for trivial, quick and temporary use cases, which shall:

  • Start instantly! - No need to make any directory, workspace or project!

  • Focus on Content! - We cares more about markdown, data, output... rather than HTML preview.

  • See result instantly! - Builtin viewers, Chrome DevTools etc. Stop switching between tools.

  • Files and editor! - Quickly create, import, generate and export files with ease (or scripts)

OneBox is not a replacement for CodePen / CodeSandbox / WebIDE etc. but a complement in your work flow.

You can export OneBox workspace to your IDE to continue your work at any time!

Key Features

  • Browser-based: Access OneBox directly from your browser, no installations required.

  • 📁 Multi-file, Multi-tab: Manage multiple files and tabs seamlessly for organized coding sessions.

  • ▶️ Run JS/TS in Browser: Execute JavaScript and TypeScript code directly in your browser, supporting ES modules import/export. Integrated a Chrome DevTools Frontend for inspecting.

  • 🫴 Drop & Paste Everything: With copy-pasting or drag-and-drop, you can import files, images, and even entire folders into OneBox.

  • 🧘 A tiny Workspace that follows your flow: Treat OneBox as a temporally workspace, at any moment you can export it to your IDE, or clear it for a fresh start.

  • 🎹 Keyboard Shortcuts: Helps you speed-up workflow with shortcuts, including Cmd+Enter / F2 / Cmd+P / Middle Button of Mouse and more.

Examples of Use

  • Quickly validate and test code snippets.
  • Handle small to medium-sized datasets with ease.
  • Instantly record and organize thoughts and ideas. pasting images in markdown? yes we can!
  • Store trivial notes, files and code for later use.

Contribution

OneBox is an open-source project, and we welcome contributions from the community. Feel free to explore the codebase and submit issues or pull requests on GitHub.

License

OneBox is licensed under the MIT License.