features.json

[
  {
    "key": "example_feature",
    "category": "Example Feature",
    "name": "Example Feature",
    "description": "Did you know you can contribute to this extension? Download the codebase and use this example feature as your guide. To add a new feature, copy this entire object and paste it in this file (features.json), and then replace the variables with the relevant info. Then find the folder /example_feature and duplicate it. Follow the instructions in /example_feature/readme.txt to add your feature and create a PR.",
    "cssFile": "features/example_feature/example_feature.css",
    "jsFile": "features/example_feature/example_feature.js",
    "default": false,
    "contributors": ["example"]
  },
  {
    "key": "tab_naming",
    "category": "Branches",
    "name": "Tab Naming",
    "description": "Automatically renames the Chrome tab to display the current branch name from the version URL parameter. Makes it easier to identify which branch you're working on when multiple editor tabs are open.",
    "jsFile": "features/tab_naming/tab_naming.js",
    "default": true,
    "contributors": ["rico"]
  },
  {
    "key": "privacy_button_red_public",
    "category": "Privacy",
    "name": "Privacy Status Badges",
    "description": "Styles privacy buttons and text elements as colored badges: red badge for 'Publicly visible' and green badge for 'Privacy rules applied' to clearly indicate privacy status.",
    "cssFile": "features/privacy_button_red_public/privacy_button_red_public.css",
    "jsFile": "features/privacy_button_red_public/privacy_button_red_public.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "left_to_right_action_view",
    "category": "Workflow View",
    "name": "Wrap Actions Left-to-Right",
    "description": "When viewing a workflow's actions, this displays the actions in a left-to-right view instead of a vertically stacked view. NOTE: This only works in the 'Default' view, and not with the 'Compact' view.",
    "jsFile": "features/left_to_right_action_view/left_to_right_action_view.js",
    "default": false,
    "contributors": ["tim"]
  },
  {
    "key": "expression_syntax_highlighting",
    "category": "Expressions",
    "name": "Expression Syntax Highlighting",
    "description": "This feature provides enhanced syntax highlighting for expressions within the Bubble editor, making it easier to read, understand, and debug your application logic.",
    "cssFile": "features/expression_syntax_highlighting/expression_syntax_highlighting.css",
    "jsFile": "features/expression_syntax_highlighting/expression_syntax_highlighting.js",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "notification",
    "category": "Hidden",
    "name": "What's New Notification",
    "description": "Shows a one-time notification after an extension update to highlight new features. This message is only shown once per update.",
    "cssFile": "features/notification/notification.css",
    "jsFile": "features/notification/notification.js",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "checkbox_label_click",
    "category": "Data View",
    "name": "Clickable Checkbox Labels",
    "description": "In Privacy Rules, make checkbox labels clickable, allowing you to toggle checkboxes by clicking on their labels instead of just the checkbox itself.",
    "cssFile": "features/checkbox_label_click/checkbox_label_click.css",
    "jsFile": "features/checkbox_label_click/checkbox_label_click.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "expression_bad_practice_warning",
    "category": "Expressions",
    "name": "Bad Practice Warning",
    "description": "Highlights bad practices in expressions and provides a link to documentation explaining best practices.",
    "cssFile": "features/expression-bad-practice-warning/expression-bad-practice-warning.css",
    "jsFile": "features/expression-bad-practice-warning/expression-bad-practice-warning.js",
    "default": true,
    "contributors": ["brenton", "george", "rathan"]
  },
  {
    "key": "expression_bad_practice_warning_count_is_zero",
    "category": "Expressions",
    "name": "Warn about ':count is 0' pattern",
    "description": "Highlights when the ':count is 0' pattern is used instead of the more efficient 'is empty' check.",
    "requires": "expression_bad_practice_warning",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "expression_bad_practice_warning_current_user_in_backend",
    "category": "Expressions",
    "name": "Warn about 'Current User' in backend workflows",
    "description": "Highlights when 'Current User' is used in backend workflows, which can cause issues.",
    "requires": "expression_bad_practice_warning",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "expression_bad_practice_warning_public_api_checked",
    "name": "Public API Warning",
    "description": "Shows a warning when a workflow is exposed as a public API",
    "category": "Expressions",
    "default": true,
    "requires": "expression_bad_practice_warning",
    "contributors": ["brenton"]
  },
  {
    "key": "expression_bad_practice_warning_zero_width",
    "category": "Expressions",
    "name": "Zero Width Warning",
    "description": "Warn when an element's max-width is set to 0",
    "requires": "expression_bad_practice_warning",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "style_row_hover",
    "category": "Style Tab",
    "name": "Hi-light style variable rows on hover",
    "description": "When hovering over font and color variables, change the background of that row to a darker color so you can tell what row you are hovering.",
    "cssFile": "features/style-row-hover/style-row-hover.css",
    "default": true,
    "contributors": ["brenton", "rathan"]
  },
  {
    "key": "top_menu_aim",
    "category": "Editor Styling",
    "name": "Maximize the expanded App Interface Manager dropdown menu",
    "description": "When the pp Interface Manager (AIM) menu is expanded, make it take up as much space as possible, and prevent long page/RU names from being cut off.",
    "cssFile": "features/top_menu_layout/top_menu_aim.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "canvas_left_align_canvas",
    "category": "Design Canvas",
    "name": "Left Align the Design Canvas",
    "description": "Left aligns the content of your page in the editor to free up space on the right-hand side for Property Editors and other menus.",
    "cssFile": "features/canvas-left-align-canvas/canvas-left-align-canvas.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "data_optionsets_expand_inputs",
    "category": "Data View",
    "name": "Maximum Sized Option Set Inputs",
    "description": "On the option set tab of the Data view, stretch Option Set inputs to be as wide as possible for your screen so that content is not cut off.",
    "cssFile": "features/data_optionsets_expand_inputs/data_optionsets_expand_inputs.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "data_datatype_expand_inputs",
    "category": "Data View",
    "name": "Maximum Sized Data Type Inputs",
    "description": "On the Data type view, stretch inputs to be as wide as possible for your screen so that content is not cut off.",
    "cssFile": "features/data_datatype_expand_inputs/data_datatype_expand_inputs.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "data_optionsets_limitless_attribute_lists",
    "category": "Data View",
    "name": "OS Limitless Attribute Lists",
    "description": "On the option set tab of the Data view, allow attribute lists to grow as tall as they want, with no scorlling.",
    "cssFile": "features/data_optionsets_limitless_attribute_lists/data_optionsets_limitless_attribute_lists.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "data_optionsets_move_gaps",
    "category": "Data View",
    "name": "Option Set Move Gaps",
    "description": "On the option set tab of the Data view, add a gap to the top item where 'move up' normally is, so that everything else is in line. Do the same at the bottom for 'move down'.",
    "cssFile": "features/data-optionsets-move-gaps/data-optionsets-move-gaps.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "property_editor_expression_composer_hitboxes",
    "category": "Expression Composers",
    "name": "Increase Text Hitbox Size in Expression Composers",
    "description": "In expression composers which have static text (nondynamic), make the clickable area for the text as big as it can be, so you can easily click it.",
    "cssFile": "features/property-editor-expression-composer-hitboxes/property-editor-expression-composer-hitboxes.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "property_editor_expression_composer_multiline",
    "category": "Expressions",
    "name": "Multiline Expressions",
    "description": "Make expressions multiple lines, indented, and collapsible.",
    "cssFile": "features/property-editor-expression-composer-multiline/property-editor-expression-composer-multiline.css",
    "default": true,
    "contributors": ["george", "brenton"]
  },
  {
    "key": "expression_arbitrary_text_display",
    "category": "Expressions",
    "name": "Rename Arbitrary Text",
    "description": "Adds an optional Display field to Arbitrary text expressions so you can rename the token label without changing its value.",
    "cssFile": "features/expression_arbitrary_text_display/expression_arbitrary_text_display.css",
    "jsFile": "features/expression_arbitrary_text_display/expression_arbitrary_text_display.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "expression_collapser",
    "category": "Expressions",
    "name": "Collapse and expand subexpressions",
    "description": "Allow expanding and collapsing parts of the expression for clarity. Requires multiline expressions.",
    "jsFile": "features/expression_collapser/script.js",
    "requires": "property_editor_expression_composer_multiline",
    "default": true,
    "contributors": ["george", "brenton"]
  },
  {
    "key": "property_editor_expression_composers_full_width",
    "category": "Expression Composers",
    "name": "Full Width Expression Composers",
    "description": "Make the composer box for expressions full width in places where it isn't already (e.g. element condition tab) to let you see more of the expression at once without wrapping.",
    "cssFile": "features/property-editor-expression-composers-full-width/property-editor-expression-composers-full-width.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "workflow_editor_folder_pop",
    "category": "Workflow View",
    "name": "Increase Workflow Folder Visibility",
    "description": "In the Workflow editor, make the folder text bold and background have a darker grey, and create a shadow inside it, to distinguish from non-folders.",
    "cssFile": "features/workflow-editor-folder-pop/workflow-editor-folder-pop.css",
    "default": true,
    "contributors": ["brenton", "george"]
  },
  {
    "key": "sidebar_link_api_connector",
    "category": "Sidebar",
    "name": "Add API Connector link to sidebar",
    "description": "Adds a link to the sidebar which will take you directly to the API Connector plugin.",
    "jsFile": "features/sidebar-link-api-connector/sidebar-link-api-connector.js",
    "default": true,
    "contributors": ["brenton", "rafa"]
  },
  {
    "key": "sidebar_red_backend_workflows",
    "category": "Sidebar",
    "name": "Make Backend Workflows Button Red",
    "description": "Makes the Backend Workflow button red so you stop accidentally clicking it.",
    "cssFile": "features/sidebar_red_backend_workflows/sidebar_red_backend_workflows.css",
    "default": false,
    "contributors": ["brenton"]
  },
  {
    "key": "discourage_changes_in_main",
    "category": "Branches",
    "name": "Discourage Edits in Main",
    "description": "When you're on Main, dim the main window and add a red banner at the top of the page. The app is still technically editable.",
    "cssFile": "features/discourage_changes_in_main/discourage.css",
    "jsFile": "features/discourage_changes_in_main/script.js",
    "default": false,
    "contributors": ["george", "brenton"]
  },
  {
    "key": "block_changes_in_main",
    "category": "Branches",
    "name": "Block Edits in Main",
    "description": "Attempt to completely hide most functionality when you're in the Main branch. Logs and General tab are still visible.",
    "cssFile": "features/discourage_changes_in_main/block.css",
    "requires": "discourage_changes_in_main",
    "default": false,
    "contributors": ["george", "brenton"]
  },
  {
    "key": "data_copy_to_live_warning",
    "category": "Data View",
    "name": "Color indicators when copying database",
    "description": "When copying the database, make the button and description different colors depending on which direction data is moving. Red for to live, green for to dev. The green color, importantly, prevents accidents if the plugin is unexpectedly turned off without realizing.",
    "cssFile": "features/data_copy_to_live_warning/style.css",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "elements_tree_height",
    "category": "Design Canvas",
    "name": "Elements Tree Row Height",
    "description": "Customize the height of elements tree rows in the Bubble editor. Default is 32px, but you can set a custom height in pixels.",
    "cssFile": "features/elements_tree_height/elements_tree_height.css",
    "jsFile": "features/elements_tree_height/elements_tree_height.js",
    "default": false,
    "config": {
      "inputs": [
        {
          "type": "number",
          "key": "elements_tree_height_value",
          "label": "Row height (px)",
          "default": 32,
          "min": 20,
          "max": 100
        }
      ]
    },
    "contributors": ["george"]
  },
  {
    "key": "dark_mode",
    "category": "Editor Styling",
    "name": "Dark Mode",
    "description": "Applies a dark mode theme to the Bubble editor. Automatically follows your system or browser dark mode settings.",
    "cssFile": "features/editor_style_dark_mode/dark_mode.css",
    "default": false,
    "contributors": ["brenton"]
  },
  {
    "key": "folder_click_toggle",
    "category": "Workflow View",
    "name": "Click Anywhere to Toggle Folders",
    "description": "Allows clicking anywhere on a folder item to expand or collapse it, not just on the caret icon.",
    "cssFile": "features/folder_click_toggle/folder_click_toggle.css",
    "jsFile": "features/folder_click_toggle/folder_click_toggle.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "search_palette_current",
    "category": "Search Palette Bookmark",
    "name": "Highlight Current Search Result",
    "description": "Adds visual feedback to show which search result was last clicked in the search palette.",
    "cssFile": "features/search_palette_current/style.css",
    "jsFile": "features/search_palette_current/script.js",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "enable_runtime_features",
    "category": "Runtime",
    "name": "Enable Runtime Features (Beta)",
    "description": "Enable powerup features for runtime (a.k.a. preview mode). You will need to grant permission for each custom domain from the extension in runtime. Some features are only available in debug_mode. Note: this feature is in Beta. Please report bugs on the Codeless Love slack group or GitHub repository!",
    "cssFile": "features/runtime_enable/runtime_enable.css",
    "jsFile": "features/runtime_enable/runtime_enable.js",
    "default": false,
    "contributors": ["brenton"]
  },
  {
    "key": "runtime_element_explorer",
    "category": "Runtime",
    "name": "Element Explorer (Beta)",
    "description": "Click on any element on the page in Runtime (preview mode with debugger on) to see information about it, it's parent, children, and which reusable it is in. Navigate up and down the element tree, and open the editor directly to any given element. Note: only functions in debug_mode.  Note: this feature is in Beta. Please report bugs on the Codeless Love slack group or GitHub repository!",
    "cssFile": "features/runtime_element_explorer/element_explorer.css",
    "jsFile": "features/runtime_element_explorer/element_explorer.js",
    "default": false,
    "requires": "enable_runtime_features",
    "contributors": ["brenton"]
  },
  {
    "key": "runtime_enter_debug",
    "category": "Runtime",
    "name": "Enter Debug Mode",
    "description": "During runtime, easily enter Debug Mode from the popup menu.",
    "jsFile": "features/runtime_enter_debug/runtime_enter_debug.js",
    "default": true,
    "requires": "enable_runtime_features",
    "contributors": ["brenton"]
  },
  {
    "key": "merge_stall_detector",
    "category": "Merge",
    "name": "Stalled Merge Detector",
    "description": "Sometimes merges stall on load. This detects that and provides help for fixing the issue.",
    "cssFile": "features/merge_stall_detector/merge_stall_detector.css",
    "jsFile": "features/merge_stall_detector/merge_stall_detector.js",
    "default": true,
    "contributors": ["brenton"]
  },
  {
    "key": "property_name_overflow_fix",
    "category": "Property Editor - Unreleased",
    "name": "Caption Overflow Fix",
    "description": "Prevent the name ('caption') of properties in the Element Property Editor from overflowing onto the next item.",
    "cssFile": "features/property_name_overflow_fix/property_name_overflow_fix.css",
    "default": false,
    "contributors": ["brenton"]
  },
  {
    "key": "bulk_branch_delete",
    "category": "Branches",
    "name": "Bulk Branch Delete",
    "description": "Provides a quick way to delete multiple branches at once from the extension popup. Access this feature by clicking the extension icon while in a Bubble editor.",
    "jsFile": "features/bulk_branch_delete/bulk_branch_delete.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "inline_branch_delete",
    "category": "Branches",
    "name": "Create and delete branches inline.",
    "description": "Adds a three-dot menu to each branch in the version control panel, allowing you to quickly create or delete branches directly from the Bubble editor interface without leaving the current branch.",
    "cssFile": "features/inline_branch_delete/inline_branch_delete.css",
    "jsFile": "features/inline_branch_delete/inline_branch_delete.js",
    "default": true,
    "contributors": ["george"]
  },
  {
    "key": "hide_heart_indicators",
    "category": "Style Tab",
    "name": "Hide Heart Indicators",
    "description": "Hides all heart (❤️) indicators that the extension adds to show which elements have been modified. This provides a cleaner interface without the visual indicators.",
    "cssFile": "features/hide_heart_indicators/hide_heart_indicators.css",
    "default": false,
    "contributors": ["rafa"]
  },
  {
    "key": "styles_drag_rearrange",
    "category": "Style Tab",
    "name": "Drag to Rearrange Style Variables",
    "description": "Allows you to drag and drop style variable rows to rearrange their order in the Styles tab.",
    "cssFile": "features/styles-drag-rearrange/styles-drag-rearrange.css",
    "jsFile": "features/styles-drag-rearrange/styles-drag-rearrange.js",
    "default": true,
    "contributors": ["rico"]
  },
  {
    "key": "delete_unused_colors",
    "category": "Style Tab",
    "name": "Delete unused colors",
    "description": "List and delete color variables unused in the app",
    "cssFile": "features/delete_unused_colors/delete_unused_colors.css",
    "jsFile": "features/delete_unused_colors/delete_unused_colors.js",
    "default": true,
    "contributors": ["thomas"]
  }
]