Skip to content

Use Vue inside BitBurner! Built with Vue 3, SCSS support, an app tray, a window manager, and various components to help you get started.

Notifications You must be signed in to change notification settings

malaclypse2/bb-vue

 
 

Repository files navigation

bb-vue

Use Vue inside BitBurner!

  • Built with Vue 3 and SCSS support
  • Includes an app tray for all your apps
  • Window manager to drag, minimize, resize, and dynamically position windows
  • Various components to help you get started

From custom UI extensions to reactive data storage, hacking in BitBurner has never been easier 😎

image

Getting Started

  • Move to home device, root dir in game
  • nano bbv-inst.js
  • Back to terminal
    • run /bbv-inst.js dev 👈 make sure to include the dev argument!
    • run /bb-vue/examples/0-getting-started.js
  • Run bb-vue
    • run /bb-vue/examples/1-the-app-tray.js
  • Explore examples
    • nano /bb-vue/examples/0-getting-started.js
    • nano /bb-vue/examples/1-the-app-tray.js
  • Open an issue if you run into any problems, or hit me up in the BitBurner discord.

In Development

Most recent changes for those who want to browse the source:

Changelog

dev

  • A new architecture that allows for more user-control
  • Beginnings of a component library for creating UIs quickly
  • Active development, be warned, but feel free to contribute as well!

v0.0.1

  • An actual GitHub repo!
  • Something of a proper architecture, but still very WIP...
    • An Orchestrator class with a tick rate, a command queue, and extensive callback support
    • An EventBus class for communicating across modules
    • A reactive Store class for syncing NetScript and Vue UI layers
    • A UI class for bootstrapping the demo Vue app and mounting it
  • An example CommandPalette component which creates async NetScript commands to be run by the Orchestrator and reports on their status
  • All UI components are now imported from their own files! Almost like Vue SFCs, but decidedly more punk
  • The beginnings of a central dashboard (something of an example of what can be done with the library thus far)

Troubleshooting

  • Please create a GitHub issue if you run into any snags with installation or use, or reach out to me on the BitBurner discord.

About

Use Vue inside BitBurner! Built with Vue 3, SCSS support, an app tray, a window manager, and various components to help you get started.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%