Bubble Buddy

Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts

Bubble Buddy क्या है?

Bubble Buddy Shankar Prasad द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot
screenshot
screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में Bubble Buddy एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

                        Hey Bubblers,

Bubble Buddy allows you to quickly add/remove the debugger, reveal an element in Elements tree, start/edit a workflow, switch between live and test versions of Bubble Editor, and App pages by using *Keyboard Shortcuts*

Use the following 8 Keyboard Shortcuts to make the desired changes:
1. To add/remove “debug_mode” to the page URL, use “Ctrl + M” (or click on the Bubble Buddy extension icon)

2. To reveal an element in Elements tree, 
     a) Select an element of your choice and then 
     b) Use "Ctrl + Shift + E"

3. To start/edit a workflow on an element, 
     a) Select an element of your choice
     b) Use "Ctrl + Shift + F"

4. To switch between live and test versions of your app pages, use “Ctrl + Shift + L”

5. To switch between live and development versions of your Bubble Editor, use “Ctrl + Shift + K”

6. To select first parent of an element,
     a) Select an element of your choice
     b) Use "Ctrl + Shift + Y"

7. To open app's Backend Workflows page in a newtab, use "Ctrl + Alt + B"

8. Toggle Sidepanel: To show/hide Bubble Buddy sidepanel, use "Alt + Shift + S"

- With Bubble Buddy sidepanel, you can organise all your URLs (Bubble Editor, App preview pages, any resource links) and Branches linked to your Bubble Projects at one place.
- "Toggle Sidepanel" shortcut will work only on Bubble Editor pages.

For Bubble Buddy tutorials, checkout this playlist: https://www.youtube.com/playlist?list=PL4YOHwiJinHt3S7Y7TOLxIj2lvcE776O-
- - - - - - - - - - - - - - - - - - - - - - - - - -
UPDATES:
v2.4:
- Bug fixes

v 2.3.1:
- Added "Toggle Sidepanel" shortcut to customizable shortcuts
- Removed "Start/Edit Workflow" shortcut from customizable shortcuts

Version 2.2:
- Bug Fixes

Version 2.1:
- Bug fixes
- Changed Bubble Buddy sidepanel shortcut to "Alt + Shift + S"

Version 2.0:
- Open Backend Workflow in newtab shortcut
- Show/Hide Buddy Buddy sidepanel shortcut
- Organise your Bubble projects' related URLs and Branches [Demo Version]
- Added shortcuts support to apps on Bubble Dedicated instances (suggested by Andy Kalati - @akalati)

Version 1.5:
- Select first parent shortcut

Version 1.4:
- hover effect on App data rows (suggested by Aditya Pati - @theadityapati)
- hover effect on File Manager table rows
- hover effect on Style Variables (suggested by Mantas Giedraitis - @omus_io)

Loom Video: https://www.loom.com/share/bb5da8f35fd7470b87dae25b1557b083

Version 1.3:
- hover effect on Data fields & Option Sets (suggested by Kelly Claus - @ClausISaidSo )

- - - - - - - - - - - - - - - - - - - - - - - - - -

From
Shankar Prasad
Twitter: @Shankar_19 (https://twitter.com/Shankar_19)                    

एक्सटेंशन की मूल जानकारी

नाम Bubble Buddy Bubble Buddy
ID alhnncmoomghdpieiiomjjcbmgmkaflk
आधिकारिक URL https://chromewebstore.google.com/detail/bubble-buddy/alhnncmoomghdpieiiomjjcbmgmkaflk
विवरण Toggle debug mode, reveal in elements tree, start/edit workflow & switch between live/test versions using keyboard shortcuts
फ़ाइल का आकार 39.54 KB
स्थापना संख्या 445
वर्तमान संस्करण 2.4
अंतिम अपडेट 2024-01-08
प्रकाशन तिथि 2022-12-26
रेटिंग 4.38/5 कुल 8 रेटिंग्स
डेवलपर Shankar Prasad
ईमेल [email protected]
भुगतान के प्रकार free
समर्थित भाषाएँ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Bubble Buddy",
    "description": "Toggle debug mode, reveal in elements tree, start\/edit workflow & switch between live\/test versions using keyboard shortcuts",
    "version": "2.4",
    "permissions": [
        "tabs",
        "scripting"
    ],
    "host_permissions": [
        "https:\/\/*.bubble.io\/*",
        "https:\/\/*.bubble.is\/*"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_title": "Click to change the 'debug_mode'"
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*.bubble.io\/page*",
                "https:\/\/*.bubble.is\/page*"
            ],
            "js": [
                "content-script.js"
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "styles.css"
            ],
            "matches": [
                "https:\/\/*.bubble.io\/*",
                "https:\/\/*.bubble.is\/*"
            ]
        }
    ],
    "icons": {
        "128": "images\/bb_128.png",
        "48": "images\/bb_48.png",
        "32": "images\/bb_32.png",
        "16": "images\/bb_16.png"
    },
    "commands": {
        "toggle-page-version": {
            "suggested_key": "Ctrl+Shift+L",
            "description": "Toggle App Page version - test <--> live"
        },
        "reveal-elements-tree": {
            "suggested_key": "Ctrl+Shift+E",
            "description": "Reveal in Elements tree"
        },
        "toggle-sidepanel": {
            "suggested_key": "Alt+Shift+S",
            "description": "Toggle Sidepanel"
        },
        "_execute_action": {
            "suggested_key": "Ctrl+M",
            "description": "Toggle debug_mode"
        }
    }
}