H2O Wave

Plugin demo

Makes H2O Wave App development easier by providing:

Custom code snippets (templates).
- Component snippets
  - Minimal snippets - prefixed with w_, e.g. w_button provides snippet with required attrs only.
  - Full snippets - prefixed with w_full_, e.g. w_full_button provides snippet with all attrs.
- Code snippets - useful code blocks, e.g. w_app_base provides boilerplate for a Wave app.
Advanced autocomplete for Wave-specific features.
- Autocomplete includes only string literal expressions from name or events attrs .This means it will not work for string concatenations ( 'a' + 'b') or fstrings (f'{variable}').
- Autocomplete works cross files, packages specified in requirements.txt and files not under source root are omitted from scanning.
- Autocomplete does not incorporate semantics, meaning it can suggest a value that is to be initialized later in the code execution.
- Icon autocomplete includes all the icons from https://wave.h2o.ai/docs/icons.

Installation

This extension requires python.pythonPath or python.defaultInterpreterPath to be correctly set to a python3.7+ installation.

Tips

Autocomplete can be manually invoked by hitting <ctrl> + <space>.
Use <Tab> to move between template parts (e.g. attrs for w_full_button).

Snippet	Description
w_app_base	Basic scaffolding for a wave app.
w_app_chat	A chatbot app template with file upload and navigation.
w_app_header	A simple app with a header and a body.
w_app_header_nav	An app template with a header and navigation.
w_app_header_sidebar_nav	An app template with both sidebar, header and navigation.
w_app_sidebar_nav	An app template with both sidebar and navigation.
w_article_card	Create a minimal Wave ArticleCard.
w_audio_annotator	Create a minimal Wave AudioAnnotator.
w_audio_annotator_item	Create a minimal Wave AudioAnnotatorItem.
w_audio_annotator_tag	Create a minimal Wave AudioAnnotatorTag.
w_breadcrumb	Create a minimal Wave Breadcrumb.
w_breadcrumbs_card	Create a minimal Wave BreadcrumbsCard.
w_button	Create a minimal Wave Button.
w_buttons	Create a minimal Wave Buttons.
w_canvas_card	Create a minimal Wave CanvasCard.
w_chat_card	Create a minimal Wave ChatCard.
w_chat_suggestion	Create a minimal Wave ChatSuggestion.
w_chatbot	Create a minimal Wave Chatbot.
w_chatbot_card	Create a minimal Wave ChatbotCard.
w_chatbot_message	Create a minimal Wave ChatbotMessage.
w_checkbox	Create a minimal Wave Checkbox.
w_checklist	Create a minimal Wave Checklist.
w_choice	Create a minimal Wave Choice.
w_choice_group	Create a minimal Wave ChoiceGroup.
w_color_picker	Create a minimal Wave ColorPicker.
w_combobox	Create a minimal Wave Combobox.
w_command	Create a minimal Wave Command.
w_copyable_text	Create a minimal Wave CopyableText.
w_date_picker	Create a minimal Wave DatePicker.
w_dialog	Create a minimal Wave Dialog.
w_dropdown	Create a minimal Wave Dropdown.
w_editor_card	Create a minimal Wave EditorCard.
w_expander	Create a minimal Wave Expander.
w_facepile	Create a minimal Wave Facepile.
w_file_upload	Create a minimal Wave FileUpload.
w_flex_card	Create a minimal Wave FlexCard.
w_footer_card	Create a minimal Wave FooterCard.
w_form_card	Create a minimal Wave FormCard.
w_frame_card	Create a minimal Wave FrameCard.
w_full_article_card	Create a full Wave ArticleCard.
w_full_audio_annotator	Create a full Wave AudioAnnotator.
w_full_audio_annotator_item	Create a full Wave AudioAnnotatorItem.
w_full_audio_annotator_tag	Create a full Wave AudioAnnotatorTag.
w_full_breadcrumb	Create a full Wave Breadcrumb.
w_full_breadcrumbs_card	Create a full Wave BreadcrumbsCard.
w_full_button	Create a full Wave Button.
w_full_buttons	Create a full Wave Buttons.
w_full_canvas_card	Create a full Wave CanvasCard.
w_full_chat_card	Create a full Wave ChatCard.
w_full_chat_suggestion	Create a full Wave ChatSuggestion.
w_full_chatbot	Create a full Wave Chatbot.
w_full_chatbot_card	Create a full Wave ChatbotCard.
w_full_chatbot_message	Create a full Wave ChatbotMessage.
w_full_checkbox	Create a full Wave Checkbox.
w_full_checklist	Create a full Wave Checklist.
w_full_choice	Create a full Wave Choice.
w_full_choice_group	Create a full Wave ChoiceGroup.
w_full_color_picker	Create a full Wave ColorPicker.
w_full_combobox	Create a full Wave Combobox.
w_full_command	Create a full Wave Command.
w_full_component	Create a full Wave Component.
w_full_copyable_text	Create a full Wave CopyableText.
w_full_date_picker	Create a full Wave DatePicker.
w_full_dialog	Create a full Wave Dialog.
w_full_dropdown	Create a full Wave Dropdown.
w_full_editor_card	Create a full Wave EditorCard.
w_full_expander	Create a full Wave Expander.
w_full_facepile	Create a full Wave Facepile.
w_full_file_upload	Create a full Wave FileUpload.
w_full_flex_card	Create a full Wave FlexCard.
w_full_footer_card	Create a full Wave FooterCard.
w_full_form_card	Create a full Wave FormCard.
w_full_frame	Create a full Wave Frame.
w_full_frame_card	Create a full Wave FrameCard.
w_full_graphics_card	Create a full Wave GraphicsCard.
w_full_grid_card	Create a full Wave GridCard.
w_full_header_card	Create a full Wave HeaderCard.
w_full_icon_table_cell_type	Create a full Wave IconTableCellType.
w_full_image	Create a full Wave Image.
w_full_image_annotator	Create a full Wave ImageAnnotator.
w_full_image_annotator_item	Create a full Wave ImageAnnotatorItem.
w_full_image_annotator_point	Create a full Wave ImageAnnotatorPoint.
w_full_image_annotator_polygon	Create a full Wave ImageAnnotatorPolygon.
w_full_image_annotator_rect	Create a full Wave ImageAnnotatorRect.
w_full_image_annotator_shape	Create a full Wave ImageAnnotatorShape.
w_full_image_annotator_tag	Create a full Wave ImageAnnotatorTag.
w_full_image_card	Create a full Wave ImageCard.
w_full_inline	Create a full Wave Inline.
w_full_inline_script	Create a full Wave InlineScript.
w_full_inline_stylesheet	Create a full Wave InlineStylesheet.
w_full_label	Create a full Wave Label.
w_full_large_bar_stat_card	Create a full Wave LargeBarStatCard.
w_full_large_stat_card	Create a full Wave LargeStatCard.
w_full_layout	Create a full Wave Layout.
w_full_link	Create a full Wave Link.
w_full_links	Create a full Wave Links.
w_full_list_card	Create a full Wave ListCard.
w_full_list_item1_card	Create a full Wave ListItem1Card.
w_full_mark	Create a full Wave Mark.
w_full_mark_ext	Create a full Wave MarkExt.
w_full_markdown_card	Create a full Wave MarkdownCard.
w_full_markdown_table_cell_type	Create a full Wave MarkdownTableCellType.
w_full_markup	Create a full Wave Markup.
w_full_markup_card	Create a full Wave MarkupCard.
w_full_menu	Create a full Wave Menu.
w_full_menu_table_cell_type	Create a full Wave MenuTableCellType.
w_full_message_bar	Create a full Wave MessageBar.
w_full_meta_card	Create a full Wave MetaCard.
w_full_mini_button	Create a full Wave MiniButton.
w_full_mini_buttons	Create a full Wave MiniButtons.
w_full_nav_card	Create a full Wave NavCard.
w_full_nav_group	Create a full Wave NavGroup.
w_full_nav_item	Create a full Wave NavItem.
w_full_notification_bar	Create a full Wave NotificationBar.
w_full_persona	Create a full Wave Persona.
w_full_picker	Create a full Wave Picker.
w_full_pie	Create a full Wave Pie.
w_full_pixel	Create a full Wave Pixel.
w_full_pixel_art_card	Create a full Wave PixelArtCard.
w_full_plot	Create a full Wave Plot.
w_full_plot_card	Create a full Wave PlotCard.
w_full_post_card	Create a full Wave PostCard.
w_full_preview_card	Create a full Wave PreviewCard.
w_full_profile_card	Create a full Wave ProfileCard.
w_full_progress	Create a full Wave Progress.
w_full_progress_table_cell_type	Create a full Wave ProgressTableCellType.
w_full_range_slider	Create a full Wave RangeSlider.
w_full_repeat_card	Create a full Wave RepeatCard.
w_full_script	Create a full Wave Script.
w_full_section_card	Create a full Wave SectionCard.
w_full_separator	Create a full Wave Separator.
w_full_side_panel	Create a full Wave SidePanel.
w_full_slider	Create a full Wave Slider.
w_full_small_series_stat_card	Create a full Wave SmallSeriesStatCard.
w_full_small_stat_card	Create a full Wave SmallStatCard.
w_full_spinbox	Create a full Wave Spinbox.
w_full_stat	Create a full Wave Stat.
w_full_stat_list_card	Create a full Wave StatListCard.
w_full_stat_list_item	Create a full Wave StatListItem.
w_full_stat_table_card	Create a full Wave StatTableCard.
w_full_stat_table_item	Create a full Wave StatTableItem.
w_full_stats	Create a full Wave Stats.
w_full_step	Create a full Wave Step.
w_full_stepper	Create a full Wave Stepper.
w_full_stylesheet	Create a full Wave Stylesheet.
w_full_tab	Create a full Wave Tab.
w_full_tab_card	Create a full Wave TabCard.
w_full_table	Create a full Wave Table.
w_full_table_cell_type	Create a full Wave TableCellType.
w_full_table_column	Create a full Wave TableColumn.
w_full_table_group	Create a full Wave TableGroup.
w_full_table_pagination	Create a full Wave TablePagination.
w_full_table_row	Create a full Wave TableRow.
w_full_tabs	Create a full Wave Tabs.
w_full_tag	Create a full Wave Tag.
w_full_tag_table_cell_type	Create a full Wave TagTableCellType.
w_full_tags	Create a full Wave Tags.
w_full_tall_article_preview_card	Create a full Wave TallArticlePreviewCard.
w_full_tall_gauge_stat_card	Create a full Wave TallGaugeStatCard.
w_full_tall_info_card	Create a full Wave TallInfoCard.
w_full_tall_series_stat_card	Create a full Wave TallSeriesStatCard.
w_full_tall_stats_card	Create a full Wave TallStatsCard.
w_full_template	Create a full Wave Template.
w_full_template_card	Create a full Wave TemplateCard.
w_full_text	Create a full Wave Text.
w_full_text_annotator	Create a full Wave TextAnnotator.
w_full_text_annotator_item	Create a full Wave TextAnnotatorItem.
w_full_text_annotator_tag	Create a full Wave TextAnnotatorTag.
w_full_text_l	Create a full Wave TextL.
w_full_text_m	Create a full Wave TextM.
w_full_text_s	Create a full Wave TextS.
w_full_text_xl	Create a full Wave TextXl.
w_full_text_xs	Create a full Wave TextXs.
w_full_textbox	Create a full Wave Textbox.
w_full_theme	Create a full Wave Theme.
w_full_time_picker	Create a full Wave TimePicker.
w_full_toggle	Create a full Wave Toggle.
w_full_toolbar_card	Create a full Wave ToolbarCard.
w_full_tracker	Create a full Wave Tracker.
w_full_vega_card	Create a full Wave VegaCard.
w_full_vega_visualization	Create a full Wave VegaVisualization.
w_full_visualization	Create a full Wave Visualization.
w_full_wide_article_preview_card	Create a full Wave WideArticlePreviewCard.
w_full_wide_bar_stat_card	Create a full Wave WideBarStatCard.
w_full_wide_gauge_stat_card	Create a full Wave WideGaugeStatCard.
w_full_wide_info_card	Create a full Wave WideInfoCard.
w_full_wide_pie_stat_card	Create a full Wave WidePieStatCard.
w_full_wide_plot_card	Create a full Wave WidePlotCard.
w_full_wide_series_stat_card	Create a full Wave WideSeriesStatCard.
w_full_zone	Create a full Wave Zone.
w_graphics_card	Create a minimal Wave GraphicsCard.
w_grid_card	Create a minimal Wave GridCard.
w_header_card	Create a minimal Wave HeaderCard.
w_image	Create a minimal Wave Image.
w_image_annotator	Create a minimal Wave ImageAnnotator.
w_image_annotator_item	Create a minimal Wave ImageAnnotatorItem.
w_image_annotator_point	Create a minimal Wave ImageAnnotatorPoint.
w_image_annotator_polygon	Create a minimal Wave ImageAnnotatorPolygon.
w_image_annotator_rect	Create a minimal Wave ImageAnnotatorRect.
w_image_annotator_tag	Create a minimal Wave ImageAnnotatorTag.
w_image_card	Create a minimal Wave ImageCard.
w_init_app	App-level initialization logic.
w_init_client	Client level initialization logic.
w_init_user	User level initialization logic.
w_inline	Create a minimal Wave Inline.
w_inline_script	Create a minimal Wave InlineScript.
w_inline_stylesheet	Create a minimal Wave InlineStylesheet.
w_label	Create a minimal Wave Label.
w_large_bar_stat_card	Create a minimal Wave LargeBarStatCard.
w_large_stat_card	Create a minimal Wave LargeStatCard.
w_layout	Create a minimal Wave Layout.
w_links	Create a minimal Wave Links.
w_list_card	Create a minimal Wave ListCard.
w_list_item1_card	Create a minimal Wave ListItem1Card.
w_markdown_card	Create a minimal Wave MarkdownCard.
w_markup	Create a minimal Wave Markup.
w_markup_card	Create a minimal Wave MarkupCard.
w_menu	Create a minimal Wave Menu.
w_menu_table_cell_type	Create a minimal Wave MenuTableCellType.
w_meta	Shorthand for accessing meta card.
w_meta_card	Create a minimal Wave MetaCard.
w_mini_button	Create a minimal Wave MiniButton.
w_mini_buttons	Create a minimal Wave MiniButtons.
w_nav_card	Create a minimal Wave NavCard.
w_nav_group	Create a minimal Wave NavGroup.
w_nav_item	Create a minimal Wave NavItem.
w_notification_bar	Create a minimal Wave NotificationBar.
w_on	Wave interactivity handler.
w_on_route	Wave route handler.
w_on_route_param	Wave route handler with URL param.
w_page	Creates a new page for a card.
w_page_delete	Delete a specific Wave card.
w_page_drop	Deletes all Wave cards.
w_persona	Create a minimal Wave Persona.
w_picker	Create a minimal Wave Picker.
w_pie	Create a minimal Wave Pie.
w_pixel	Create a minimal Wave Pixel.
w_pixel_art_card	Create a minimal Wave PixelArtCard.
w_plot	Create a minimal Wave Plot.
w_plot_card	Create a minimal Wave PlotCard.
w_post_card	Create a minimal Wave PostCard.
w_preview_card	Create a minimal Wave PreviewCard.
w_profile_card	Create a minimal Wave ProfileCard.
w_progress	Create a minimal Wave Progress.
w_range_slider	Create a minimal Wave RangeSlider.
w_repeat_card	Create a minimal Wave RepeatCard.
w_script	Create a minimal Wave Script.
w_script_base	Basic scaffolding for a wave script.
w_section_card	Create a minimal Wave SectionCard.
w_side_panel	Create a minimal Wave SidePanel.
w_site_upload	Uploads static files to Wave server
w_slider	Create a minimal Wave Slider.
w_small_series_stat_card	Create a minimal Wave SmallSeriesStatCard.
w_small_stat_card	Create a minimal Wave SmallStatCard.
w_spinbox	Create a minimal Wave Spinbox.
w_stat	Create a minimal Wave Stat.
w_stat_list_card	Create a minimal Wave StatListCard.
w_stat_list_item	Create a minimal Wave StatListItem.
w_stat_table_card	Create a minimal Wave StatTableCard.
w_stat_table_item	Create a minimal Wave StatTableItem.
w_stats	Create a minimal Wave Stats.
w_step	Create a minimal Wave Step.
w_stepper	Create a minimal Wave Stepper.
w_stylesheet	Create a minimal Wave Stylesheet.
w_tab	Create a minimal Wave Tab.
w_tab_card	Create a minimal Wave TabCard.
w_table	Create a minimal Wave Table.
w_table_column	Create a minimal Wave TableColumn.
w_table_group	Create a minimal Wave TableGroup.
w_table_pagination	Create a minimal Wave TablePagination.
w_table_row	Create a minimal Wave TableRow.
w_tabs	Create a minimal Wave Tabs.
w_tag	Create a minimal Wave Tag.
w_tag_table_cell_type	Create a minimal Wave TagTableCellType.
w_tags	Create a minimal Wave Tags.
w_tall_article_preview_card	Create a minimal Wave TallArticlePreviewCard.
w_tall_gauge_stat_card	Create a minimal Wave TallGaugeStatCard.
w_tall_info_card	Create a minimal Wave TallInfoCard.
w_tall_series_stat_card	Create a minimal Wave TallSeriesStatCard.
w_tall_stats_card	Create a minimal Wave TallStatsCard.
w_template	Create a minimal Wave Template.
w_template_card	Create a minimal Wave TemplateCard.
w_text	Create a minimal Wave Text.
w_text_annotator	Create a minimal Wave TextAnnotator.
w_text_annotator_item	Create a minimal Wave TextAnnotatorItem.
w_text_annotator_tag	Create a minimal Wave TextAnnotatorTag.
w_text_l	Create a minimal Wave TextL.
w_text_m	Create a minimal Wave TextM.
w_text_s	Create a minimal Wave TextS.
w_text_xl	Create a minimal Wave TextXl.
w_text_xs	Create a minimal Wave TextXs.
w_textbox	Create a minimal Wave Textbox.
w_theme	Create a minimal Wave Theme.
w_time_picker	Create a minimal Wave TimePicker.
w_toggle	Create a minimal Wave Toggle.
w_toolbar_card	Create a minimal Wave ToolbarCard.
w_tracker	Create a minimal Wave Tracker.
w_vega_card	Create a minimal Wave VegaCard.
w_vega_visualization	Create a minimal Wave VegaVisualization.
w_visualization	Create a minimal Wave Visualization.
w_wide_article_preview_card	Create a minimal Wave WideArticlePreviewCard.
w_wide_bar_stat_card	Create a minimal Wave WideBarStatCard.
w_wide_gauge_stat_card	Create a minimal Wave WideGaugeStatCard.
w_wide_info_card	Create a minimal Wave WideInfoCard.
w_wide_pie_stat_card	Create a minimal Wave WidePieStatCard.
w_wide_plot_card	Create a minimal Wave WidePlotCard.
w_wide_series_stat_card	Create a minimal Wave WideSeriesStatCard.
w_zone	Create a minimal Wave Zone.

H2O Wave

h2o.ai

H2O Wave

Installation

Tips