Getting Started

Bloop

Welcome to bloop! A scriptable scratchpad for developers!

Getting Started

1. Installing custom scripts

All custom scripts go to your documents directory, inside a folder called bloop. Check this for the exact location your OS.

Check boop's repository for more scripts!

To write your own scripts, you should be able to use the inbuilt "New Boop Script" to be able to get the boilerplate going. An editorObj is passed to the main function, you can use the several apis it provides in your scripts.

Read boop's documentation for more info.

2. Changing config.

Clicking on the setting cog in the top right corner of the app, should open config.toml in your preferred text editor. If not you can find the config file in your config directory. Check this for the exact location for your OS. The config should have the current defaults already.

[global]
# theme name
custom_css = ""  
# Width at launch time
width = 900
# Height at launch time
height = 400
# Always on top
always_on_top = false

[vars]
# Editor font
font = '"SF mono", "Cascadia Code", "CascadiaCode Nerd Font", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif'
# Global font size
font_size = '30px'
# Self explanatory
editor_font_size = '20px'
gutter_size = '4.2rem'
gutter_color = '#161616c2'
editor_color = '#1f1f1fc2'
gutter_text_color = '#999'
editor_text_color = 'white'
seperator_width = '1.2px'
seperator_color = '#f0f0fe2'
# syntax 
syntax_comment = '#888ea6'
syntax_string = '#ff4c7c'
syntax_attribute = '#4cffb2'
syntax_number = '#ffb24c'
syntax_extra = '#3586ff'
syntax_keyword = '#32ff47'

3. Custom themes

Bloop now supports custom themes! To set one up, you want to copy the css file for your theme in a themes folder inside your config folder (where config.toml exists). Your config folder would then looks like this

.config/
    bloop/
        themes/
            themeFile.css
        config.toml

to actually get bloop to load your css, you want to set the custom_css property in your config to the name of your theme file.

[global]
custom_css = "themeFile"

NOTE: The name you set in the config should match the name of your css. I.E. if your theme is called dracula.css, then you would set custom_css = "dracula" NOTE: Imports are currently not supported, you probably would want to convert url imports to base64. This is planned however, until its implemented in tauri itself

FAQ

1. I Found an issue.

Please create an issue