Proto commits in google/mesop

These commits are when the Protocol Buffers files have changed: (only the last 100 relevant commits are shown)

2025-04-29

Add coordinate values for click events + add right click event + add context menu example (#1273)

The documentation is generated from this commit.

2025-04-06

Allow multiple uploads with uploader component. (#1261)

2024-12-06

Unship devtools/editor-related code (#1135)

2024-11-13

Runs onload handler for browser navigations (backwards and forwards) (#1101)

2024-11-05

Send experiment settings on initial page load (#1093)

Add expansion panel component. (#1089) * Add expansion panel component. Also adds support for the accordion component which uses multiple grouped expansion panels. The accordion behavior needs to be manually implemented through event handlers on the expansion panels. Closes #1081

2024-11-03

Add Angular Material Card component (#1082) * Add Angular Material Card component This component consists of the following components: - card - card_header - card_content - card_actions I did not include card_footer since I couldn't tell what benefit it added, but we can added later if needed. I did not include an card_image component since it was easy enough to use image with width 100%. Closes #1080

2024-10-29

Add content_button equivalent to uploader (#1074) * Add content_button equivalent to uploader This change adds content_uploader which works similar to content_button. This change allows a little bit more freedom to style the uploader, especially for using icons which is a common use case. Closes #1068

2024-10-16

Add basic websockets support (#1027)

2024-10-12

Fix sidenav "escape" key bug (#1024) * Fix sidenav "escape" key bug Changes: - Add on opened change event handler (so user can update state) when escape pressed - Add disable_close property to prevent escape from being used - Drive bys: - Add position property so sidenav can be rendered on the right side - Minor style adjustments to sidenav demo Closes #1019

2024-10-05

Button toggle (#1014) Closes #343

2024-10-04

Fix bug where multiple select values could not be initialized. (#1013) * Fix bug where multiple select values could not be initialized. Drive by adjustments: - Add appearance property to select - Update autocomplete/input/textarea/select to use outline appearance. Closes #681

2024-10-03

Add set page title command (#1004)

2024-09-30

Add CSS class support for box component (#995)

2024-09-28

Add date picker and date range picker components. (#982)

2024-09-18

Support `MESOP_CONCURRENT_UPDATES_ENABLED` env var (#868)

2024-09-12

Update me.markdown to render on frontend + copy code (#930) * Update me.markdown to render on frontend + copy code - Updates me.markdown to markedjs and highlightjs for markdown and code highlighting. - Adds copy code button - Also update markdown rendering to be a bit closer to me.text rendering - Although I didn't want to match the headline types since the defaults are very large - Update markdown rendering to work better with dark themes (mainly links) - I do have some concerns about downstream compatibility, but will try to make adjustments as needed. - I also considered adding a copy all markdown output button, but that seems like it could be better decoupled from the actual markdown place to give users freedom to place it where they want. The question is mainly how to do it since using the command approach does not work with Safari. Right now we can use a web component to do this, but maybe nice to be able to provide native support since this is a fairly common ask. Closes #275 Ref #926 Ref #591 Ref #224

2024-09-06

Add hotkey shortcuts for text areas (#922) Also updates fancy_chat and textarea demos to show usage of shortcuts

2024-09-01

Add is_target to Click event (#913) * Add is_target to Click event Usage of is_target mainly works for me.box. For me.button / me.content_button it will almost always be false since the buttons are composed of other sub elements. There may be cases where it is true. Updated dialog usages to utilize `is_target`. Closes #268

2024-08-29

Plumb experimental editor toolbar env var to client-side (#879)

2024-08-24

Add more style properties (#831)

2024-08-06

Support query params (#676)

2024-08-05

Add pointer-events and place-items to styles. (#736) - Updates snackbar example to use pointer events property - Updates dialog to use place-items - Closes #629 - Closes #731

2024-08-04

Load JS modules for web components as-needed [BREAKING CHANGE] (#723)

2024-08-03

Add focus command. (#718)

2024-08-02

Make Material density configurable (#716)

2024-07-31

Add basic autocomplete component. (#677) This adds support for the autocomplete Angular Component. Supported features: - Option groups It has some limitations: - Does not allow the custom display selections (only text is allow) - Key and values are text only - Filtering is done on client side but limited for now to "case insensitive contains" - Filtering can also be done on the server side by manually filtering the input on input (but we do not explicitly call this out for now) - Had to remove require selection since it does not work well with filtering. There are workarounds online but seemed better to keep it simple for now unless people really want require selection.

2024-07-26

Support dark theming (#663)

2024-07-20

Add link component (#640)

2024-07-18

Add {min, max}-{height, width} to Style (#632)

2024-07-03

Add button attributes to uploader (#570) To make the experience more consistent, this change copies the same parameters from button to uploader. This will allow users to customize the button colors / type / style and disable it.

2024-06-29

Add sandboxed mode to HTML component (#544)

2024-06-27

State sessions (#496) - Add the ability to store state sessions on the server in memory - This will can be configured through environment variables - MESOP_STATE_SESSION_BACKEND - A state token is generated in each response to be passed in on the subsequent request - If key is not found, then retry with by sending the full state in the request - Add hook for clearing stale sessions

2024-06-24

Add `on_blur` for input / textarea components (#517)

2024-06-20

Allow multiple selections on select box (#481) * Allow multiple selections on select box * Fix typing

2024-06-19

Unship editing functionality from dev tools (#457) - Removes version pinning on Pydantic v1

2024-06-17

Support web components (MVP for labs) (#416)

2024-06-13

Remove generator code + angular_components git submodule (#425)

2024-06-12

Implement autoplay option for audio component (#398)

2024-06-10

Add HTML component (#237)

Set viewport size for all user events (#399)

2024-06-09

Improve state performance by diffing state (#389) * Improve state performance - Uses DeepDiff to diff state objects - Updates code to return state as final data stream response

2024-06-08

Support viewport size (#379)

2024-05-28

Add scroll_into_view command (#315)

Add an on_enter handler for input type components (#296) Allow an on_enter handler for input types so that input boxes can be 'submitted' using the keyboard.

2024-05-26

Add some new style properties (#306) Properties added: - rotate - transform - justify_self - align_self One thing to note here is that I noticed justify_self/justify_items and align_self/align_items do not have the exact same property values. Also there were some property values missing from the ItemAlignmentValues Literal definition. I ended up adding the missing values and creating a separate Literal definition for justify_self/justify_items. I believe this should be ok since it's just a Literal definition, so API should be the same still. Also added some animation examples using rotate and transform.

Allow user to set value for slider. (#307) This change allows the value to be set for the slider. The implemented behavior here is similar to the input/textarea value field. The value will update the value of the slider only if the value being passed in changes. This is for the following use cases: 1. Setting an initial value 2. Updating the value programmatically. For example if you wanted a textbox to control the slider value 3. Only updating the value if it changes, allows the slider to move smoothly (same issue as the text inputs)

2024-05-24

Add some new style properties to the Style class (#300) New properties - visibility - opacity - top / left / right / bottom - Add remaining grid properties: - grid_auto_columns - grid_auto_flow - grid_auto_rows - grid_column - grid_row - Exception: left out grid_template property Also update animations using opacity and position properties Also some minor style property fixes - Allow string values for: - grid_column_start - grid_column_end - grid_row_start - grid_row_end - Fix potential bug with direct str conversions - If the value is not set, setting str(property) would yield 'None' - That seems undesirable, so add _int_str and _float_str wrappers

2024-05-09

Supports syntax highlighting in markdown files by using python-markdown and pygments (#203)

2024-05-05

Add sticky headers and columns for Table component (#194)

2024-05-03

Add component diffing on event responses. (#167) This change is gated by a flag called `enable_component_tree_diffs`. When enabled, the full component tree will not be returned in event responses. Instead only the changed compnent fields will be returned to the frontend. The frontend will then apply the diff to update its copy of the component tree.

2024-05-02

Change table component protos to use int32 instead of int64 (#174)

2024-05-01

Add Uploader Component (#124) This component will render a basic file input. On upload the component will send the data to the Mesop server where the user can then validate the data and use it for their application. Use cases include multi-modal use cases where you want to upload an image, audio, or video to an multimodal model. The uploader does not support the following features: - Drag and drop - Image/audio/video preview - Multi file upload - Does not try to limit file size on the frontend - Image will be uploaded immediately on upload (i.e. no click event to trigger the upload) - Also no styling exposed yet.

2024-04-24

Add embed (iframe) component (closes #140) (#143)

Add aspect_ratio and overflow_wrap to Style (#136)

2024-04-23

Add on table cell click event (#125) The table cell click event return the column name and row Index which will allow us to refer back to the same row or column in the Pandas data frame.

2024-04-11

Add basic table with Pandas support. (#103) This change adds a barebones Angular table that can take a Pandas DataFrame as input.

2024-03-28

Allow columns CSS property to accept int/str vals. (#86) The columns property allows int/strs according to https://developer.mozilla.org/en-US/docs/Web/CSS/columns We want to keep the int value for backwards compatibility. Fixes #79

2024-03-21

Allow `flex-shrink` to be set to 0. (#78) The `flex-shrink` css property could not be set to 0 since Mesop will ignore styles that are "empty". Normally this is fine, but `flex-shrink` defaults to 1, which means the "empty" state will make `flex-shrink` equal to 1. This means that 0 cannot be set for `flex-shrink`. To resolve this, we can change the data type to a string in the UI proto. Example: ``` import mesop as me @me.page(path="/flex_shrink") def main(): with me.box(style=me.Style(display="flex", flex_shrink="0")): me.text("Testing flex shrink") ```

2024-02-13

Update native_input -> native_textarea because it's more flexible

Add box-sizing and z-index to Style

Add cursor as Style property

Create sidenav component

2024-02-12

Add font family as a style property

Define native_input for advanced use cases

Add outline as style property

2024-01-29

Add grid properties to style

Add line height as a style prop

2024-01-27

Allow configuring page title (browser)

Define gap in style

Textarea: fix bug where rows not set; add autosize and min/max rows to API

Update style API: support box shadow and more justify_content variants

2024-01-22

Add border radius to style

2024-01-13

Add new fields to Style proto (and re-number fields)

Alphabetize Style proto fields

Create video component

Create audio component

Create image component

Split textarea and component for: 1) cleaner API and 2) editor support

Clean up tooltip API

2024-01-12

Clean up Select API

Clean up radio API

Clean up input API

Clean up icon API & make proto consistent (for editor support)

Clean up divider API (vertical doesn't seem to do anything) & update examples/index.py

Clean checkbox API

Add type property to button proto for editor

Plumb args for custom components to FE (logger/editor)

Refactor component name to make it easier to support user-defined-components for editor codemod

Create UserDefinedComponent as an actual entity to support tooling (e.g. editor/devtools)

2024-01-11

Set whether component accepts child in component config

Editor codemod: support new component as child

Support delete component in editor codemod

Support columns in style

Support new component editor codemod

Change text API to use string literal for type (more consistent and supported in editor)

Editor codemod: support list append element

2024-01-10

Editor codemod supports updating list element

Make proto field name consistent with Python API otherwise editor-fields doesn't work properly

Support deleting code in editor update callsite