GithubHelp home page GithubHelp logo

bigalan09 / jsester Goto Github PK

View Code? Open in Web Editor NEW
6.0 6.0 0.0 347 KB

An offline tool for testing and showcasing user-created HTML, CSS and JavaScript code snippets, using Monaco and Electron.

License: MIT License

HTML 52.02% JavaScript 47.98%

jsester's People

Contributors

bigalan09 avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

jsester's Issues

Fullscreen mode

Preference setting for fullscreen mode
Shortcut for fullscreen mode.

Preferences

Preferences allow the user to modify application preferences.

Preferences:

  • Toggle Light and Dark theme
  • Modify Keyboard shortcuts
  • Modify panel workspace layouts
  • Toggle autorun on panel change
  • Toggle line numbers
  • Toggle Wrap lines
  • Set indent size
  • Set font size
  • Autosave code on run (Bumps the version)

Light and Dark Mode

Preference setting for light and dark mode

change theme and colors of the window to switch between light and dark mode.

Optional: keyboard shortcut

Keyboard shortcuts

An easily extendable keyboard shortcut framework to add different keyboard shortcuts for various functions in JSester.

e.g.

  • CTRL+S to save the document
  • CTRL+ENTER to run
  • CTRL+F11 for fullscreen

Rewrite using Vue and components

Convert the current code base into components with VueJS.
The purpose of this change would be for code maintainability, extensibility, and readability.

No prompt to save current document when a new document is created.

Describe the bug
When creating a new document, there is no prompt to signal if this was the users intended action.

To Reproduce
Steps to reproduce the behavior:

  1. Create a new document by pressing "New" in the toolbar.
  2. All panels are cleared.

Expected behavior
It is expected that when a new document is created, a save prompt is shown to save the current document.

Autorun during typing

Instead of pressing the run button,
have the preview window automatically update on keystroke.

Load and save document.

Ability to save and load a document as a file (preferably a .html file).
Saving would merge html, css and javascript into a single file.
Loading would split the file into 3 sections (HTML, CSS and JavaScript).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.