feat: Make autocomplete work.

examples/base-snippets.json

@@ -0,0 +1,910 @@
+{
+  "Base Wave app": {
+    "prefix": "w_app_base",
+    "body": [
+      "from h2o_wave import main, app, Q, ui",
+      "",
+      "",
+      "@app('/$1')",
+      "async def serve(q: Q):",
+      "    $0",
+      "    await q.page.save()",
+      ""
+    ],
+    "description": "Basic scaffolding for a wave app."
+  },
+  "Wave client initialization": {
+    "prefix": "w_init_client",
+    "body": [
+      "if not q.client.initialized:",
+      "    $0",
+      "    q.client.initialized = True"
+    ],
+    "description": "Client level initialization logic."
+  },
+  "Wave app initialization": {
+    "prefix": "w_init_app",
+    "body": [
+      "if not q.app.initialized:",
+      "    $0",
+      "    q.app.initialized = True"
+    ],
+    "description": "App-level initialization logic."
+  },
+  "Wave user initialization": {
+    "prefix": "w_init_user",
+    "body": [
+      "if not q.user.initialized:",
+      "    $0",
+      "    q.user.initialized = True"
+    ],
+    "description": "User level initialization logic."
+  },
+  "Base Wave script": {
+    "prefix": "w_script_base",
+    "body": [
+      "from h2o_wave import site, ui",
+      "",
+      "page = site['/$1']",
+      "$0",
+      "page.save()"
+    ],
+    "description": "Basic scaffolding for a wave script."
+  },
+  "Wave page": {
+    "prefix": "w_page",
+    "body": [
+      "q.page['$1'] = $0"
+    ],
+    "description": "Creates a new page for a card."
+  },
+  "Drop Wave page": {
+    "prefix": "w_page_drop",
+    "body": [
+      "q.page.drop()$0"
+    ],
+    "description": "Deletes all Wave cards."
+  },
+  "Wave site upload": {
+    "prefix": "w_site_upload",
+    "body": [
+      "q.app.file1,$0 = await q.site.upload([${1}])"
+    ],
+    "description": "Uploads static files to Wave server"
+  },
+  "Wave meta page": {
+    "prefix": "w_meta",
+    "body": [
+      "q.page['meta']$0"
+    ],
+    "description": "Shorthand for accessing meta card."
+  },
+  "Wave on handler": {
+    "prefix": "w_on",
+    "body": [
+      "@on()",
+      "async def $1(q: Q):",
+      "    $0"
+    ],
+    "description": "Wave interactivity handler."
+  },
+  "Wave on route handler": {
+    "prefix": "w_on_route",
+    "body": [
+      "@on(arg='#$1')",
+      "async def handle_$1(q: Q):",
+      "    $0",
+      "    await q.page.save()",
+      ""
+    ],
+    "description": "Wave route handler."
+  },
+  "Wave on route param handler": {
+    "prefix": "w_on_route_param",
+    "body": [
+      "@on(arg='#$1/{$2}')",
+      "async def handle_$1(q: Q, $2: str):",
+      "    $0",
+      "    await q.page.save()",
+      ""
+    ],
+    "description": "Wave route handler with URL param."
+  },
+  "Wave page delete": {
+    "prefix": "w_page_delete",
+    "body": [
+      "del q.page['$1']$0"
+    ],
+    "description": "Delete a specific Wave card."
+  },
+  "Wave app template with a header": {
+    "prefix": "w_app_header",
+    "body": [
+      "from h2o_wave import main, app, Q, ui, on, handle_on",
+      "",
+      "",
+      "@app('/')",
+      "async def serve(q: Q):",
+      "    # First time a browser comes to the app",
+      "    if not q.client.initialized:",
+      "        await init(q)",
+      "        q.client.initialized = True",
+      "",
+      "    # Other browser interactions",
+      "    await handle_on(q)",
+      "    await q.page.save()",
+      "",
+      "",
+      "async def init(q: Q) -> None:",
+      "    q.client.cards = set()",
+      "    q.client.dark_mode = False",
+      "",
+      "    q.page['meta'] = ui.meta_card(",
+      "        box='',",
+      "        title='My Wave App',",
+      "        theme='light',",
+      "        layouts=[",
+      "            ui.layout(",
+      "                breakpoint='xs',",
+      "                min_height='100vh',",
+      "                max_width='1200px',",
+      "                zones=[",
+      "                    ui.zone('header'),",
+      "                    ui.zone('content', size='1', zones=[",
+      "                        ui.zone('horizontal', direction=ui.ZoneDirection.ROW),",
+      "                        ui.zone('vertical', size='1', ),",
+      "                        ui.zone('grid', direction=ui.ZoneDirection.ROW, wrap='stretch', justify='center')",
+      "                    ]),",
+      "                    ui.zone(name='footer'),",
+      "                ]",
+      "            )",
+      "        ]",
+      "    )",
+      "    q.page['header'] = ui.header_card(",
+      "        box='header',",
+      "        title='My Wave App',",
+      "        subtitle=\"Example to get us started\",",
+      "        image='https://wave.h2o.ai/img/h2o-logo.svg',",
+      "        items=[ui.menu(icon='', items=[ui.command(name='change_theme', icon='ClearNight', label='Dark Mode')])]",
+      "    )",
+      "    q.page['footer'] = ui.footer_card(",
+      "        box='footer',",
+      "        caption='Made with 💛 using [H2O Wave](https://wave.h2o.ai).'",
+      "    )",
+      "",
+      "    await home(q)",
+      "",
+      "",
+      "@on()",
+      "async def home(q: Q):",
+      "    clear_cards(q)",
+      "    add_card(q, 'form', ui.form_card(box='vertical', items=[ui.text('This is my app!')]))",
+      "",
+      "",
+      "@on()",
+      "async def change_theme(q: Q):",
+      "    \"\"\"Change the app from light to dark mode\"\"\"",
+      "    if q.client.dark_mode:",
+      "        q.page[\"header\"].items = [ui.menu([ui.command(name='change_theme', icon='ClearNight', label='Dark mode')])]",
+      "        q.page[\"meta\"].theme = \"light\"",
+      "        q.client.dark_mode = False",
+      "    else:",
+      "        q.page[\"header\"].items = [ui.menu([ui.command(name='change_theme', icon='Sunny', label='Light mode')])]",
+      "        q.page[\"meta\"].theme = \"h2o-dark\"",
+      "        q.client.dark_mode = True",
+      "",
+      "",
+      "# Use for cards that should be deleted on calling `clear_cards`. Useful for routing and page updates.",
+      "def add_card(q, name, card) -> None:",
+      "    q.client.cards.add(name)",
+      "    q.page[name] = card",
+      "",
+      "",
+      "def clear_cards(q, ignore=[]) -> None:",
+      "    for name in q.client.cards.copy():",
+      "        if name not in ignore:",
+      "            del q.page[name]",
+      "            q.client.cards.remove(name)",
+      ""
+    ],
+    "description": "A simple app with a header and a body."
+  },
+  "Wave app template with sidebar": {
+    "prefix": "w_app_sidebar_nav",
+    "body": [
+      "from h2o_wave import main, app, Q, ui, on, handle_on, data",
+      "from typing import Optional, List",
+      "",
+      "",
+      "# Use for page cards that should be removed when navigating away.",
+      "# For pages that should be always present on screen use q.page[key] = ...",
+      "def add_card(q, name, card) -> None:",
+      "    q.client.cards.add(name)",
+      "    q.page[name] = card",
+      "",
+      "",
+      "# Remove all the cards related to navigation.",
+      "def clear_cards(q, ignore: Optional[List[str]] = []) -> None:",
+      "    if not q.client.cards:",
+      "        return",
+      "",
+      "    for name in q.client.cards.copy():",
+      "        if name not in ignore:",
+      "            del q.page[name]",
+      "            q.client.cards.remove(name)",
+      "",
+      "",
+      "@on('#page1')",
+      "async def page1(q: Q):",
+      "    q.page['sidebar'].value = '#page1'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(3):",
+      "        add_card(q, f'info{i}', ui.tall_info_card(box='horizontal', name='', title='Speed',",
+      "                                                  caption='The models are performant thanks to...', icon='SpeedHigh'))",
+      "    add_card(q, 'article', ui.tall_article_preview_card(",
+      "        box=ui.box('vertical', height='600px'), title='How does magic work',",
+      "        image='https://images.pexels.com/photos/624015/pexels-photo-624015.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',",
+      "        content='''",
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac sodales felis. Duis orci enim, iaculis at augue vel, mattis imperdiet ligula. Sed a placerat lacus, vitae viverra ante. Duis laoreet purus sit amet orci lacinia, non facilisis ipsum venenatis. Duis bibendum malesuada urna. Praesent vehicula tempor volutpat. In sem augue, blandit a tempus sit amet, tristique vehicula nisl. Duis molestie vel nisl a blandit. Nunc mollis ullamcorper elementum.",
+      "Donec in erat augue. Nullam mollis ligula nec massa semper, laoreet pellentesque nulla ullamcorper. In ante ex, tristique et mollis id, facilisis non metus. Aliquam neque eros, semper id finibus eu, pellentesque ac magna. Aliquam convallis eros ut erat mollis, sit amet scelerisque ex pretium. Nulla sodales lacus a tellus molestie blandit. Praesent molestie elit viverra, congue purus vel, cursus sem. Donec malesuada libero ut nulla bibendum, in condimentum massa pretium. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer vel tincidunt purus, congue suscipit neque. Fusce eget lacus nibh. Sed vestibulum neque id erat accumsan, a faucibus leo malesuada. Curabitur varius ligula a velit aliquet tincidunt. Donec vehicula ligula sit amet nunc tempus, non fermentum odio rhoncus.",
+      "Vestibulum condimentum consectetur aliquet. Phasellus mollis at nulla vel blandit. Praesent at ligula nulla. Curabitur enim tellus, congue id tempor at, malesuada sed augue. Nulla in justo in libero condimentum euismod. Integer aliquet, velit id convallis maximus, nisl dui porta velit, et pellentesque ligula lorem non nunc. Sed tincidunt purus non elit ultrices egestas quis eu mauris. Sed molestie vulputate enim, a vehicula nibh pulvinar sit amet. Nullam auctor sapien est, et aliquet dui congue ornare. Donec pulvinar scelerisque justo, nec scelerisque velit maximus eget. Ut ac lectus velit. Pellentesque bibendum ex sit amet cursus commodo. Fusce congue metus at elementum ultricies. Suspendisse non rhoncus risus. In hac habitasse platea dictumst.",
+      "        '''",
+      "    ))",
+      "",
+      "",
+      "@on('#page2')",
+      "async def page2(q: Q):",
+      "    q.page['sidebar'].value = '#page2'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    add_card(q, 'chart1', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 1',",
+      "        data=data('category country product price', 10, rows=[",
+      "            ('G1', 'USA', 'P1', 124),",
+      "            ('G1', 'China', 'P2', 580),",
+      "            ('G1', 'USA', 'P3', 528),",
+      "            ('G1', 'China', 'P1', 361),",
+      "            ('G1', 'USA', 'P2', 228),",
+      "            ('G2', 'China', 'P3', 418),",
+      "            ('G2', 'USA', 'P1', 824),",
+      "            ('G2', 'China', 'P2', 539),",
+      "            ('G2', 'USA', 'P3', 712),",
+      "            ('G2', 'USA', 'P1', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='interval', x='=product', y='=price', color='=country', stack='auto',",
+      "                              dodge='=category', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'chart2', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 2',",
+      "        data=data('date price', 10, rows=[",
+      "            ('2020-03-20', 124),",
+      "            ('2020-05-18', 580),",
+      "            ('2020-08-24', 528),",
+      "            ('2020-02-12', 361),",
+      "            ('2020-03-11', 228),",
+      "            ('2020-09-26', 418),",
+      "            ('2020-11-12', 824),",
+      "            ('2020-12-21', 539),",
+      "            ('2020-03-18', 712),",
+      "            ('2020-07-11', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='line', x_scale='time', x='=date', y='=price', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'table', ui.form_card(box='vertical', items=[ui.table(",
+      "        name='table',",
+      "        downloadable=True,",
+      "        resettable=True,",
+      "        groupable=True,",
+      "        columns=[",
+      "            ui.table_column(name='text', label='Process', searchable=True),",
+      "            ui.table_column(name='tag', label='Status', filterable=True, cell_type=ui.tag_table_cell_type(",
+      "                name='tags',",
+      "                tags=[",
+      "                    ui.tag(label='FAIL', color='\\$red'),",
+      "                    ui.tag(label='DONE', color='#D2E3F8', label_color='#053975'),",
+      "                    ui.tag(label='SUCCESS', color='\\$mint'),",
+      "                ]",
+      "            ))",
+      "        ],",
+      "        rows=[",
+      "            ui.table_row(name='row1', cells=['Process 1', 'FAIL']),",
+      "            ui.table_row(name='row2', cells=['Process 2', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row3', cells=['Process 3', 'DONE']),",
+      "            ui.table_row(name='row4', cells=['Process 4', 'FAIL']),",
+      "            ui.table_row(name='row5', cells=['Process 5', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row6', cells=['Process 6', 'DONE']),",
+      "        ])",
+      "    ]))",
+      "",
+      "",
+      "@on('#page3')",
+      "async def page3(q: Q):",
+      "    q.page['sidebar'].value = '#page3'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(12):",
+      "        add_card(q, f'item{i}', ui.wide_info_card(box=ui.box('grid', width='400px'), name='', title='Tile',",
+      "                                                  caption='Lorem ipsum dolor sit amet'))",
+      "",
+      "",
+      "@on('#page4')",
+      "async def handle_page4(q: Q):",
+      "    q.page['sidebar'].value = '#page4'",
+      "    # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    # Since this page is interactive, we want to update its card instead of recreating it every time, so ignore 'form' card on drop.",
+      "    clear_cards(q, ['form'])",
+      "",
+      "    if q.args.step1:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step2:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 2'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step1', label='Cancel'),",
+      "                ui.button(name='step3', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step3:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2', done=True),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox3', label='Textbox 3'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Cancel'),",
+      "                ui.button(name='submit', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    else:",
+      "        # If first time on this page, create the card.",
+      "        add_card(q, 'form', ui.form_card(box='vertical', items=[",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox1', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ]),",
+      "        ]))",
+      "",
+      "",
+      "async def init(q: Q) -> None:",
+      "    q.page['meta'] = ui.meta_card(box='', layouts=[ui.layout(breakpoint='xs', min_height='100vh', zones=[",
+      "        ui.zone('main', size='1', direction=ui.ZoneDirection.ROW, zones=[",
+      "            ui.zone('sidebar', size='250px'),",
+      "            ui.zone('body', zones=[",
+      "                ui.zone('content', zones=[",
+      "                    # Specify various zones and use the one that is currently needed. Empty zones are ignored.",
+      "                    ui.zone('horizontal', direction=ui.ZoneDirection.ROW),",
+      "                    ui.zone('vertical'),",
+      "                    ui.zone('grid', direction=ui.ZoneDirection.ROW, wrap='stretch', justify='center')",
+      "                ]),",
+      "            ]),",
+      "        ])",
+      "    ])])",
+      "    q.page['sidebar'] = ui.nav_card(",
+      "        box='sidebar', color='primary', title='My App', subtitle=\"Let's conquer the world!\",",
+      "        value=f'#{q.args[\"#\"]}' if q.args['#'] else '#page1',",
+      "        image='https://wave.h2o.ai/img/h2o-logo.svg', items=[",
+      "            ui.nav_group('Menu', items=[",
+      "                ui.nav_item(name='#page1', label='Home'),",
+      "                ui.nav_item(name='#page2', label='Charts'),",
+      "                ui.nav_item(name='#page3', label='Grid'),",
+      "                ui.nav_item(name='#page4', label='Form'),",
+      "            ]),",
+      "        ],",
+      "        secondary_items=[",
+      "            ui.persona(title='John Doe', subtitle='Developer', size='s',",
+      "                       image='https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&h=750&w=1260'),",
+      "        ]",
+      "    )",
+      "",
+      "    # If no active hash present, render page1.",
+      "    if q.args['#'] is None:",
+      "        await page1(q)",
+      "",
+      "",
+      "@app('/')",
+      "async def serve(q: Q):",
+      "    # Run only once per client connection.",
+      "    if not q.client.initialized:",
+      "        q.client.cards = set()",
+      "        await init(q)",
+      "        q.client.initialized = True",
+      "",
+      "    # Handle routing.",
+      "    await handle_on(q)",
+      "    await q.page.save()",
+      ""
+    ],
+    "description": "An app template with both sidebar and navigation."
+  },
+  "Wave app template with a header navigation": {
+    "prefix": "w_app_header_nav",
+    "body": [
+      "from h2o_wave import main, app, Q, ui, on, handle_on, data",
+      "from typing import Optional, List",
+      "",
+      "",
+      "# Use for page cards that should be removed when navigating away.",
+      "# For pages that should be always present on screen use q.page[key] = ...",
+      "def add_card(q, name, card) -> None:",
+      "    q.client.cards.add(name)",
+      "    q.page[name] = card",
+      "",
+      "",
+      "# Remove all the cards related to navigation.",
+      "def clear_cards(q, ignore: Optional[List[str]] = []) -> None:",
+      "    if not q.client.cards:",
+      "        return",
+      "    for name in q.client.cards.copy():",
+      "        if name not in ignore:",
+      "            del q.page[name]",
+      "            q.client.cards.remove(name)",
+      "",
+      "",
+      "@on('#page1')",
+      "async def page1(q: Q):",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(3):",
+      "        add_card(q, f'info{i}', ui.tall_info_card(box='horizontal', name='', title='Speed',",
+      "                                                  caption='The models are performant thanks to...', icon='SpeedHigh'))",
+      "    add_card(q, 'article', ui.tall_article_preview_card(",
+      "        box=ui.box('vertical', height='600px'), title='How does magic work',",
+      "        image='https://images.pexels.com/photos/624015/pexels-photo-624015.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',",
+      "        content='''",
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac sodales felis. Duis orci enim, iaculis at augue vel, mattis imperdiet ligula. Sed a placerat lacus, vitae viverra ante. Duis laoreet purus sit amet orci lacinia, non facilisis ipsum venenatis. Duis bibendum malesuada urna. Praesent vehicula tempor volutpat. In sem augue, blandit a tempus sit amet, tristique vehicula nisl. Duis molestie vel nisl a blandit. Nunc mollis ullamcorper elementum.",
+      "Donec in erat augue. Nullam mollis ligula nec massa semper, laoreet pellentesque nulla ullamcorper. In ante ex, tristique et mollis id, facilisis non metus. Aliquam neque eros, semper id finibus eu, pellentesque ac magna. Aliquam convallis eros ut erat mollis, sit amet scelerisque ex pretium. Nulla sodales lacus a tellus molestie blandit. Praesent molestie elit viverra, congue purus vel, cursus sem. Donec malesuada libero ut nulla bibendum, in condimentum massa pretium. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer vel tincidunt purus, congue suscipit neque. Fusce eget lacus nibh. Sed vestibulum neque id erat accumsan, a faucibus leo malesuada. Curabitur varius ligula a velit aliquet tincidunt. Donec vehicula ligula sit amet nunc tempus, non fermentum odio rhoncus.",
+      "Vestibulum condimentum consectetur aliquet. Phasellus mollis at nulla vel blandit. Praesent at ligula nulla. Curabitur enim tellus, congue id tempor at, malesuada sed augue. Nulla in justo in libero condimentum euismod. Integer aliquet, velit id convallis maximus, nisl dui porta velit, et pellentesque ligula lorem non nunc. Sed tincidunt purus non elit ultrices egestas quis eu mauris. Sed molestie vulputate enim, a vehicula nibh pulvinar sit amet. Nullam auctor sapien est, et aliquet dui congue ornare. Donec pulvinar scelerisque justo, nec scelerisque velit maximus eget. Ut ac lectus velit. Pellentesque bibendum ex sit amet cursus commodo. Fusce congue metus at elementum ultricies. Suspendisse non rhoncus risus. In hac habitasse platea dictumst.",
+      "        '''",
+      "    ))",
+      "",
+      "",
+      "@on('#page2')",
+      "async def page2(q: Q):",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    add_card(q, 'chart1', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 1',",
+      "        data=data('category country product price', 10, rows=[",
+      "            ('G1', 'USA', 'P1', 124),",
+      "            ('G1', 'China', 'P2', 580),",
+      "            ('G1', 'USA', 'P3', 528),",
+      "            ('G1', 'China', 'P1', 361),",
+      "            ('G1', 'USA', 'P2', 228),",
+      "            ('G2', 'China', 'P3', 418),",
+      "            ('G2', 'USA', 'P1', 824),",
+      "            ('G2', 'China', 'P2', 539),",
+      "            ('G2', 'USA', 'P3', 712),",
+      "            ('G2', 'USA', 'P1', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='interval', x='=product', y='=price', color='=country', stack='auto',",
+      "                              dodge='=category', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'chart2', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 2',",
+      "        data=data('date price', 10, rows=[",
+      "            ('2020-03-20', 124),",
+      "            ('2020-05-18', 580),",
+      "            ('2020-08-24', 528),",
+      "            ('2020-02-12', 361),",
+      "            ('2020-03-11', 228),",
+      "            ('2020-09-26', 418),",
+      "            ('2020-11-12', 824),",
+      "            ('2020-12-21', 539),",
+      "            ('2020-03-18', 712),",
+      "            ('2020-07-11', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='line', x_scale='time', x='=date', y='=price', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'table', ui.form_card(box='vertical', items=[ui.table(",
+      "        name='table',",
+      "        downloadable=True,",
+      "        resettable=True,",
+      "        groupable=True,",
+      "        columns=[",
+      "            ui.table_column(name='text', label='Process', searchable=True),",
+      "            ui.table_column(name='tag', label='Status', filterable=True, cell_type=ui.tag_table_cell_type(",
+      "                name='tags',",
+      "                tags=[",
+      "                    ui.tag(label='FAIL', color='\\$red'),",
+      "                    ui.tag(label='DONE', color='#D2E3F8', label_color='#053975'),",
+      "                    ui.tag(label='SUCCESS', color='\\$mint'),",
+      "                ]",
+      "            ))",
+      "        ],",
+      "        rows=[",
+      "            ui.table_row(name='row1', cells=['Process 1', 'FAIL']),",
+      "            ui.table_row(name='row2', cells=['Process 2', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row3', cells=['Process 3', 'DONE']),",
+      "            ui.table_row(name='row4', cells=['Process 4', 'FAIL']),",
+      "            ui.table_row(name='row5', cells=['Process 5', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row6', cells=['Process 6', 'DONE']),",
+      "        ])",
+      "    ]))",
+      "",
+      "",
+      "@on('#page3')",
+      "async def page3(q: Q):",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(12):",
+      "        add_card(q, f'item{i}', ui.wide_info_card(box=ui.box('grid', width='400px'), name='', title='Tile',",
+      "                                                  caption='Lorem ipsum dolor sit amet'))",
+      "",
+      "",
+      "@on('#page4')",
+      "async def handle_page4(q: Q):",
+      "    # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    # Since this page is interactive, we want to update its card instead of recreating it every time, so ignore 'form' card on drop.",
+      "    clear_cards(q, ['form'])",
+      "",
+      "    if q.args.step1:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step2:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 2'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step1', label='Cancel'),",
+      "                ui.button(name='step3', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step3:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2', done=True),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox3', label='Textbox 3'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Cancel'),",
+      "                ui.button(name='submit', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    else:",
+      "        # If first time on this page, create the card.",
+      "        add_card(q, 'form', ui.form_card(box='vertical', items=[",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox1', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ]),",
+      "        ]))",
+      "",
+      "",
+      "async def init(q: Q) -> None:",
+      "    q.page['meta'] = ui.meta_card(box='', layouts=[ui.layout(breakpoint='xs', min_height='100vh', zones=[",
+      "        ui.zone('header'),",
+      "        ui.zone('content', zones=[",
+      "            # Specify various zones and use the one that is currently needed. Empty zones are ignored.",
+      "            ui.zone('horizontal', direction=ui.ZoneDirection.ROW),",
+      "            ui.zone('vertical'),",
+      "            ui.zone('grid', direction=ui.ZoneDirection.ROW, wrap='stretch', justify='center')",
+      "        ]),",
+      "    ])])",
+      "    q.page['header'] = ui.header_card(",
+      "        box='header', title='My app', subtitle=\"Let's conquer the world\",",
+      "        image='https://wave.h2o.ai/img/h2o-logo.svg',",
+      "        secondary_items=[",
+      "            ui.tabs(name='tabs', value=f'#{q.args[\"#\"]}' if q.args['#'] else '#page1', link=True, items=[",
+      "                ui.tab(name='#page1', label='Home'),",
+      "                ui.tab(name='#page2', label='Charts'),",
+      "                ui.tab(name='#page3', label='Grid'),",
+      "                ui.tab(name='#page4', label='Form'),",
+      "            ]),",
+      "        ],",
+      "        items=[",
+      "            ui.persona(title='John Doe', subtitle='Developer', size='xs',",
+      "                       image='https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&h=750&w=1260'),",
+      "        ]",
+      "    )",
+      "    # If no active hash present, render page1.",
+      "    if q.args['#'] is None:",
+      "        await page1(q)",
+      "",
+      "",
+      "@app('/')",
+      "async def serve(q: Q):",
+      "    # Run only once per client connection.",
+      "    if not q.client.initialized:",
+      "        q.client.cards = set()",
+      "        await init(q)",
+      "        q.client.initialized = True",
+      "",
+      "    # Handle routing.",
+      "    await handle_on(q)",
+      "    await q.page.save()",
+      "",
+      ""
+    ],
+    "description": "An app template with a header and navigation."
+  },
+  "Wave app template with a header  and sidebar navigation": {
+    "prefix": "w_app_header_sidebar_nav",
+    "body": [
+      "",
+      "from h2o_wave import main, app, Q, ui, on, handle_on, data",
+      "from typing import Optional, List",
+      "",
+      "",
+      "# Use for page cards that should be removed when navigating away.",
+      "# For pages that should be always present on screen use q.page[key] = ...",
+      "def add_card(q, name, card) -> None:",
+      "    q.client.cards.add(name)",
+      "    q.page[name] = card",
+      "",
+      "",
+      "# Remove all the cards related to navigation.",
+      "def clear_cards(q, ignore: Optional[List[str]] = []) -> None:",
+      "    if not q.client.cards:",
+      "        return",
+      "",
+      "    for name in q.client.cards.copy():",
+      "        if name not in ignore:",
+      "            del q.page[name]",
+      "            q.client.cards.remove(name)",
+      "",
+      "",
+      "@on('#page1')",
+      "async def page1(q: Q):",
+      "    q.page['sidebar'].value = '#page1'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(3):",
+      "        add_card(q, f'info{i}', ui.tall_info_card(box='horizontal', name='', title='Speed',",
+      "                                                  caption='The models are performant thanks to...', icon='SpeedHigh'))",
+      "    add_card(q, 'article', ui.tall_article_preview_card(",
+      "        box=ui.box('vertical', height='600px'), title='How does magic work',",
+      "        image='https://images.pexels.com/photos/624015/pexels-photo-624015.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',",
+      "        content='''",
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac sodales felis. Duis orci enim, iaculis at augue vel, mattis imperdiet ligula. Sed a placerat lacus, vitae viverra ante. Duis laoreet purus sit amet orci lacinia, non facilisis ipsum venenatis. Duis bibendum malesuada urna. Praesent vehicula tempor volutpat. In sem augue, blandit a tempus sit amet, tristique vehicula nisl. Duis molestie vel nisl a blandit. Nunc mollis ullamcorper elementum.",
+      "Donec in erat augue. Nullam mollis ligula nec massa semper, laoreet pellentesque nulla ullamcorper. In ante ex, tristique et mollis id, facilisis non metus. Aliquam neque eros, semper id finibus eu, pellentesque ac magna. Aliquam convallis eros ut erat mollis, sit amet scelerisque ex pretium. Nulla sodales lacus a tellus molestie blandit. Praesent molestie elit viverra, congue purus vel, cursus sem. Donec malesuada libero ut nulla bibendum, in condimentum massa pretium. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer vel tincidunt purus, congue suscipit neque. Fusce eget lacus nibh. Sed vestibulum neque id erat accumsan, a faucibus leo malesuada. Curabitur varius ligula a velit aliquet tincidunt. Donec vehicula ligula sit amet nunc tempus, non fermentum odio rhoncus.",
+      "Vestibulum condimentum consectetur aliquet. Phasellus mollis at nulla vel blandit. Praesent at ligula nulla. Curabitur enim tellus, congue id tempor at, malesuada sed augue. Nulla in justo in libero condimentum euismod. Integer aliquet, velit id convallis maximus, nisl dui porta velit, et pellentesque ligula lorem non nunc. Sed tincidunt purus non elit ultrices egestas quis eu mauris. Sed molestie vulputate enim, a vehicula nibh pulvinar sit amet. Nullam auctor sapien est, et aliquet dui congue ornare. Donec pulvinar scelerisque justo, nec scelerisque velit maximus eget. Ut ac lectus velit. Pellentesque bibendum ex sit amet cursus commodo. Fusce congue metus at elementum ultricies. Suspendisse non rhoncus risus. In hac habitasse platea dictumst.",
+      "        '''",
+      "    ))",
+      "",
+      "",
+      "@on('#page2')",
+      "async def page2(q: Q):",
+      "    q.page['sidebar'].value = '#page2'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    add_card(q, 'chart1', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 1',",
+      "        data=data('category country product price', 10, rows=[",
+      "            ('G1', 'USA', 'P1', 124),",
+      "            ('G1', 'China', 'P2', 580),",
+      "            ('G1', 'USA', 'P3', 528),",
+      "            ('G1', 'China', 'P1', 361),",
+      "            ('G1', 'USA', 'P2', 228),",
+      "            ('G2', 'China', 'P3', 418),",
+      "            ('G2', 'USA', 'P1', 824),",
+      "            ('G2', 'China', 'P2', 539),",
+      "            ('G2', 'USA', 'P3', 712),",
+      "            ('G2', 'USA', 'P1', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='interval', x='=product', y='=price', color='=country', stack='auto',",
+      "                              dodge='=category', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'chart2', ui.plot_card(",
+      "        box='horizontal',",
+      "        title='Chart 2',",
+      "        data=data('date price', 10, rows=[",
+      "            ('2020-03-20', 124),",
+      "            ('2020-05-18', 580),",
+      "            ('2020-08-24', 528),",
+      "            ('2020-02-12', 361),",
+      "            ('2020-03-11', 228),",
+      "            ('2020-09-26', 418),",
+      "            ('2020-11-12', 824),",
+      "            ('2020-12-21', 539),",
+      "            ('2020-03-18', 712),",
+      "            ('2020-07-11', 213),",
+      "        ]),",
+      "        plot=ui.plot([ui.mark(type='line', x_scale='time', x='=date', y='=price', y_min=0)])",
+      "    ))",
+      "    add_card(q, 'table', ui.form_card(box='vertical', items=[ui.table(",
+      "        name='table',",
+      "        downloadable=True,",
+      "        resettable=True,",
+      "        groupable=True,",
+      "        columns=[",
+      "            ui.table_column(name='text', label='Process', searchable=True),",
+      "            ui.table_column(name='tag', label='Status', filterable=True, cell_type=ui.tag_table_cell_type(",
+      "                name='tags',",
+      "                tags=[",
+      "                    ui.tag(label='FAIL', color='\\$red'),",
+      "                    ui.tag(label='DONE', color='#D2E3F8', label_color='#053975'),",
+      "                    ui.tag(label='SUCCESS', color='\\$mint'),",
+      "                ]",
+      "            ))",
+      "        ],",
+      "        rows=[",
+      "            ui.table_row(name='row1', cells=['Process 1', 'FAIL']),",
+      "            ui.table_row(name='row2', cells=['Process 2', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row3', cells=['Process 3', 'DONE']),",
+      "            ui.table_row(name='row4', cells=['Process 4', 'FAIL']),",
+      "            ui.table_row(name='row5', cells=['Process 5', 'SUCCESS,DONE']),",
+      "            ui.table_row(name='row6', cells=['Process 6', 'DONE']),",
+      "        ])",
+      "    ]))",
+      "",
+      "",
+      "@on('#page3')",
+      "async def page3(q: Q):",
+      "    q.page['sidebar'].value = '#page3'",
+      "    clear_cards(q)  # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "",
+      "    for i in range(12):",
+      "        add_card(q, f'item{i}', ui.wide_info_card(box=ui.box('grid', width='400px'), name='', title='Tile',",
+      "                                                  caption='Lorem ipsum dolor sit amet'))",
+      "",
+      "",
+      "@on('#page4')",
+      "async def handle_page4(q: Q):",
+      "    q.page['sidebar'].value = '#page4'",
+      "    # When routing, drop all the cards except of the main ones (header, sidebar, meta).",
+      "    # Since this page is interactive, we want to update its card instead of recreating it every time, so ignore 'form' card on drop.",
+      "    clear_cards(q, ['form'])",
+      "",
+      "    if q.args.step1:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step2:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox2', label='Textbox 2'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step1', label='Cancel'),",
+      "                ui.button(name='step3', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    elif q.args.step3:",
+      "        # Just update the existing card, do not recreate.",
+      "        q.page['form'].items = [",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1', done=True),",
+      "                ui.step(label='Step 2', done=True),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox3', label='Textbox 3'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Cancel'),",
+      "                ui.button(name='submit', label='Next', primary=True),",
+      "            ])",
+      "        ]",
+      "    else:",
+      "        # If first time on this page, create the card.",
+      "        add_card(q, 'form', ui.form_card(box='vertical', items=[",
+      "            ui.stepper(name='stepper', items=[",
+      "                ui.step(label='Step 1'),",
+      "                ui.step(label='Step 2'),",
+      "                ui.step(label='Step 3'),",
+      "            ]),",
+      "            ui.textbox(name='textbox1', label='Textbox 1'),",
+      "            ui.buttons(justify='end', items=[",
+      "                ui.button(name='step2', label='Next', primary=True),",
+      "            ]),",
+      "        ]))",
+      "",
+      "",
+      "async def init(q: Q) -> None:",
+      "    q.page['meta'] = ui.meta_card(box='', layouts=[ui.layout(breakpoint='xs', min_height='100vh', zones=[",
+      "        ui.zone('main', size='1', direction=ui.ZoneDirection.ROW, zones=[",
+      "            ui.zone('sidebar', size='250px'),",
+      "            ui.zone('body', zones=[",
+      "                ui.zone('header'),",
+      "                ui.zone('content', zones=[",
+      "                    # Specify various zones and use the one that is currently needed. Empty zones are ignored.",
+      "                    ui.zone('horizontal', direction=ui.ZoneDirection.ROW),",
+      "                    ui.zone('vertical'),",
+      "                    ui.zone('grid', direction=ui.ZoneDirection.ROW, wrap='stretch', justify='center')",
+      "                ]),",
+      "            ]),",
+      "        ])",
+      "    ])])",
+      "    q.page['sidebar'] = ui.nav_card(",
+      "        box='sidebar', color='primary', title='My App', subtitle=\"Let's conquer the world!\",",
+      "        value=f'#{q.args[\"#\"]}' if q.args['#'] else '#page1',",
+      "        image='https://wave.h2o.ai/img/h2o-logo.svg', items=[",
+      "            ui.nav_group('Menu', items=[",
+      "                ui.nav_item(name='#page1', label='Home'),",
+      "                ui.nav_item(name='#page2', label='Charts'),",
+      "                ui.nav_item(name='#page3', label='Grid'),",
+      "                ui.nav_item(name='#page4', label='Form'),",
+      "            ]),",
+      "        ])",
+      "    q.page['header'] = ui.header_card(",
+      "        box='header', title='', subtitle='',",
+      "        secondary_items=[ui.textbox(name='search', icon='Search', width='400px', placeholder='Search...')],",
+      "        items=[",
+      "            ui.persona(title='John Doe', subtitle='Developer', size='xs',",
+      "                       image='https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&h=750&w=1260'),",
+      "        ]",
+      "    )",
+      "    # If no active hash present, render page1.",
+      "    if q.args['#'] is None:",
+      "        await page1(q)",
+      "",
+      "",
+      "@app('/')",
+      "async def serve(q: Q):",
+      "    # Run only once per client connection.",
+      "    if not q.client.initialized:",
+      "        q.client.cards = set()",
+      "        await init(q)",
+      "        q.client.initialized = True",
+      "",
+      "    # Handle routing.",
+      "    await handle_on(q)",
+      "    await q.page.save()",
+      "",
+      ""
+    ],
+    "description": "An app template with both sidebar, header and navigation."
+  }
+}

examples/component-snippets.json

@@ -0,0 +1,1962 @@
+{
+  "Wave ArticleCard": {
+    "prefix": "w_article_card",
+    "body": [
+      "ui.article_card(box='$1', title='$2')$0"
+    ],
+    "description": "Create a minimal Wave ArticleCard."
+  },
+  "Wave Breadcrumb": {
+    "prefix": "w_breadcrumb",
+    "body": [
+      "ui.breadcrumb(name='$1', label='$2'),$0"
+    ],
+    "description": "Create a minimal Wave Breadcrumb."
+  },
+  "Wave BreadcrumbsCard": {
+    "prefix": "w_breadcrumbs_card",
+    "body": [
+      "ui.breadcrumbs_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave BreadcrumbsCard."
+  },
+  "Wave Button": {
+    "prefix": "w_button",
+    "body": [
+      "ui.button(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Button."
+  },
+  "Wave Buttons": {
+    "prefix": "w_buttons",
+    "body": [
+      "ui.buttons(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Buttons."
+  },
+  "Wave MiniButtons": {
+    "prefix": "w_mini_buttons",
+    "body": [
+      "ui.mini_buttons(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave MiniButtons."
+  },
+  "Wave MiniButton": {
+    "prefix": "w_mini_button",
+    "body": [
+      "ui.mini_button(name='$1', label='$2'),$0"
+    ],
+    "description": "Create a minimal Wave MiniButton."
+  },
+  "Wave CanvasCard": {
+    "prefix": "w_canvas_card",
+    "body": [
+      "ui.canvas_card(box='$1', title='$2', width=$3, height=$4, data=$5)$0"
+    ],
+    "description": "Create a minimal Wave CanvasCard."
+  },
+  "Wave ChatCard": {
+    "prefix": "w_chat_card",
+    "body": [
+      "ui.chat_card(box='$1', title='$2', data=$3)$0"
+    ],
+    "description": "Create a minimal Wave ChatCard."
+  },
+  "Wave Chatbot": {
+    "prefix": "w_chatbot",
+    "body": [
+      "ui.chatbot(name='$1', data=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Chatbot."
+  },
+  "Wave ChatbotCard": {
+    "prefix": "w_chatbot_card",
+    "body": [
+      "ui.chatbot_card(box='$1', name='$2', data=$3)$0"
+    ],
+    "description": "Create a minimal Wave ChatbotCard."
+  },
+  "Wave Checkbox": {
+    "prefix": "w_checkbox",
+    "body": [
+      "ui.checkbox(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Checkbox."
+  },
+  "Wave Checklist": {
+    "prefix": "w_checklist",
+    "body": [
+      "ui.checklist(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Checklist."
+  },
+  "Wave Choice": {
+    "prefix": "w_choice",
+    "body": [
+      "ui.choice(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Choice."
+  },
+  "Wave ChoiceGroup": {
+    "prefix": "w_choice_group",
+    "body": [
+      "ui.choice_group(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave ChoiceGroup."
+  },
+  "Wave ColorPicker": {
+    "prefix": "w_color_picker",
+    "body": [
+      "ui.color_picker(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave ColorPicker."
+  },
+  "Wave Combobox": {
+    "prefix": "w_combobox",
+    "body": [
+      "ui.combobox(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Combobox."
+  },
+  "Wave CopyableText": {
+    "prefix": "w_copyable_text",
+    "body": [
+      "ui.copyable_text(value='$1', label='$2'),$0"
+    ],
+    "description": "Create a minimal Wave CopyableText."
+  },
+  "Wave DatePicker": {
+    "prefix": "w_date_picker",
+    "body": [
+      "ui.date_picker(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave DatePicker."
+  },
+  "Wave Dialog": {
+    "prefix": "w_dialog",
+    "body": [
+      "ui.dialog(title='$1', items=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Dialog."
+  },
+  "Wave Dropdown": {
+    "prefix": "w_dropdown",
+    "body": [
+      "ui.dropdown(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Dropdown."
+  },
+  "Wave EditorCard": {
+    "prefix": "w_editor_card",
+    "body": [
+      "ui.editor_card(box='$1', mode='${2:public}')$0"
+    ],
+    "description": "Create a minimal Wave EditorCard."
+  },
+  "Wave Expander": {
+    "prefix": "w_expander",
+    "body": [
+      "ui.expander(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Expander."
+  },
+  "Wave Facepile": {
+    "prefix": "w_facepile",
+    "body": [
+      "ui.facepile(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Facepile."
+  },
+  "Wave FileUpload": {
+    "prefix": "w_file_upload",
+    "body": [
+      "ui.file_upload(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave FileUpload."
+  },
+  "Wave FlexCard": {
+    "prefix": "w_flex_card",
+    "body": [
+      "ui.flex_card(box='$1', item_view='$2', item_props=$3, data=$4)$0"
+    ],
+    "description": "Create a minimal Wave FlexCard."
+  },
+  "Wave FooterCard": {
+    "prefix": "w_footer_card",
+    "body": [
+      "ui.footer_card(box='$1', caption='$2')$0"
+    ],
+    "description": "Create a minimal Wave FooterCard."
+  },
+  "Wave Inline": {
+    "prefix": "w_inline",
+    "body": [
+      "ui.inline(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Inline."
+  },
+  "Wave FormCard": {
+    "prefix": "w_form_card",
+    "body": [
+      "ui.form_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave FormCard."
+  },
+  "Wave FrameCard": {
+    "prefix": "w_frame_card",
+    "body": [
+      "ui.frame_card(box='$1', title='$2')$0"
+    ],
+    "description": "Create a minimal Wave FrameCard."
+  },
+  "Wave GraphicsCard": {
+    "prefix": "w_graphics_card",
+    "body": [
+      "ui.graphics_card(box='$1', view_box='$2')$0"
+    ],
+    "description": "Create a minimal Wave GraphicsCard."
+  },
+  "Wave GridCard": {
+    "prefix": "w_grid_card",
+    "body": [
+      "ui.grid_card(box='$1', title='$2', cells=$3, data=$4)$0"
+    ],
+    "description": "Create a minimal Wave GridCard."
+  },
+  "Wave HeaderCard": {
+    "prefix": "w_header_card",
+    "body": [
+      "ui.header_card(box='$1', title='$2', subtitle='$3')$0"
+    ],
+    "description": "Create a minimal Wave HeaderCard."
+  },
+  "Wave ImageCard": {
+    "prefix": "w_image_card",
+    "body": [
+      "ui.image_card(box='$1', title='$2')$0"
+    ],
+    "description": "Create a minimal Wave ImageCard."
+  },
+  "Wave Image": {
+    "prefix": "w_image",
+    "body": [
+      "ui.image(title='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Image."
+  },
+  "Wave ImageAnnotatorPoint": {
+    "prefix": "w_image_annotator_point",
+    "body": [
+      "ui.image_annotator_point(x=$1, y=$2),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotatorPoint."
+  },
+  "Wave ImageAnnotatorPolygon": {
+    "prefix": "w_image_annotator_polygon",
+    "body": [
+      "ui.image_annotator_polygon(vertices=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotatorPolygon."
+  },
+  "Wave ImageAnnotatorRect": {
+    "prefix": "w_image_annotator_rect",
+    "body": [
+      "ui.image_annotator_rect(x1=$1, y1=$2, x2=$3, y2=$4),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotatorRect."
+  },
+  "Wave ImageAnnotatorTag": {
+    "prefix": "w_image_annotator_tag",
+    "body": [
+      "ui.image_annotator_tag(name='$1', label='$2', color='$3'),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotatorTag."
+  },
+  "Wave ImageAnnotatorItem": {
+    "prefix": "w_image_annotator_item",
+    "body": [
+      "ui.image_annotator_item(shape=$1, tag='$2'),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotatorItem."
+  },
+  "Wave ImageAnnotator": {
+    "prefix": "w_image_annotator",
+    "body": [
+      "ui.image_annotator(name='$1', image='$2', title='$3', tags=[\n\t\t$4\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave ImageAnnotator."
+  },
+  "Wave Label": {
+    "prefix": "w_label",
+    "body": [
+      "ui.label(label='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Label."
+  },
+  "Wave LargeBarStatCard": {
+    "prefix": "w_large_bar_stat_card",
+    "body": [
+      "ui.large_bar_stat_card(box='$1', title='$2', caption='$3', value='$4', aux_value='$5', value_caption='$6', aux_value_caption='$7', progress=$8)$0"
+    ],
+    "description": "Create a minimal Wave LargeBarStatCard."
+  },
+  "Wave LargeStatCard": {
+    "prefix": "w_large_stat_card",
+    "body": [
+      "ui.large_stat_card(box='$1', title='$2', value='$3', aux_value='$4', caption='$5')$0"
+    ],
+    "description": "Create a minimal Wave LargeStatCard."
+  },
+  "Wave Links": {
+    "prefix": "w_links",
+    "body": [
+      "ui.links(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Links."
+  },
+  "Wave ListCard": {
+    "prefix": "w_list_card",
+    "body": [
+      "ui.list_card(box='$1', title='$2', item_view='$3', item_props=$4, data=$5)$0"
+    ],
+    "description": "Create a minimal Wave ListCard."
+  },
+  "Wave ListItem1Card": {
+    "prefix": "w_list_item1_card",
+    "body": [
+      "ui.list_item1_card(box='$1', title='$2', caption='$3', value='$4', aux_value='$5', data=$6)$0"
+    ],
+    "description": "Create a minimal Wave ListItem1Card."
+  },
+  "Wave MarkdownCard": {
+    "prefix": "w_markdown_card",
+    "body": [
+      "ui.markdown_card(box='$1', title='$2', content='$3')$0"
+    ],
+    "description": "Create a minimal Wave MarkdownCard."
+  },
+  "Wave Markup": {
+    "prefix": "w_markup",
+    "body": [
+      "ui.markup(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Markup."
+  },
+  "Wave MarkupCard": {
+    "prefix": "w_markup_card",
+    "body": [
+      "ui.markup_card(box='$1', title='$2', content='$3')$0"
+    ],
+    "description": "Create a minimal Wave MarkupCard."
+  },
+  "Wave Menu": {
+    "prefix": "w_menu",
+    "body": [
+      "ui.menu(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Menu."
+  },
+  "Wave MenuTableCellType": {
+    "prefix": "w_menu_table_cell_type",
+    "body": [
+      "ui.menu_table_cell_type(commands=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave MenuTableCellType."
+  },
+  "Wave InlineStylesheet": {
+    "prefix": "w_inline_stylesheet",
+    "body": [
+      "ui.inline_stylesheet(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave InlineStylesheet."
+  },
+  "Wave Stylesheet": {
+    "prefix": "w_stylesheet",
+    "body": [
+      "ui.stylesheet(path='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Stylesheet."
+  },
+  "Wave Layout": {
+    "prefix": "w_layout",
+    "body": [
+      "ui.layout(breakpoint='$1', zones=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Layout."
+  },
+  "Wave Zone": {
+    "prefix": "w_zone",
+    "body": [
+      "ui.zone(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Zone."
+  },
+  "Wave Theme": {
+    "prefix": "w_theme",
+    "body": [
+      "ui.theme(name='$1', text='$2', card='$3', page='$4', primary='$5'),$0"
+    ],
+    "description": "Create a minimal Wave Theme."
+  },
+  "Wave MetaCard": {
+    "prefix": "w_meta_card",
+    "body": [
+      "ui.meta_card(box='$1')$0"
+    ],
+    "description": "Create a minimal Wave MetaCard."
+  },
+  "Wave NavItem": {
+    "prefix": "w_nav_item",
+    "body": [
+      "ui.nav_item(name='$1', label='$2'),$0"
+    ],
+    "description": "Create a minimal Wave NavItem."
+  },
+  "Wave NavGroup": {
+    "prefix": "w_nav_group",
+    "body": [
+      "ui.nav_group(label='$1', items=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave NavGroup."
+  },
+  "Wave NavCard": {
+    "prefix": "w_nav_card",
+    "body": [
+      "ui.nav_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave NavCard."
+  },
+  "Wave NotificationBar": {
+    "prefix": "w_notification_bar",
+    "body": [
+      "ui.notification_bar(text='$1'),$0"
+    ],
+    "description": "Create a minimal Wave NotificationBar."
+  },
+  "Wave Persona": {
+    "prefix": "w_persona",
+    "body": [
+      "ui.persona(title='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Persona."
+  },
+  "Wave Picker": {
+    "prefix": "w_picker",
+    "body": [
+      "ui.picker(name='$1', choices=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Picker."
+  },
+  "Wave PixelArtCard": {
+    "prefix": "w_pixel_art_card",
+    "body": [
+      "ui.pixel_art_card(box='$1', title='$2', data=$3)$0"
+    ],
+    "description": "Create a minimal Wave PixelArtCard."
+  },
+  "Wave Pixel": {
+    "prefix": "w_pixel",
+    "body": [
+      "ui.pixel(color='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Pixel."
+  },
+  "Wave Plot": {
+    "prefix": "w_plot",
+    "body": [
+      "ui.plot(marks=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Plot."
+  },
+  "Wave Visualization": {
+    "prefix": "w_visualization",
+    "body": [
+      "ui.visualization(plot=$1, data=$2),$0"
+    ],
+    "description": "Create a minimal Wave Visualization."
+  },
+  "Wave PlotCard": {
+    "prefix": "w_plot_card",
+    "body": [
+      "ui.plot_card(box='$1', title='$2', data=$3, plot=$4)$0"
+    ],
+    "description": "Create a minimal Wave PlotCard."
+  },
+  "Wave PostCard": {
+    "prefix": "w_post_card",
+    "body": [
+      "ui.post_card(box='$1', persona=$2, image='$3')$0"
+    ],
+    "description": "Create a minimal Wave PostCard."
+  },
+  "Wave PreviewCard": {
+    "prefix": "w_preview_card",
+    "body": [
+      "ui.preview_card(box='$1', name='$2', image='$3')$0"
+    ],
+    "description": "Create a minimal Wave PreviewCard."
+  },
+  "Wave ProfileCard": {
+    "prefix": "w_profile_card",
+    "body": [
+      "ui.profile_card(box='$1', persona=$2, image='$3')$0"
+    ],
+    "description": "Create a minimal Wave ProfileCard."
+  },
+  "Wave Progress": {
+    "prefix": "w_progress",
+    "body": [
+      "ui.progress(label='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Progress."
+  },
+  "Wave RangeSlider": {
+    "prefix": "w_range_slider",
+    "body": [
+      "ui.range_slider(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave RangeSlider."
+  },
+  "Wave RepeatCard": {
+    "prefix": "w_repeat_card",
+    "body": [
+      "ui.repeat_card(box='$1', item_view='$2', item_props=$3, data=$4)$0"
+    ],
+    "description": "Create a minimal Wave RepeatCard."
+  },
+  "Wave Script": {
+    "prefix": "w_script",
+    "body": [
+      "ui.script(path='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Script."
+  },
+  "Wave InlineScript": {
+    "prefix": "w_inline_script",
+    "body": [
+      "ui.inline_script(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave InlineScript."
+  },
+  "Wave SectionCard": {
+    "prefix": "w_section_card",
+    "body": [
+      "ui.section_card(box='$1', title='$2', subtitle='$3')$0"
+    ],
+    "description": "Create a minimal Wave SectionCard."
+  },
+  "Wave SidePanel": {
+    "prefix": "w_side_panel",
+    "body": [
+      "ui.side_panel(title='$1', items=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave SidePanel."
+  },
+  "Wave Slider": {
+    "prefix": "w_slider",
+    "body": [
+      "ui.slider(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Slider."
+  },
+  "Wave SmallSeriesStatCard": {
+    "prefix": "w_small_series_stat_card",
+    "body": [
+      "ui.small_series_stat_card(box='$1', title='$2', value='$3', plot_data=$4, plot_value='$5')$0"
+    ],
+    "description": "Create a minimal Wave SmallSeriesStatCard."
+  },
+  "Wave SmallStatCard": {
+    "prefix": "w_small_stat_card",
+    "body": [
+      "ui.small_stat_card(box='$1', title='$2', value='$3')$0"
+    ],
+    "description": "Create a minimal Wave SmallStatCard."
+  },
+  "Wave Spinbox": {
+    "prefix": "w_spinbox",
+    "body": [
+      "ui.spinbox(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Spinbox."
+  },
+  "Wave StatListCard": {
+    "prefix": "w_stat_list_card",
+    "body": [
+      "ui.stat_list_card(box='$1', title='$2', items=[\n\t\t$3\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave StatListCard."
+  },
+  "Wave StatListItem": {
+    "prefix": "w_stat_list_item",
+    "body": [
+      "ui.stat_list_item(label='$1'),$0"
+    ],
+    "description": "Create a minimal Wave StatListItem."
+  },
+  "Wave StatTableCard": {
+    "prefix": "w_stat_table_card",
+    "body": [
+      "ui.stat_table_card(box='$1', title='$2', columns=[\n\t\t$3\t\t\n], items=[\n\t\t$4\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave StatTableCard."
+  },
+  "Wave StatTableItem": {
+    "prefix": "w_stat_table_item",
+    "body": [
+      "ui.stat_table_item(label='$1', values=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave StatTableItem."
+  },
+  "Wave Stats": {
+    "prefix": "w_stats",
+    "body": [
+      "ui.stats(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Stats."
+  },
+  "Wave Stat": {
+    "prefix": "w_stat",
+    "body": [
+      "ui.stat(label='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Stat."
+  },
+  "Wave Step": {
+    "prefix": "w_step",
+    "body": [
+      "ui.step(label='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Step."
+  },
+  "Wave Stepper": {
+    "prefix": "w_stepper",
+    "body": [
+      "ui.stepper(name='$1', items=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Stepper."
+  },
+  "Wave TabCard": {
+    "prefix": "w_tab_card",
+    "body": [
+      "ui.tab_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave TabCard."
+  },
+  "Wave TablePagination": {
+    "prefix": "w_table_pagination",
+    "body": [
+      "ui.table_pagination(total_rows=$1, rows_per_page=$2),$0"
+    ],
+    "description": "Create a minimal Wave TablePagination."
+  },
+  "Wave TableColumn": {
+    "prefix": "w_table_column",
+    "body": [
+      "ui.table_column(name='$1', label='$2'),$0"
+    ],
+    "description": "Create a minimal Wave TableColumn."
+  },
+  "Wave TableRow": {
+    "prefix": "w_table_row",
+    "body": [
+      "ui.table_row(name='$1', cells=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave TableRow."
+  },
+  "Wave TableGroup": {
+    "prefix": "w_table_group",
+    "body": [
+      "ui.table_group(label='$1', rows=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave TableGroup."
+  },
+  "Wave Table": {
+    "prefix": "w_table",
+    "body": [
+      "ui.table(name='$1', columns=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Table."
+  },
+  "Wave Tab": {
+    "prefix": "w_tab",
+    "body": [
+      "ui.tab(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Tab."
+  },
+  "Wave Tabs": {
+    "prefix": "w_tabs",
+    "body": [
+      "ui.tabs(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Tabs."
+  },
+  "Wave TagTableCellType": {
+    "prefix": "w_tag_table_cell_type",
+    "body": [
+      "ui.tag_table_cell_type(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TagTableCellType."
+  },
+  "Wave Tag": {
+    "prefix": "w_tag",
+    "body": [
+      "ui.tag(label='$1', color='$2'),$0"
+    ],
+    "description": "Create a minimal Wave Tag."
+  },
+  "Wave Tags": {
+    "prefix": "w_tags",
+    "body": [
+      "ui.tags(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave Tags."
+  },
+  "Wave TallArticlePreviewCard": {
+    "prefix": "w_tall_article_preview_card",
+    "body": [
+      "ui.tall_article_preview_card(box='$1', title='$2', image='$3')$0"
+    ],
+    "description": "Create a minimal Wave TallArticlePreviewCard."
+  },
+  "Wave TallGaugeStatCard": {
+    "prefix": "w_tall_gauge_stat_card",
+    "body": [
+      "ui.tall_gauge_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5)$0"
+    ],
+    "description": "Create a minimal Wave TallGaugeStatCard."
+  },
+  "Wave TallInfoCard": {
+    "prefix": "w_tall_info_card",
+    "body": [
+      "ui.tall_info_card(box='$1', name='$2', title='$3', caption='$4')$0"
+    ],
+    "description": "Create a minimal Wave TallInfoCard."
+  },
+  "Wave TallSeriesStatCard": {
+    "prefix": "w_tall_series_stat_card",
+    "body": [
+      "ui.tall_series_stat_card(box='$1', title='$2', value='$3', aux_value='$4', plot_data=$5, plot_value='$6')$0"
+    ],
+    "description": "Create a minimal Wave TallSeriesStatCard."
+  },
+  "Wave TallStatsCard": {
+    "prefix": "w_tall_stats_card",
+    "body": [
+      "ui.tall_stats_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave TallStatsCard."
+  },
+  "Wave Template": {
+    "prefix": "w_template",
+    "body": [
+      "ui.template(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Template."
+  },
+  "Wave TemplateCard": {
+    "prefix": "w_template_card",
+    "body": [
+      "ui.template_card(box='$1', title='$2', content='$3')$0"
+    ],
+    "description": "Create a minimal Wave TemplateCard."
+  },
+  "Wave Text": {
+    "prefix": "w_text",
+    "body": [
+      "ui.text(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Text."
+  },
+  "Wave TextXl": {
+    "prefix": "w_text_xl",
+    "body": [
+      "ui.text_xl(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextXl."
+  },
+  "Wave TextL": {
+    "prefix": "w_text_l",
+    "body": [
+      "ui.text_l(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextL."
+  },
+  "Wave TextM": {
+    "prefix": "w_text_m",
+    "body": [
+      "ui.text_m(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextM."
+  },
+  "Wave TextS": {
+    "prefix": "w_text_s",
+    "body": [
+      "ui.text_s(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextS."
+  },
+  "Wave TextXs": {
+    "prefix": "w_text_xs",
+    "body": [
+      "ui.text_xs(content='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextXs."
+  },
+  "Wave TextAnnotatorTag": {
+    "prefix": "w_text_annotator_tag",
+    "body": [
+      "ui.text_annotator_tag(name='$1', label='$2', color='$3'),$0"
+    ],
+    "description": "Create a minimal Wave TextAnnotatorTag."
+  },
+  "Wave TextAnnotatorItem": {
+    "prefix": "w_text_annotator_item",
+    "body": [
+      "ui.text_annotator_item(text='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TextAnnotatorItem."
+  },
+  "Wave TextAnnotator": {
+    "prefix": "w_text_annotator",
+    "body": [
+      "ui.text_annotator(name='$1', title='$2', tags=[\n\t\t$3\t\t\n], items=[\n\t\t$4\t\t\n]),$0"
+    ],
+    "description": "Create a minimal Wave TextAnnotator."
+  },
+  "Wave Textbox": {
+    "prefix": "w_textbox",
+    "body": [
+      "ui.textbox(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Textbox."
+  },
+  "Wave TimePicker": {
+    "prefix": "w_time_picker",
+    "body": [
+      "ui.time_picker(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave TimePicker."
+  },
+  "Wave Toggle": {
+    "prefix": "w_toggle",
+    "body": [
+      "ui.toggle(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Toggle."
+  },
+  "Wave Command": {
+    "prefix": "w_command",
+    "body": [
+      "ui.command(name='$1'),$0"
+    ],
+    "description": "Create a minimal Wave Command."
+  },
+  "Wave ToolbarCard": {
+    "prefix": "w_toolbar_card",
+    "body": [
+      "ui.toolbar_card(box='$1', items=[\n\t\t$2\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave ToolbarCard."
+  },
+  "Wave Tracker": {
+    "prefix": "w_tracker",
+    "body": [
+      "ui.tracker(type='$1', id='$2'),$0"
+    ],
+    "description": "Create a minimal Wave Tracker."
+  },
+  "Wave VegaVisualization": {
+    "prefix": "w_vega_visualization",
+    "body": [
+      "ui.vega_visualization(specification='$1'),$0"
+    ],
+    "description": "Create a minimal Wave VegaVisualization."
+  },
+  "Wave VegaCard": {
+    "prefix": "w_vega_card",
+    "body": [
+      "ui.vega_card(box='$1', title='$2', specification='$3')$0"
+    ],
+    "description": "Create a minimal Wave VegaCard."
+  },
+  "Wave WideArticlePreviewCard": {
+    "prefix": "w_wide_article_preview_card",
+    "body": [
+      "ui.wide_article_preview_card(box='$1', persona=$2, image='$3', title='$4')$0"
+    ],
+    "description": "Create a minimal Wave WideArticlePreviewCard."
+  },
+  "Wave WideBarStatCard": {
+    "prefix": "w_wide_bar_stat_card",
+    "body": [
+      "ui.wide_bar_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5)$0"
+    ],
+    "description": "Create a minimal Wave WideBarStatCard."
+  },
+  "Wave WideGaugeStatCard": {
+    "prefix": "w_wide_gauge_stat_card",
+    "body": [
+      "ui.wide_gauge_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5)$0"
+    ],
+    "description": "Create a minimal Wave WideGaugeStatCard."
+  },
+  "Wave WideInfoCard": {
+    "prefix": "w_wide_info_card",
+    "body": [
+      "ui.wide_info_card(box='$1', name='$2', title='$3', caption='$4')$0"
+    ],
+    "description": "Create a minimal Wave WideInfoCard."
+  },
+  "Wave Pie": {
+    "prefix": "w_pie",
+    "body": [
+      "ui.pie(label='$1', value='$2', fraction=$3, color='$4'),$0"
+    ],
+    "description": "Create a minimal Wave Pie."
+  },
+  "Wave WidePieStatCard": {
+    "prefix": "w_wide_pie_stat_card",
+    "body": [
+      "ui.wide_pie_stat_card(box='$1', title='$2', pies=[\n\t\t$3\t\t\n])$0"
+    ],
+    "description": "Create a minimal Wave WidePieStatCard."
+  },
+  "Wave WidePlotCard": {
+    "prefix": "w_wide_plot_card",
+    "body": [
+      "ui.wide_plot_card(box='$1', title='$2', caption='$3', plot=$4, data=$5)$0"
+    ],
+    "description": "Create a minimal Wave WidePlotCard."
+  },
+  "Wave WideSeriesStatCard": {
+    "prefix": "w_wide_series_stat_card",
+    "body": [
+      "ui.wide_series_stat_card(box='$1', title='$2', value='$3', aux_value='$4', plot_data=$5, plot_value='$6')$0"
+    ],
+    "description": "Create a minimal Wave WideSeriesStatCard."
+  },
+  "Wave Full ArticleCard": {
+    "prefix": "w_full_article_card",
+    "body": [
+      "ui.article_card(box='$1', title='$2', content='$3', items=[\n\t\t$4\t\t\n], commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ArticleCard."
+  },
+  "Wave Full Breadcrumb": {
+    "prefix": "w_full_breadcrumb",
+    "body": [
+      "ui.breadcrumb(name='$1', label='$2'),$0"
+    ],
+    "description": "Create a full Wave Breadcrumb."
+  },
+  "Wave Full BreadcrumbsCard": {
+    "prefix": "w_full_breadcrumbs_card",
+    "body": [
+      "ui.breadcrumbs_card(box='$1', items=[\n\t\t$2\t\t\n], commands=[\n\t\t$3\t\t\n])$0"
+    ],
+    "description": "Create a full Wave BreadcrumbsCard."
+  },
+  "Wave Full Button": {
+    "prefix": "w_full_button",
+    "body": [
+      "ui.button(name='$1', label='$2', caption='$3', value='$4', primary=${5:False}, disabled=${6:False}, link=${7:False}, icon='$8', width='$9', visible=${10:True}, tooltip='$11', path='$12', commands=[\n\t\t$13\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Button."
+  },
+  "Wave Full Buttons": {
+    "prefix": "w_full_buttons",
+    "body": [
+      "ui.buttons(justify='$1', name='$2', width='$3', visible=${4:True}, items=[\n\t\t$5\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Buttons."
+  },
+  "Wave Full MiniButtons": {
+    "prefix": "w_full_mini_buttons",
+    "body": [
+      "ui.mini_buttons(visible=${1:True}, items=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave MiniButtons."
+  },
+  "Wave Full MiniButton": {
+    "prefix": "w_full_mini_button",
+    "body": [
+      "ui.mini_button(name='$1', label='$2', icon='$3'),$0"
+    ],
+    "description": "Create a full Wave MiniButton."
+  },
+  "Wave Full CanvasCard": {
+    "prefix": "w_full_canvas_card",
+    "body": [
+      "ui.canvas_card(box='$1', title='$2', width=$3, height=$4, data=$5, commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave CanvasCard."
+  },
+  "Wave Full ChatCard": {
+    "prefix": "w_full_chat_card",
+    "body": [
+      "ui.chat_card(box='$1', title='$2', data=$3, capacity=${4:50}, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ChatCard."
+  },
+  "Wave Full Chatbot": {
+    "prefix": "w_full_chatbot",
+    "body": [
+      "ui.chatbot(name='$1', placeholder='$2', data=[\n\t\t$3\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Chatbot."
+  },
+  "Wave Full ChatbotCard": {
+    "prefix": "w_full_chatbot_card",
+    "body": [
+      "ui.chatbot_card(box='$1', name='$2', data=$3, placeholder='$4', commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ChatbotCard."
+  },
+  "Wave Full Checkbox": {
+    "prefix": "w_full_checkbox",
+    "body": [
+      "ui.checkbox(name='$1', label='$2', value=${3:False}, indeterminate=${4:False}, disabled=${5:False}, trigger=${6:False}, width='$7', visible=${8:True}, tooltip='$9'),$0"
+    ],
+    "description": "Create a full Wave Checkbox."
+  },
+  "Wave Full Checklist": {
+    "prefix": "w_full_checklist",
+    "body": [
+      "ui.checklist(name='$1', label='$2', trigger=${3:False}, inline=${4:False}, width='$5', visible=${6:True}, tooltip='$7', values=[\n\t\t$8\t\t\n], choices=[\n\t\t$9\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Checklist."
+  },
+  "Wave Full Choice": {
+    "prefix": "w_full_choice",
+    "body": [
+      "ui.choice(name='$1', label='$2', disabled=${3:False}),$0"
+    ],
+    "description": "Create a full Wave Choice."
+  },
+  "Wave Full ChoiceGroup": {
+    "prefix": "w_full_choice_group",
+    "body": [
+      "ui.choice_group(name='$1', label='$2', value='$3', required=${4:False}, trigger=${5:False}, inline=${6:False}, width='$7', visible=${8:True}, tooltip='$9', choices=[\n\t\t$10\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave ChoiceGroup."
+  },
+  "Wave Full ColorPicker": {
+    "prefix": "w_full_color_picker",
+    "body": [
+      "ui.color_picker(name='$1', label='$2', value='$3', width='${4:300px}', alpha=${5:True}, inline=${6:False}, visible=${7:True}, trigger=${8:False}, tooltip='$9', choices=[\n\t\t$10\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave ColorPicker."
+  },
+  "Wave Full Combobox": {
+    "prefix": "w_full_combobox",
+    "body": [
+      "ui.combobox(name='$1', label='$2', placeholder='$3', value='$4', error='$5', disabled=${6:False}, width='${7:100%}', visible=${8:True}, tooltip='$9', trigger=${10:False}, required=${11:False}, values=[\n\t\t$12\t\t\n], choices=[\n\t\t$13\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Combobox."
+  },
+  "Wave Full CopyableText": {
+    "prefix": "w_full_copyable_text",
+    "body": [
+      "ui.copyable_text(value='$1', label='$2', name='$3', multiline=${4:False}, height='$5'),$0"
+    ],
+    "description": "Create a full Wave CopyableText."
+  },
+  "Wave Full DatePicker": {
+    "prefix": "w_full_date_picker",
+    "body": [
+      "ui.date_picker(name='$1', label='$2', placeholder='$3', value='$4', disabled=${5:False}, trigger=${6:False}, width='${7:100%}', visible=${8:True}, tooltip='$9', min='$10', max='$11'),$0"
+    ],
+    "description": "Create a full Wave DatePicker."
+  },
+  "Wave Full Dialog": {
+    "prefix": "w_full_dialog",
+    "body": [
+      "ui.dialog(title='$1', width='${2:600px}', closable=${3:False}, blocking=${4:False}, primary=${5:False}, name='$6', items=[\n\t\t$7\t\t\n], events=[\n\t\t$8\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Dialog."
+  },
+  "Wave Full Dropdown": {
+    "prefix": "w_full_dropdown",
+    "body": [
+      "ui.dropdown(name='$1', label='$2', placeholder='$3', value='$4', required=${5:False}, disabled=${6:False}, trigger=${7:False}, width='${8:100%}', visible=${9:True}, tooltip='$10', popup='${11:auto}', values=[\n\t\t$12\t\t\n], choices=[\n\t\t$13\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Dropdown."
+  },
+  "Wave Full EditorCard": {
+    "prefix": "w_full_editor_card",
+    "body": [
+      "ui.editor_card(box='$1', mode='${2:public}', commands=[\n\t\t$3\t\t\n])$0"
+    ],
+    "description": "Create a full Wave EditorCard."
+  },
+  "Wave Full Expander": {
+    "prefix": "w_full_expander",
+    "body": [
+      "ui.expander(name='$1', label='$2', expanded=${3:False}, width='${4:100%}', visible=${5:True}, items=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Expander."
+  },
+  "Wave Full Facepile": {
+    "prefix": "w_full_facepile",
+    "body": [
+      "ui.facepile(name='$1', max=${2:None}, value='$3', items=[\n\t\t$4\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Facepile."
+  },
+  "Wave Full FileUpload": {
+    "prefix": "w_full_file_upload",
+    "body": [
+      "ui.file_upload(name='$1', label='${2:Upload}', multiple=${3:False}, max_file_size=${4:None}, max_size=${5:None}, height='${6:300px}', width='${7:100%}', compact=${8:False}, visible=${9:True}, tooltip='$10', required=${11:False}, file_extensions=[\n\t\t$12\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave FileUpload."
+  },
+  "Wave Full FlexCard": {
+    "prefix": "w_full_flex_card",
+    "body": [
+      "ui.flex_card(box='$1', item_view='$2', item_props=$3, data=$4, direction='$5', justify='$6', align='$7', wrap='$8', commands=[\n\t\t$9\t\t\n])$0"
+    ],
+    "description": "Create a full Wave FlexCard."
+  },
+  "Wave Full FooterCard": {
+    "prefix": "w_full_footer_card",
+    "body": [
+      "ui.footer_card(box='$1', caption='$2', items=[\n\t\t$3\t\t\n], commands=[\n\t\t$4\t\t\n])$0"
+    ],
+    "description": "Create a full Wave FooterCard."
+  },
+  "Wave Full Component": {
+    "prefix": "w_full_component",
+    "body": [
+      "ui.component(text=${1:None}, text_xl=${2:None}, text_l=${3:None}, text_m=${4:None}, text_s=${5:None}, text_xs=${6:None}, label=${7:None}, separator=${8:None}, progress=${9:None}, message_bar=${10:None}, textbox=${11:None}, checkbox=${12:None}, toggle=${13:None}, choice_group=${14:None}, checklist=${15:None}, dropdown=${16:None}, combobox=${17:None}, slider=${18:None}, spinbox=${19:None}, date_picker=${20:None}, color_picker=${21:None}, button=${22:None}, buttons=${23:None}, mini_button=${24:None}, mini_buttons=${25:None}, file_upload=${26:None}, table=${27:None}, link=${28:None}, links=${29:None}, tabs=${30:None}, expander=${31:None}, frame=${32:None}, markup=${33:None}, template=${34:None}, picker=${35:None}, range_slider=${36:None}, stepper=${37:None}, visualization=${38:None}, vega_visualization=${39:None}, stats=${40:None}, inline=${41:None}, image=${42:None}, persona=${43:None}, text_annotator=${44:None}, image_annotator=${45:None}, facepile=${46:None}, copyable_text=${47:None}, menu=${48:None}, tags=${49:None}, time_picker=${50:None}, chatbot=${51:None}),$0"
+    ],
+    "description": "Create a full Wave Component."
+  },
+  "Wave Full Inline": {
+    "prefix": "w_full_inline",
+    "body": [
+      "ui.inline(justify='${1:start}', align='${2:center}', inset=${3:False}, height='$4', direction='${5:row}', items=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Inline."
+  },
+  "Wave Full FormCard": {
+    "prefix": "w_full_form_card",
+    "body": [
+      "ui.form_card(box='$1', title='$2', items=[\n\t\t$3\t\t\n], commands=[\n\t\t$4\t\t\n])$0"
+    ],
+    "description": "Create a full Wave FormCard."
+  },
+  "Wave Full Frame": {
+    "prefix": "w_full_frame",
+    "body": [
+      "ui.frame(path='$1', content='$2', width='${3:100%}', height='${4:150px}', name='$5', visible=${6:True}),$0"
+    ],
+    "description": "Create a full Wave Frame."
+  },
+  "Wave Full FrameCard": {
+    "prefix": "w_full_frame_card",
+    "body": [
+      "ui.frame_card(box='$1', title='$2', path='$3', content='$4', compact=${5:False}, commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave FrameCard."
+  },
+  "Wave Full GraphicsCard": {
+    "prefix": "w_full_graphics_card",
+    "body": [
+      "ui.graphics_card(box='$1', view_box='$2', stage=${3:None}, scene=${4:None}, width='$5', height='$6', commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave GraphicsCard."
+  },
+  "Wave Full GridCard": {
+    "prefix": "w_full_grid_card",
+    "body": [
+      "ui.grid_card(box='$1', title='$2', cells=$3, data=$4, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave GridCard."
+  },
+  "Wave Full HeaderCard": {
+    "prefix": "w_full_header_card",
+    "body": [
+      "ui.header_card(box='$1', title='$2', subtitle='$3', icon='$4', icon_color='$5', image='$6', color='${7:primary}', nav=[\n\t\t$8\t\t\n], items=[\n\t\t$9\t\t\n], secondary_items=[\n\t\t$10\t\t\n], commands=[\n\t\t$11\t\t\n])$0"
+    ],
+    "description": "Create a full Wave HeaderCard."
+  },
+  "Wave Full IconTableCellType": {
+    "prefix": "w_full_icon_table_cell_type",
+    "body": [
+      "ui.icon_table_cell_type(color='$1', name='$2'),$0"
+    ],
+    "description": "Create a full Wave IconTableCellType."
+  },
+  "Wave Full ImageCard": {
+    "prefix": "w_full_image_card",
+    "body": [
+      "ui.image_card(box='$1', title='$2', type='$3', image='$4', data=${5:None}, path='$6', path_popup='$7', commands=[\n\t\t$8\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ImageCard."
+  },
+  "Wave Full Image": {
+    "prefix": "w_full_image",
+    "body": [
+      "ui.image(title='$1', type='$2', image='$3', path='$4', width='$5', visible=${6:True}, path_popup='$7'),$0"
+    ],
+    "description": "Create a full Wave Image."
+  },
+  "Wave Full ImageAnnotatorPoint": {
+    "prefix": "w_full_image_annotator_point",
+    "body": [
+      "ui.image_annotator_point(x=$1, y=$2),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorPoint."
+  },
+  "Wave Full ImageAnnotatorPolygon": {
+    "prefix": "w_full_image_annotator_polygon",
+    "body": [
+      "ui.image_annotator_polygon(vertices=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorPolygon."
+  },
+  "Wave Full ImageAnnotatorRect": {
+    "prefix": "w_full_image_annotator_rect",
+    "body": [
+      "ui.image_annotator_rect(x1=$1, y1=$2, x2=$3, y2=$4),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorRect."
+  },
+  "Wave Full ImageAnnotatorShape": {
+    "prefix": "w_full_image_annotator_shape",
+    "body": [
+      "ui.image_annotator_shape(rect=${1:None}, polygon=${2:None}),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorShape."
+  },
+  "Wave Full ImageAnnotatorTag": {
+    "prefix": "w_full_image_annotator_tag",
+    "body": [
+      "ui.image_annotator_tag(name='$1', label='$2', color='$3'),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorTag."
+  },
+  "Wave Full ImageAnnotatorItem": {
+    "prefix": "w_full_image_annotator_item",
+    "body": [
+      "ui.image_annotator_item(shape=$1, tag='$2'),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotatorItem."
+  },
+  "Wave Full ImageAnnotator": {
+    "prefix": "w_full_image_annotator",
+    "body": [
+      "ui.image_annotator(name='$1', image='$2', title='$3', trigger=${4:False}, image_height='$5', tags=[\n\t\t$6\t\t\n], items=[\n\t\t$7\t\t\n], allowed_shapes=[\n\t\t$8\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave ImageAnnotator."
+  },
+  "Wave Full Label": {
+    "prefix": "w_full_label",
+    "body": [
+      "ui.label(label='$1', required=${2:False}, disabled=${3:False}, width='$4', visible=${5:True}, tooltip='$6', name='$7'),$0"
+    ],
+    "description": "Create a full Wave Label."
+  },
+  "Wave Full LargeBarStatCard": {
+    "prefix": "w_full_large_bar_stat_card",
+    "body": [
+      "ui.large_bar_stat_card(box='$1', title='$2', caption='$3', value='$4', aux_value='$5', value_caption='$6', aux_value_caption='$7', progress=$8, plot_color='$9', data=${10:None}, commands=[\n\t\t$11\t\t\n])$0"
+    ],
+    "description": "Create a full Wave LargeBarStatCard."
+  },
+  "Wave Full LargeStatCard": {
+    "prefix": "w_full_large_stat_card",
+    "body": [
+      "ui.large_stat_card(box='$1', title='$2', value='$3', aux_value='$4', caption='$5', data=${6:None}, commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave LargeStatCard."
+  },
+  "Wave Full Link": {
+    "prefix": "w_full_link",
+    "body": [
+      "ui.link(label='$1', path='$2', disabled=${3:False}, download=${4:False}, button=${5:False}, width='$6', visible=${7:True}, target='$8', tooltip='$9', name='$10'),$0"
+    ],
+    "description": "Create a full Wave Link."
+  },
+  "Wave Full Links": {
+    "prefix": "w_full_links",
+    "body": [
+      "ui.links(label='$1', inline=${2:False}, width='$3', items=[\n\t\t$4\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Links."
+  },
+  "Wave Full ListCard": {
+    "prefix": "w_full_list_card",
+    "body": [
+      "ui.list_card(box='$1', title='$2', item_view='$3', item_props=$4, data=$5, commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ListCard."
+  },
+  "Wave Full ListItem1Card": {
+    "prefix": "w_full_list_item1_card",
+    "body": [
+      "ui.list_item1_card(box='$1', title='$2', caption='$3', value='$4', aux_value='$5', data=$6, commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ListItem1Card."
+  },
+  "Wave Full MarkdownCard": {
+    "prefix": "w_full_markdown_card",
+    "body": [
+      "ui.markdown_card(box='$1', title='$2', content='$3', data=${4:None}, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave MarkdownCard."
+  },
+  "Wave Full MarkdownTableCellType": {
+    "prefix": "w_full_markdown_table_cell_type",
+    "body": [
+      "ui.markdown_table_cell_type(name='$1', target='$2'),$0"
+    ],
+    "description": "Create a full Wave MarkdownTableCellType."
+  },
+  "Wave Full Markup": {
+    "prefix": "w_full_markup",
+    "body": [
+      "ui.markup(content='$1', name='$2', width='$3', visible=${4:True}),$0"
+    ],
+    "description": "Create a full Wave Markup."
+  },
+  "Wave Full MarkupCard": {
+    "prefix": "w_full_markup_card",
+    "body": [
+      "ui.markup_card(box='$1', title='$2', content='$3', compact=${4:False}, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave MarkupCard."
+  },
+  "Wave Full Menu": {
+    "prefix": "w_full_menu",
+    "body": [
+      "ui.menu(icon='$1', image='$2', name='$3', label='$4', items=[\n\t\t$5\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Menu."
+  },
+  "Wave Full MenuTableCellType": {
+    "prefix": "w_full_menu_table_cell_type",
+    "body": [
+      "ui.menu_table_cell_type(name='$1', commands=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave MenuTableCellType."
+  },
+  "Wave Full MessageBar": {
+    "prefix": "w_full_message_bar",
+    "body": [
+      "ui.message_bar(type='$1', text='$2', name='$3', width='${4:100%}', visible=${5:True}, buttons=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave MessageBar."
+  },
+  "Wave Full InlineStylesheet": {
+    "prefix": "w_full_inline_stylesheet",
+    "body": [
+      "ui.inline_stylesheet(content='$1', media='$2'),$0"
+    ],
+    "description": "Create a full Wave InlineStylesheet."
+  },
+  "Wave Full Stylesheet": {
+    "prefix": "w_full_stylesheet",
+    "body": [
+      "ui.stylesheet(path='$1', media='$2', cross_origin='$3'),$0"
+    ],
+    "description": "Create a full Wave Stylesheet."
+  },
+  "Wave Full Layout": {
+    "prefix": "w_full_layout",
+    "body": [
+      "ui.layout(breakpoint='$1', width='${2:100%}', min_width='$3', max_width='$4', height='${5:auto}', min_height='$6', max_height='$7', name='$8', zones=[\n\t\t$9\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Layout."
+  },
+  "Wave Full Zone": {
+    "prefix": "w_full_zone",
+    "body": [
+      "ui.zone(name='$1', size='$2', direction='$3', justify='$4', align='$5', wrap='$6', zones=[\n\t\t$7\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Zone."
+  },
+  "Wave Full Theme": {
+    "prefix": "w_full_theme",
+    "body": [
+      "ui.theme(name='$1', text='$2', card='$3', page='$4', primary='$5'),$0"
+    ],
+    "description": "Create a full Wave Theme."
+  },
+  "Wave Full MetaCard": {
+    "prefix": "w_full_meta_card",
+    "body": [
+      "ui.meta_card(box='$1', title='$2', refresh=${3:None}, notification='$4', notification_bar=${5:None}, redirect='$6', icon='$7', dialog=${8:None}, side_panel=${9:None}, theme='$10', tracker=${11:None}, script=${12:None}, stylesheet=${13:None}, layouts=[\n\t\t$14\t\t\n], themes=[\n\t\t$15\t\t\n], scripts=[\n\t\t$16\t\t\n], stylesheets=[\n\t\t$17\t\t\n], commands=[\n\t\t$18\t\t\n])$0"
+    ],
+    "description": "Create a full Wave MetaCard."
+  },
+  "Wave Full NavItem": {
+    "prefix": "w_full_nav_item",
+    "body": [
+      "ui.nav_item(name='$1', label='$2', icon='$3', disabled=${4:False}, tooltip='$5', path='$6'),$0"
+    ],
+    "description": "Create a full Wave NavItem."
+  },
+  "Wave Full NavGroup": {
+    "prefix": "w_full_nav_group",
+    "body": [
+      "ui.nav_group(label='$1', collapsed=${2:False}, items=[\n\t\t$3\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave NavGroup."
+  },
+  "Wave Full NavCard": {
+    "prefix": "w_full_nav_card",
+    "body": [
+      "ui.nav_card(box='$1', value='$2', title='$3', subtitle='$4', icon='$5', icon_color='$6', image='$7', persona=${8:None}, color='${9:card}', items=[\n\t\t$10\t\t\n], secondary_items=[\n\t\t$11\t\t\n], commands=[\n\t\t$12\t\t\n])$0"
+    ],
+    "description": "Create a full Wave NavCard."
+  },
+  "Wave Full NotificationBar": {
+    "prefix": "w_full_notification_bar",
+    "body": [
+      "ui.notification_bar(text='$1', type='${2:info}', timeout=${3:5}, position='${4:top-right}', name='$5', buttons=[\n\t\t$6\t\t\n], events=[\n\t\t$7\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave NotificationBar."
+  },
+  "Wave Full Persona": {
+    "prefix": "w_full_persona",
+    "body": [
+      "ui.persona(title='$1', subtitle='$2', caption='$3', size='${4:m}', image='$5', initials='$6', initials_color='$7', name='$8'),$0"
+    ],
+    "description": "Create a full Wave Persona."
+  },
+  "Wave Full Picker": {
+    "prefix": "w_full_picker",
+    "body": [
+      "ui.picker(name='$1', label='$2', max_choices=${3:None}, required=${4:False}, disabled=${5:False}, width='${6:100%}', visible=${7:True}, trigger=${8:False}, tooltip='$9', choices=[\n\t\t$10\t\t\n], values=[\n\t\t$11\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Picker."
+  },
+  "Wave Full PixelArtCard": {
+    "prefix": "w_full_pixel_art_card",
+    "body": [
+      "ui.pixel_art_card(box='$1', title='$2', data=$3, commands=[\n\t\t$4\t\t\n])$0"
+    ],
+    "description": "Create a full Wave PixelArtCard."
+  },
+  "Wave Full Pixel": {
+    "prefix": "w_full_pixel",
+    "body": [
+      "ui.pixel(color='$1'),$0"
+    ],
+    "description": "Create a full Wave Pixel."
+  },
+  "Wave Full Mark": {
+    "prefix": "w_full_mark",
+    "body": [
+      "ui.mark(coord='$1', type='$2', x=${3:None}, x0=${4:None}, x1=${5:None}, x2=${6:None}, x_q1=${7:None}, x_q2=${8:None}, x_q3=${9:None}, x_min=${10:None}, x_max=${11:None}, x_nice=${12:False}, x_scale='$13', x_title='$14', y=${15:None}, y0=${16:None}, y1=${17:None}, y2=${18:None}, y_q1=${19:None}, y_q2=${20:None}, y_q3=${21:None}, y_min=${22:None}, y_max=${23:None}, y_nice=${24:False}, y_scale='$25', y_title='$26', color='$27', color_range='$28', shape='$29', shape_range='$30', size=${31:None}, size_range='$32', stack='$33', dodge='$34', curve='$35', fill_color='$36', fill_opacity=${37:None}, stroke_color='$38', stroke_opacity=${39:None}, stroke_size=${40:None}, stroke_dash='$41', label='$42', label_offset=${43:None}, label_offset_x=${44:None}, label_offset_y=${45:None}, label_rotation='$46', label_position='$47', label_overlap='$48', label_fill_color='$49', label_fill_opacity=${50:None}, label_stroke_color='$51', label_stroke_opacity=${52:None}, label_stroke_size=${53:None}, label_font_size=${54:None}, label_font_weight='$55', label_line_height=${56:None}, label_align='$57', ref_stroke_color='$58', ref_stroke_opacity=${59:None}, ref_stroke_size=${60:None}, ref_stroke_dash='$61', interactive=${62:True}, color_domain=[\n\t\t$63\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Mark."
+  },
+  "Wave Full MarkExt": {
+    "prefix": "w_full_mark_ext",
+    "body": [
+      "ui.mark_ext(x_field='$1', x_format=${2:None}, x0_field='$3', x0_format=${4:None}, x1_field='$5', x1_format=${6:None}, x2_field='$7', x2_format=${8:None}, x_q1_field='$9', x_q1_format=${10:None}, x_q2_field='$11', x_q2_format=${12:None}, x_q3_field='$13', x_q3__format=${14:None}, y_field='$15', y_format=${16:None}, y0_field='$17', y0_format=${18:None}, y1_field='$19', y1_format=${20:None}, y2_field='$21', y2_format=${22:None}, y_q1_field='$23', y_q1_format=${24:None}, y_q2_field='$25', y_q2_format=${26:None}, y_q3_field='$27', y_q3__format=${28:None}, color_field='$29', color_format=${30:None}, shape_field='$31', shape_format=${32:None}, size_format=${33:None}, size_field='$34', dodge_field='$35', label_field='$36', label_format=${37:None}),$0"
+    ],
+    "description": "Create a full Wave MarkExt."
+  },
+  "Wave Full Plot": {
+    "prefix": "w_full_plot",
+    "body": [
+      "ui.plot(marks=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Plot."
+  },
+  "Wave Full Visualization": {
+    "prefix": "w_full_visualization",
+    "body": [
+      "ui.visualization(plot=$1, data=$2, width='${3:100%}', height='${4:300px}', name='$5', visible=${6:True}, events=[\n\t\t$7\t\t\n], interactions=[\n\t\t$8\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Visualization."
+  },
+  "Wave Full PlotCard": {
+    "prefix": "w_full_plot_card",
+    "body": [
+      "ui.plot_card(box='$1', title='$2', data=$3, plot=$4, events=[\n\t\t$5\t\t\n], interactions=[\n\t\t$6\t\t\n], commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave PlotCard."
+  },
+  "Wave Full PostCard": {
+    "prefix": "w_full_post_card",
+    "body": [
+      "ui.post_card(box='$1', persona=$2, image='$3', aux_value='$4', caption='$5', items=[\n\t\t$6\t\t\n], commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave PostCard."
+  },
+  "Wave Full PreviewCard": {
+    "prefix": "w_full_preview_card",
+    "body": [
+      "ui.preview_card(box='$1', name='$2', image='$3', title='$4', caption='$5', label='$6', items=[\n\t\t$7\t\t\n], commands=[\n\t\t$8\t\t\n])$0"
+    ],
+    "description": "Create a full Wave PreviewCard."
+  },
+  "Wave Full ProfileCard": {
+    "prefix": "w_full_profile_card",
+    "body": [
+      "ui.profile_card(box='$1', persona=$2, image='$3', height='$4', items=[\n\t\t$5\t\t\n], commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ProfileCard."
+  },
+  "Wave Full Progress": {
+    "prefix": "w_full_progress",
+    "body": [
+      "ui.progress(label='$1', caption='$2', value=${3:None}, width='${4:100%}', visible=${5:True}, tooltip='$6', name='$7', type='${8:bar}'),$0"
+    ],
+    "description": "Create a full Wave Progress."
+  },
+  "Wave Full ProgressTableCellType": {
+    "prefix": "w_full_progress_table_cell_type",
+    "body": [
+      "ui.progress_table_cell_type(color='$1', name='$2'),$0"
+    ],
+    "description": "Create a full Wave ProgressTableCellType."
+  },
+  "Wave Full RangeSlider": {
+    "prefix": "w_full_range_slider",
+    "body": [
+      "ui.range_slider(name='$1', label='$2', min=${3:0}, max=${4:100}, step=${5:None}, min_value=${6:None}, max_value=${7:None}, disabled=${8:False}, width='${9:100%}', trigger=${10:False}, visible=${11:True}, tooltip='$12'),$0"
+    ],
+    "description": "Create a full Wave RangeSlider."
+  },
+  "Wave Full RepeatCard": {
+    "prefix": "w_full_repeat_card",
+    "body": [
+      "ui.repeat_card(box='$1', item_view='$2', item_props=$3, data=$4, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave RepeatCard."
+  },
+  "Wave Full Script": {
+    "prefix": "w_full_script",
+    "body": [
+      "ui.script(path='$1', asynchronous=${2:False}, cross_origin='$3', referrer_policy='$4', integrity='$5'),$0"
+    ],
+    "description": "Create a full Wave Script."
+  },
+  "Wave Full InlineScript": {
+    "prefix": "w_full_inline_script",
+    "body": [
+      "ui.inline_script(content='$1', requires=[\n\t\t$2\t\t\n], targets=[\n\t\t$3\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave InlineScript."
+  },
+  "Wave Full SectionCard": {
+    "prefix": "w_full_section_card",
+    "body": [
+      "ui.section_card(box='$1', title='$2', subtitle='$3', items=[\n\t\t$4\t\t\n], commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave SectionCard."
+  },
+  "Wave Full Separator": {
+    "prefix": "w_full_separator",
+    "body": [
+      "ui.separator(label='$1', name='$2', width='${3:100%}', visible=${4:True}),$0"
+    ],
+    "description": "Create a full Wave Separator."
+  },
+  "Wave Full SidePanel": {
+    "prefix": "w_full_side_panel",
+    "body": [
+      "ui.side_panel(title='$1', width='${2:600px}', name='$3', blocking=${4:False}, closable=${5:False}, items=[\n\t\t$6\t\t\n], events=[\n\t\t$7\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave SidePanel."
+  },
+  "Wave Full Slider": {
+    "prefix": "w_full_slider",
+    "body": [
+      "ui.slider(name='$1', label='$2', min=${3:None}, max=${4:None}, step=${5:None}, value=${6:None}, disabled=${7:False}, trigger=${8:False}, width='${9:100%}', visible=${10:True}, tooltip='$11'),$0"
+    ],
+    "description": "Create a full Wave Slider."
+  },
+  "Wave Full SmallSeriesStatCard": {
+    "prefix": "w_full_small_series_stat_card",
+    "body": [
+      "ui.small_series_stat_card(box='$1', title='$2', value='$3', plot_data=$4, plot_value='$5', plot_zero_value=${6:None}, plot_category='${7:x}', plot_type='${8:area}', plot_curve='${9:linear}', plot_color='$10', data=${11:None}, commands=[\n\t\t$12\t\t\n])$0"
+    ],
+    "description": "Create a full Wave SmallSeriesStatCard."
+  },
+  "Wave Full SmallStatCard": {
+    "prefix": "w_full_small_stat_card",
+    "body": [
+      "ui.small_stat_card(box='$1', title='$2', value='$3', data=${4:None}, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave SmallStatCard."
+  },
+  "Wave Full Spinbox": {
+    "prefix": "w_full_spinbox",
+    "body": [
+      "ui.spinbox(name='$1', label='$2', min=${3:0}, max=${4:100}, step=${5:1}, value=${6:0}, disabled=${7:False}, width='${8:100%}', visible=${9:True}, trigger=${10:False}, tooltip='$11'),$0"
+    ],
+    "description": "Create a full Wave Spinbox."
+  },
+  "Wave Full StatListCard": {
+    "prefix": "w_full_stat_list_card",
+    "body": [
+      "ui.stat_list_card(box='$1', title='$2', name='$3', subtitle='$4', items=[\n\t\t$5\t\t\n], commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave StatListCard."
+  },
+  "Wave Full StatListItem": {
+    "prefix": "w_full_stat_list_item",
+    "body": [
+      "ui.stat_list_item(label='$1', name='$2', caption='$3', value='$4', value_color='$5', aux_value='$6', icon='$7', icon_color='$8'),$0"
+    ],
+    "description": "Create a full Wave StatListItem."
+  },
+  "Wave Full StatTableCard": {
+    "prefix": "w_full_stat_table_card",
+    "body": [
+      "ui.stat_table_card(box='$1', title='$2', name='$3', subtitle='$4', columns=[\n\t\t$5\t\t\n], items=[\n\t\t$6\t\t\n], commands=[\n\t\t$7\t\t\n])$0"
+    ],
+    "description": "Create a full Wave StatTableCard."
+  },
+  "Wave Full StatTableItem": {
+    "prefix": "w_full_stat_table_item",
+    "body": [
+      "ui.stat_table_item(label='$1', name='$2', caption='$3', icon='$4', icon_color='$5', values=[\n\t\t$6\t\t\n], colors=[\n\t\t$7\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave StatTableItem."
+  },
+  "Wave Full Stats": {
+    "prefix": "w_full_stats",
+    "body": [
+      "ui.stats(justify='${1:start}', inset=${2:False}, width='$3', visible=${4:True}, items=[\n\t\t$5\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Stats."
+  },
+  "Wave Full Stat": {
+    "prefix": "w_full_stat",
+    "body": [
+      "ui.stat(label='$1', value='$2', caption='$3', icon='$4', icon_color='$5'),$0"
+    ],
+    "description": "Create a full Wave Stat."
+  },
+  "Wave Full Step": {
+    "prefix": "w_full_step",
+    "body": [
+      "ui.step(label='$1', icon='$2', done=${3:False}),$0"
+    ],
+    "description": "Create a full Wave Step."
+  },
+  "Wave Full Stepper": {
+    "prefix": "w_full_stepper",
+    "body": [
+      "ui.stepper(name='$1', width='${2:100%}', visible=${3:True}, tooltip='$4', items=[\n\t\t$5\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Stepper."
+  },
+  "Wave Full TabCard": {
+    "prefix": "w_full_tab_card",
+    "body": [
+      "ui.tab_card(box='$1', value='$2', link=${3:False}, name='$4', items=[\n\t\t$5\t\t\n], commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TabCard."
+  },
+  "Wave Full TablePagination": {
+    "prefix": "w_full_table_pagination",
+    "body": [
+      "ui.table_pagination(total_rows=$1, rows_per_page=$2),$0"
+    ],
+    "description": "Create a full Wave TablePagination."
+  },
+  "Wave Full TableCellType": {
+    "prefix": "w_full_table_cell_type",
+    "body": [
+      "ui.table_cell_type(progress=${1:None}, icon=${2:None}, tag=${3:None}, menu=${4:None}, markdown=${5:None}),$0"
+    ],
+    "description": "Create a full Wave TableCellType."
+  },
+  "Wave Full TableColumn": {
+    "prefix": "w_full_table_column",
+    "body": [
+      "ui.table_column(name='$1', label='$2', min_width='$3', max_width='$4', sortable=${5:False}, searchable=${6:False}, filterable=${7:False}, link=${8:False}, data_type='${9:string}', cell_type=${10:None}, cell_overflow='$11', align='$12', filters=[\n\t\t$13\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TableColumn."
+  },
+  "Wave Full TableRow": {
+    "prefix": "w_full_table_row",
+    "body": [
+      "ui.table_row(name='$1', cells=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TableRow."
+  },
+  "Wave Full TableGroup": {
+    "prefix": "w_full_table_group",
+    "body": [
+      "ui.table_group(label='$1', collapsed=${2:True}, rows=[\n\t\t$3\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TableGroup."
+  },
+  "Wave Full Table": {
+    "prefix": "w_full_table",
+    "body": [
+      "ui.table(name='$1', multiple=${2:False}, groupable=${3:False}, downloadable=${4:False}, resettable=${5:False}, height='$6', width='${7:100%}', checkbox_visibility='${8:on-hover}', visible=${9:True}, tooltip='$10', pagination=${11:None}, single=${12:False}, value='$13', columns=[\n\t\t$14\t\t\n], rows=[\n\t\t$15\t\t\n], values=[\n\t\t$16\t\t\n], groups=[\n\t\t$17\t\t\n], events=[\n\t\t$18\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Table."
+  },
+  "Wave Full Tab": {
+    "prefix": "w_full_tab",
+    "body": [
+      "ui.tab(name='$1', label='$2', icon='$3'),$0"
+    ],
+    "description": "Create a full Wave Tab."
+  },
+  "Wave Full Tabs": {
+    "prefix": "w_full_tabs",
+    "body": [
+      "ui.tabs(name='$1', value='$2', width='$3', visible=${4:True}, link=${5:False}, items=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Tabs."
+  },
+  "Wave Full TagTableCellType": {
+    "prefix": "w_full_tag_table_cell_type",
+    "body": [
+      "ui.tag_table_cell_type(name='$1', tags=[\n\t\t$2\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TagTableCellType."
+  },
+  "Wave Full Tag": {
+    "prefix": "w_full_tag",
+    "body": [
+      "ui.tag(label='$1', color='$2', label_color='$3'),$0"
+    ],
+    "description": "Create a full Wave Tag."
+  },
+  "Wave Full Tags": {
+    "prefix": "w_full_tags",
+    "body": [
+      "ui.tags(items=[\n\t\t$1\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Tags."
+  },
+  "Wave Full TallArticlePreviewCard": {
+    "prefix": "w_full_tall_article_preview_card",
+    "body": [
+      "ui.tall_article_preview_card(box='$1', title='$2', image='$3', subtitle='$4', value='$5', content='$6', name='$7', items=[\n\t\t$8\t\t\n], commands=[\n\t\t$9\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TallArticlePreviewCard."
+  },
+  "Wave Full TallGaugeStatCard": {
+    "prefix": "w_full_tall_gauge_stat_card",
+    "body": [
+      "ui.tall_gauge_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5, plot_color='$6', data=${7:None}, commands=[\n\t\t$8\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TallGaugeStatCard."
+  },
+  "Wave Full TallInfoCard": {
+    "prefix": "w_full_tall_info_card",
+    "body": [
+      "ui.tall_info_card(box='$1', name='$2', title='$3', caption='$4', label='$5', icon='$6', image='$7', image_height='${8:150px}', category='$9', commands=[\n\t\t$10\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TallInfoCard."
+  },
+  "Wave Full TallSeriesStatCard": {
+    "prefix": "w_full_tall_series_stat_card",
+    "body": [
+      "ui.tall_series_stat_card(box='$1', title='$2', value='$3', aux_value='$4', plot_data=$5, plot_value='$6', plot_zero_value=${7:None}, plot_category='${8:x}', plot_type='${9:area}', plot_curve='${10:linear}', plot_color='$11', data=${12:None}, commands=[\n\t\t$13\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TallSeriesStatCard."
+  },
+  "Wave Full TallStatsCard": {
+    "prefix": "w_full_tall_stats_card",
+    "body": [
+      "ui.tall_stats_card(box='$1', items=[\n\t\t$2\t\t\n], commands=[\n\t\t$3\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TallStatsCard."
+  },
+  "Wave Full Template": {
+    "prefix": "w_full_template",
+    "body": [
+      "ui.template(content='$1', data=${2:None}, name='$3', width='$4', visible=${5:True}),$0"
+    ],
+    "description": "Create a full Wave Template."
+  },
+  "Wave Full TemplateCard": {
+    "prefix": "w_full_template_card",
+    "body": [
+      "ui.template_card(box='$1', title='$2', content='$3', data=${4:None}, commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave TemplateCard."
+  },
+  "Wave Full Text": {
+    "prefix": "w_full_text",
+    "body": [
+      "ui.text(content='$1', size='$2', width='$3', visible=${4:True}, tooltip='$5', name='$6'),$0"
+    ],
+    "description": "Create a full Wave Text."
+  },
+  "Wave Full TextXl": {
+    "prefix": "w_full_text_xl",
+    "body": [
+      "ui.text_xl(content='$1', width='$2', visible=${3:True}, tooltip='$4', name='$5', commands=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TextXl."
+  },
+  "Wave Full TextL": {
+    "prefix": "w_full_text_l",
+    "body": [
+      "ui.text_l(content='$1', width='$2', visible=${3:True}, tooltip='$4', name='$5', commands=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TextL."
+  },
+  "Wave Full TextM": {
+    "prefix": "w_full_text_m",
+    "body": [
+      "ui.text_m(content='$1', width='$2', visible=${3:True}, tooltip='$4', name='$5'),$0"
+    ],
+    "description": "Create a full Wave TextM."
+  },
+  "Wave Full TextS": {
+    "prefix": "w_full_text_s",
+    "body": [
+      "ui.text_s(content='$1', width='$2', visible=${3:True}, tooltip='$4', name='$5'),$0"
+    ],
+    "description": "Create a full Wave TextS."
+  },
+  "Wave Full TextXs": {
+    "prefix": "w_full_text_xs",
+    "body": [
+      "ui.text_xs(content='$1', width='$2', visible=${3:True}, tooltip='$4', name='$5'),$0"
+    ],
+    "description": "Create a full Wave TextXs."
+  },
+  "Wave Full TextAnnotatorTag": {
+    "prefix": "w_full_text_annotator_tag",
+    "body": [
+      "ui.text_annotator_tag(name='$1', label='$2', color='$3'),$0"
+    ],
+    "description": "Create a full Wave TextAnnotatorTag."
+  },
+  "Wave Full TextAnnotatorItem": {
+    "prefix": "w_full_text_annotator_item",
+    "body": [
+      "ui.text_annotator_item(text='$1', tag='$2'),$0"
+    ],
+    "description": "Create a full Wave TextAnnotatorItem."
+  },
+  "Wave Full TextAnnotator": {
+    "prefix": "w_full_text_annotator",
+    "body": [
+      "ui.text_annotator(name='$1', title='$2', trigger=${3:False}, readonly=${4:False}, tags=[\n\t\t$5\t\t\n], items=[\n\t\t$6\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave TextAnnotator."
+  },
+  "Wave Full Textbox": {
+    "prefix": "w_full_textbox",
+    "body": [
+      "ui.textbox(name='$1', label='$2', placeholder='$3', value='$4', mask='$5', icon='$6', prefix='$7', suffix='$8', error='$9', required=${10:False}, disabled=${11:False}, readonly=${12:False}, multiline=${13:False}, password=${14:False}, trigger=${15:False}, height='$16', width='${17:100%}', visible=${18:True}, tooltip='$19', spellcheck=${20:True}),$0"
+    ],
+    "description": "Create a full Wave Textbox."
+  },
+  "Wave Full TimePicker": {
+    "prefix": "w_full_time_picker",
+    "body": [
+      "ui.time_picker(name='$1', label='$2', placeholder='$3', value='$4', disabled=${5:False}, width='${6:100%}', visible=${7:True}, trigger=${8:False}, required=${9:False}, hour_format='${10:12}', min='$11', max='$12', minutes_step=${13:1}),$0"
+    ],
+    "description": "Create a full Wave TimePicker."
+  },
+  "Wave Full Toggle": {
+    "prefix": "w_full_toggle",
+    "body": [
+      "ui.toggle(name='$1', label='$2', value=${3:False}, disabled=${4:False}, trigger=${5:False}, width='$6', visible=${7:True}, tooltip='$8'),$0"
+    ],
+    "description": "Create a full Wave Toggle."
+  },
+  "Wave Full Command": {
+    "prefix": "w_full_command",
+    "body": [
+      "ui.command(name='$1', label='$2', caption='$3', icon='$4', value='$5', data='$6', items=[\n\t\t$7\t\t\n]),$0"
+    ],
+    "description": "Create a full Wave Command."
+  },
+  "Wave Full ToolbarCard": {
+    "prefix": "w_full_toolbar_card",
+    "body": [
+      "ui.toolbar_card(box='$1', items=[\n\t\t$2\t\t\n], secondary_items=[\n\t\t$3\t\t\n], overflow_items=[\n\t\t$4\t\t\n], commands=[\n\t\t$5\t\t\n])$0"
+    ],
+    "description": "Create a full Wave ToolbarCard."
+  },
+  "Wave Full Tracker": {
+    "prefix": "w_full_tracker",
+    "body": [
+      "ui.tracker(type='$1', id='$2'),$0"
+    ],
+    "description": "Create a full Wave Tracker."
+  },
+  "Wave Full VegaVisualization": {
+    "prefix": "w_full_vega_visualization",
+    "body": [
+      "ui.vega_visualization(specification='$1', data=${2:None}, width='${3:100%}', height='${4:300px}', name='$5', visible=${6:True}, grammar='${7:vega-lite}'),$0"
+    ],
+    "description": "Create a full Wave VegaVisualization."
+  },
+  "Wave Full VegaCard": {
+    "prefix": "w_full_vega_card",
+    "body": [
+      "ui.vega_card(box='$1', title='$2', specification='$3', data=${4:None}, grammar='${5:vega-lite}', commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave VegaCard."
+  },
+  "Wave Full WideArticlePreviewCard": {
+    "prefix": "w_full_wide_article_preview_card",
+    "body": [
+      "ui.wide_article_preview_card(box='$1', persona=$2, image='$3', title='$4', name='$5', aux_value='$6', caption='$7', content='$8', items=[\n\t\t$9\t\t\n], commands=[\n\t\t$10\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WideArticlePreviewCard."
+  },
+  "Wave Full WideBarStatCard": {
+    "prefix": "w_full_wide_bar_stat_card",
+    "body": [
+      "ui.wide_bar_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5, plot_color='$6', data=${7:None}, commands=[\n\t\t$8\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WideBarStatCard."
+  },
+  "Wave Full WideGaugeStatCard": {
+    "prefix": "w_full_wide_gauge_stat_card",
+    "body": [
+      "ui.wide_gauge_stat_card(box='$1', title='$2', value='$3', aux_value='$4', progress=$5, plot_color='$6', data=${7:None}, commands=[\n\t\t$8\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WideGaugeStatCard."
+  },
+  "Wave Full WideInfoCard": {
+    "prefix": "w_full_wide_info_card",
+    "body": [
+      "ui.wide_info_card(box='$1', name='$2', title='$3', caption='$4', label='$5', subtitle='$6', align='${7:left}', icon='$8', image='$9', category='$10', commands=[\n\t\t$11\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WideInfoCard."
+  },
+  "Wave Full Pie": {
+    "prefix": "w_full_pie",
+    "body": [
+      "ui.pie(label='$1', value='$2', fraction=$3, color='$4', aux_value='$5'),$0"
+    ],
+    "description": "Create a full Wave Pie."
+  },
+  "Wave Full WidePieStatCard": {
+    "prefix": "w_full_wide_pie_stat_card",
+    "body": [
+      "ui.wide_pie_stat_card(box='$1', title='$2', pies=[\n\t\t$3\t\t\n], commands=[\n\t\t$4\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WidePieStatCard."
+  },
+  "Wave Full WidePlotCard": {
+    "prefix": "w_full_wide_plot_card",
+    "body": [
+      "ui.wide_plot_card(box='$1', title='$2', caption='$3', plot=$4, data=$5, commands=[\n\t\t$6\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WidePlotCard."
+  },
+  "Wave Full WideSeriesStatCard": {
+    "prefix": "w_full_wide_series_stat_card",
+    "body": [
+      "ui.wide_series_stat_card(box='$1', title='$2', value='$3', aux_value='$4', plot_data=$5, plot_value='$6', plot_zero_value=${7:None}, plot_category='${8:x}', plot_type='${9:area}', plot_curve='${10:linear}', plot_color='$11', data=${12:None}, commands=[\n\t\t$13\t\t\n])$0"
+    ],
+    "description": "Create a full Wave WideSeriesStatCard."
+  }
+}

examples/tour.js

@@ -24,6 +24,7 @@ const snippetToCompletionItem = item => ({
   insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
 })
 require(['vs/editor/editor.main', 'pyodide'], async () => {
+  console.log('loaded monaco')
   monaco.languages.registerCompletionItemProvider('python', {
     triggerCharacters: ['.', "'", '"'],
     provideCompletionItems: async (model, position) => {

examples/tour.py

@@ -183,18 +183,12 @@ async def setup_page(q: Q):
     py_content = ''
     parser_path = os.path.join(example_dir, 'tour_autocomplete_parser.py')
     utils_path = os.path.join(example_dir, 'tour_autocomplete_utils.py')
-    # In prod.
+
     if os.path.exists(parser_path) and os.path.exists(utils_path):
         with open(parser_path, 'r') as f:
             py_content = f.read()
         with open(utils_path, 'r') as f:
             py_content += f.read()
-    # When run in development from Wave repo.
-    elif os.path.exists(vsc_extension_path):
-        with open(os.path.join(vsc_extension_path, 'server', 'parser.py'), 'r') as f:
-            py_content = f.read()
-        with open(os.path.join(vsc_extension_path, 'server', 'utils.py'), 'r') as f:
-            py_content += f.read()
 
     if py_content:
         py_content += '''
@@ -218,6 +212,8 @@ def get_wave_completions(line, character, file_content):
     js_code = ''
     with open(os.path.join(example_dir, 'tour.js'), 'r') as f:
         js_code = f.read()
+    print(q.app.snippets1)
+    print(q.app.snippets2)
     template = Template(js_code).substitute(
         tour_assets=q.app.tour_assets,
         base_url=_base_url,
@@ -383,15 +379,8 @@ async def serve(q: Q):
         q.app.tour_assets, = await q.site.upload_dir(os.path.join(example_dir, 'tour-assets'))
         base_snippets_path = os.path.join(example_dir, 'base-snippets.json')
         component_snippets_path = os.path.join(example_dir, 'component-snippets.json')
-        # Prod.
         if os.path.exists(base_snippets_path) and os.path.exists(component_snippets_path):
             q.app.snippets1, q.app.snippets2, = await q.site.upload([base_snippets_path, component_snippets_path])
-        # When run in development from Wave repo.
-        elif os.path.exists(vsc_extension_path):
-            q.app.snippets1, q.app.snippets2, = await q.site.upload([
-                os.path.join(vsc_extension_path, 'base-snippets.json'),
-                os.path.join(vsc_extension_path, 'component-snippets.json')
-            ])
         q.app.initialized = True
     if not q.client.initialized:
         q.client.initialized = True
@@ -412,5 +401,5 @@ catalog = load_examples(example_filenames)
 print('----------------------------------------')
 print(' Welcome to the H2O Wave Interactive Tour!')
 print('')
-print(' Go to http://localhost:10101/tour')
+print(' Go to http://localhost:10101')
 print('----------------------------------------')

examples/tour_autocomplete_parser.py

@@ -0,0 +1,206 @@
+import parso
+import os
+import itertools
+from typing import Dict, List, Any, Optional, Set
+
+
+def strip_quotes(val: str) -> str:
+    return val.strip('"').strip("'")
+
+
+class FileMetadata():
+    files_to_parse: Dict[str, str] = {}
+
+    def __init__(self) -> None:
+        # TODO: Consider using Set instead of List.
+        self.args: List[str] = []
+        self.events: Dict[str, List[str]] = {}
+        self.zones: List[str] = []
+        self.client: List[str] = []
+        self.app: List[str] = []
+        self.user: List[str] = []
+        self.deps: Set[str] = set()
+
+    def add_completion(self, node: Any, completion_type: str) -> None:
+        if (node.type == 'string' or node.type == 'name'):
+            val = strip_quotes(node.value)
+            if val and (completion_type != 'args' or not val.startswith('#')):
+                getattr(self, completion_type).append(val)
+
+    def __get_event_names(self, nodes: List[Any]) -> List[str]:
+        return [strip_quotes(node.value) for node in nodes if node.type == 'string']
+
+    def add_event_completion(self, name_arg: Any, events_arg: Any):
+        if name_arg.type == 'string':
+            # Seems like args in events=['event'] and events=['event', 'event2'] are different AST-wise.
+            if events_arg.children[-1].children[1].type == 'testlist_comp':
+                event_nodes = events_arg.children[-1].children[1].children
+            else:
+                event_nodes = events_arg.children[-1].children
+            event_element_name = strip_quotes(name_arg.value)
+            self.events[event_element_name] = self.__get_event_names(event_nodes)
+
+    @staticmethod
+    def set_files_to_parse(files: List[str]) -> None:
+        for f in files:
+            FileMetadata.files_to_parse[os.path.basename(f)[:-3]] = f
+
+    def add_dep(self, dep_name: str) -> None:
+        dep_file = FileMetadata.files_to_parse.get(dep_name)
+        if dep_file:
+            self.deps.add(dep_file)
+
+
+def read_file(file: str) -> str:
+    with open(file, 'r') as f:
+        return f.read()
+
+
+def has_events_arg(node: Any) -> bool:
+    for arg in node.parent.children:
+        if arg.type == 'argument' and arg.children[0].type == 'name' and arg.children[0].value == 'events':
+            return True
+    return False
+
+
+# TODO: Refactor to pure function instead of one with side effects.
+def fill_metadata(node: Any, file_metadata: FileMetadata) -> None:
+    completion_found = False
+    if node.type == 'argument':
+        arg_name = node.get_first_leaf().value
+        if arg_name == 'name' and is_in_ui_obj(node) and node.children[-1].type != 'arith_expr':
+            completion_found = True
+            completion_type = None
+            if not has_events_arg(node):
+                completion_type = 'args'
+            if node.parent.parent.children[1].get_last_leaf().value == 'zone':
+                completion_type = 'zones'
+            if completion_type:
+                file_metadata.add_completion(node.get_last_leaf(), completion_type)
+        elif arg_name == 'events' and is_in_ui_obj(node):
+            completion_found = True
+            name_arg = next((arg for arg in node.parent.children if arg.type == 'argument' and arg.children[0].value == 'name'), None)
+            if name_arg:
+                file_metadata.add_event_completion(name_arg.children[-1], node)
+    elif node.type == 'atom_expr':
+        str_expr = node.get_code(False)
+        if str_expr.startswith('ui.zone'):
+            if node.children[-1].children[1].type == 'arglist' and node.children[-1].children[1].children[0].type == 'string':
+                file_metadata.add_completion(node.children[-1].children[1].children[0], 'zones')
+            elif node.children[-1].children[1].type == 'string':
+                file_metadata.add_completion(node.children[-1].children[1], 'zones')
+        # Must have 3 children -> q.state.name
+        elif len(node.children) == 3:
+            if str_expr.startswith('q.client'):
+                file_metadata.add_completion(node.children[-1].children[1], 'client')
+                completion_found = True
+            elif str_expr.startswith('q.user'):
+                file_metadata.add_completion(node.children[-1].children[1], 'user')
+                completion_found = True
+            elif str_expr.startswith('q.app'):
+                file_metadata.add_completion(node.children[-1].children[1], 'app')
+                completion_found = True
+    if not completion_found and hasattr(node, 'children'):
+        for child in node.children:
+            fill_metadata(child, file_metadata)
+
+
+def get_files_to_parse(root: str, py_files: List[str]) -> List[str]:
+    for f in sorted(os.scandir(root), key=lambda x: (x.is_dir(), x.name)):
+        # Ignore all .dirs and python venvs.
+        if f.is_dir() and not f.name.startswith('.') and f.name != 'node_modules' and 'pyvenv.cfg' not in os.listdir(f.path):
+            get_files_to_parse(f.path, py_files)
+        elif f.is_file() and f.name.endswith('.py'):
+            py_files.append(f.path)
+    return py_files
+
+
+def is_in_ui_obj(node: Any) -> bool:
+    try:
+        return parso.tree.search_ancestor(node, 'atom_expr').children[0].value == 'ui'
+    except Exception:
+        return False
+
+
+def fill_deps(tree: Any, file_metadata: FileMetadata) -> None:
+    for imp in list(tree.iter_imports()):
+        if imp.type == 'import_from':
+            file_metadata.add_dep(imp.children[1].get_last_leaf().value)
+        elif imp.type == 'import_name':
+            for path in list(itertools.chain.from_iterable(imp.get_paths())):
+                file_metadata.add_dep(path.value)
+
+
+def fill_completion(file_content: str, should_fill_deps=True, metadata: Optional[FileMetadata]=None) -> FileMetadata:
+    tree = parso.parse(file_content)
+    file_metadata = metadata or FileMetadata()
+    fill_metadata(tree, file_metadata)
+    if should_fill_deps:
+        fill_deps(tree, file_metadata)
+    return file_metadata
+
+
+def get_initial_completions(root: str) -> Dict[str, FileMetadata]:
+    store: Dict[str, FileMetadata] = {}
+    files_to_parse = get_files_to_parse(root, [])
+    FileMetadata.set_files_to_parse(files_to_parse)
+    for file in files_to_parse:
+        completion = fill_completion(read_file(file), metadata=store.get(file))
+        store[file] = completion
+        for dep in completion.deps:
+            if dep in store:
+                store[dep].deps.add(file)
+            else:
+                new_metadata = FileMetadata()
+                new_metadata.deps.add(file)
+                store[dep] = new_metadata
+    return store
+
+
+def get_completion_type(row: int, col: int, file_content: str) -> Optional[str]:
+    try:
+        leaf = parso.parse(file_content).get_leaf_for_position((row + 1, col - 1))
+        # Expr statements (q.client, q.events).
+        expr_leaf = leaf.parent.get_previous_sibling()
+        if expr_leaf and expr_leaf.type == 'name' and expr_leaf.value == 'q':
+            return leaf.parent.children[1].value, None
+
+        grand_parent = leaf.parent.parent
+        # Bracket notation for expr statements (q.client[''], q.events['']).
+        expr_leaf = grand_parent.children[0]
+        if len(grand_parent.children) <= 3 and expr_leaf.type == 'name' and expr_leaf.value == 'q':
+            return leaf.parent.get_previous_sibling().children[1].value, None
+
+        # Particular event bracket notation (q.events.['widget_name']['']).
+        if len(grand_parent.children) == 4 and grand_parent.get_code(False).startswith('q.events['):
+            event_name = grand_parent.children[2].children[1]
+            return 'events', strip_quotes(event_name.value) if event_name.type == 'string' else None
+
+        # Particular event (q.events.widget_name.*).
+        children = [child for child in grand_parent.children if child.type in ['name', 'trailer', 'operator']]
+        if len(children) == 4:
+            child1 = children[0]
+            child2 = children[1]
+            if child1.type == 'name' and child1.value == 'q' and child2.children[1].value == 'events':
+                return 'events', leaf.value if leaf.type == 'name' else None
+
+        # Zones.
+        expr_leaf = parso.tree.search_ancestor(leaf, 'atom_expr')
+        code = expr_leaf.get_code(False)
+        if code.startswith('ui.boxes') and leaf.type in ['string', 'operator']:
+            return 'zones', None
+        is_zone_arg = (leaf.parent.type != 'argument' and leaf.get_previous_sibling().value == '(') or leaf.parent.children[0].value == 'zone'
+        if code.startswith('ui.box') and leaf.type in ['string', 'operator'] and is_zone_arg:
+            return 'zones', None
+
+        if leaf.parent and leaf.parent.get_last_leaf().type == 'string' and is_in_ui_obj(leaf):
+            arg_name = leaf.parent.get_first_leaf().value
+            if arg_name in ['box', 'zone']:
+                return 'zones', None
+            elif arg_name == 'icon':
+                return 'icons', None
+            elif arg_name == 'theme':
+                return 'themes', None
+    except:
+        pass
+    return None, None

examples/tour_autocomplete_utils.py

@@ -0,0 +1,1754 @@
+themes = [
+    'benext',
+    'default',
+    'ember',
+    'fuchasia',
+    'h2o-dark',
+    'kiwi',
+    'lighting',
+    'monokai',
+    'nature',
+    'neon',
+    'nord',
+    'oceanic',
+    'one-dark-pro',
+    'solarized',
+    'winter-is-coming',
+]
+fluent_icons = [
+    "Accept",
+    "AcceptMedium",
+    "AccessLogo",
+    "AccessibiltyChecker",
+    "AccountActivity",
+    "AccountBrowser",
+    "AccountManagement",
+    "Accounts",
+    "ActionCenter",
+    "ActivateOrders",
+    "ActivityFeed",
+    "Add",
+    "AddBookmark",
+    "AddEvent",
+    "AddFavorite",
+    "AddFavoriteFill",
+    "AddFriend",
+    "AddGroup",
+    "AddHome",
+    "AddIn",
+    "AddLink",
+    "AddNotes",
+    "AddOnlineMeeting",
+    "AddPhone",
+    "AddReaction",
+    "AddSpaceAfter",
+    "AddSpaceBefore",
+    "AddTo",
+    "AddToShoppingList",
+    "AddWork",
+    "AirTickets",
+    "Airplane",
+    "AirplaneSolid",
+    "AlarmClock",
+    "Album",
+    "AlbumRemove",
+    "AlertSettings",
+    "AlertSolid",
+    "AlignCenter",
+    "AlignHorizontalCenter",
+    "AlignHorizontalLeft",
+    "AlignHorizontalRight",
+    "AlignJustify",
+    "AlignLeft",
+    "AlignRight",
+    "AlignVerticalBottom",
+    "AlignVerticalCenter",
+    "AlignVerticalTop",
+    "AllApps",
+    "AllAppsMirrored",
+    "AllCurrency",
+    "AltText",
+    "AmazonWebServicesLogo",
+    "AnalyticsQuery",
+    "AnalyticsReport",
+    "AnalyticsView",
+    "AnchorLock",
+    "AndroidLogo",
+    "Annotation",
+    "ApacheIvyLogo32",
+    "ApacheMavenLogo",
+    "Archive",
+    "ArchiveUndo",
+    "AreaChart",
+    "ArrangeBringForward",
+    "ArrangeBringToFront",
+    "ArrangeByFrom",
+    "ArrangeSendBackward",
+    "ArrangeSendToBack",
+    "Arrivals",
+    "ArrowDownRight8",
+    "ArrowDownRightMirrored8",
+    "ArrowTallDownLeft",
+    "ArrowTallDownRight",
+    "ArrowTallUpLeft",
+    "ArrowTallUpRight",
+    "ArrowUpRight",
+    "ArrowUpRight8",
+    "ArrowUpRightMirrored8",
+    "Articles",
+    "Ascending",
+    "AspectRatio",
+    "AssessmentGroup",
+    "AssessmentGroupTemplate",
+    "AssetLibrary",
+    "Assign",
+    "AssignPolicy",
+    "Asterisk",
+    "AsteriskSolid",
+    "Attach",
+    "AustralianRules",
+    "AutoDeploySettings",
+    "AutoEnhanceOff",
+    "AutoEnhanceOn",
+    "AutoFillTemplate",
+    "AutoFitContents",
+    "AutoFitWindow",
+    "AutoHeight",
+    "AutoRacing",
+    "AutomateFlow",
+    "AwayStatus",
+    "BIDashboard",
+    "Back",
+    "BackToWindow",
+    "BackgroundColor",
+    "Backlog",
+    "BacklogBoard",
+    "BacklogList",
+    "Badge",
+    "Balloons",
+    "Bank",
+    "BankSolid",
+    "BarChart4",
+    "BarChartHorizontal",
+    "BarChartVertical",
+    "BarChartVerticalEdit",
+    "BarChartVerticalFill",
+    "BarChartVerticalFilter",
+    "BarChartVerticalFilterSolid",
+    "Baseball",
+    "BeerMug",
+    "BidiLtr",
+    "BidiRtl",
+    "BirthdayCake",
+    "BitbucketLogo32",
+    "BlobStorage",
+    "BlockContact",
+    "Blocked",
+    "Blocked12",
+    "Blocked2",
+    "Blocked2Solid",
+    "BlockedSite",
+    "BlockedSiteSolid12",
+    "BlockedSolid",
+    "Blog",
+    "BlowingSnow",
+    "Blur",
+    "Boards",
+    "Bold",
+    "BookAnswers",
+    "BookmarkReport",
+    "Bookmarks",
+    "BookmarksMirrored",
+    "BorderDash",
+    "BorderDot",
+    "BoxAdditionSolid",
+    "BoxCheckmarkSolid",
+    "BoxLogo",
+    "BoxMultiplySolid",
+    "BoxPlaySolid",
+    "BoxSubtractSolid",
+    "BranchCommit",
+    "BranchCompare",
+    "BranchFork",
+    "BranchFork2",
+    "BranchLocked",
+    "BranchMerge",
+    "BranchPullRequest",
+    "BranchSearch",
+    "BranchShelveset",
+    "Breadcrumb",
+    "Breakfast",
+    "Brightness",
+    "Broom",
+    "BrowserScreenShot",
+    "BrowserTab",
+    "BrowserTabScreenshot",
+    "Brunch",
+    "Brush",
+    "BucketColor",
+    "BucketColorFill",
+    "BufferTimeAfter",
+    "BufferTimeBefore",
+    "BufferTimeBoth",
+    "Bug",
+    "BugBlock",
+    "BugSolid",
+    "BugSync",
+    "Build",
+    "BuildDefinition",
+    "BuildIssue",
+    "BuildQueue",
+    "BuildQueueNew",
+    "BulkUpload",
+    "BulletedList",
+    "BulletedList2",
+    "BulletedList2Mirrored",
+    "BulletedListBullet",
+    "BulletedListBulletMirrored",
+    "BulletedListMirrored",
+    "BulletedListText",
+    "BulletedListTextMirrored",
+    "BulletedTreeList",
+    "Bullseye",
+    "BullseyeTarget",
+    "BullseyeTargetEdit",
+    "Bus",
+    "BusSolid",
+    "BusinessHoursSign",
+    "ButtonControl",
+    "CPlusPlus",
+    "CPlusPlusLanguage",
+    "CRMProcesses",
+    "CRMReport",
+    "CRMServices",
+    "CSS",
+    "Cafe",
+    "Cake",
+    "Calculator",
+    "CalculatorAddition",
+    "CalculatorDelta",
+    "CalculatorEqualTo",
+    "CalculatorGroup",
+    "CalculatorMultiply",
+    "CalculatorNotEqualTo",
+    "CalculatorPercentage",
+    "CalculatorSubtract",
+    "Calendar",
+    "CalendarAgenda",
+    "CalendarDay",
+    "CalendarMirrored",
+    "CalendarReply",
+    "CalendarSettings",
+    "CalendarSettingsMirrored",
+    "CalendarWeek",
+    "CalendarWorkWeek",
+    "CalendarYear",
+    "Calories",
+    "CaloriesAdd",
+    "Camera",
+    "CampaignTemplate",
+    "Cancel",
+    "CannedChat",
+    "Car",
+    "CaretBottomLeftCenter8",
+    "CaretBottomLeftSolid8",
+    "CaretBottomRightCenter8",
+    "CaretBottomRightSolid8",
+    "CaretDown8",
+    "CaretDownSolid8",
+    "CaretHollow",
+    "CaretHollowMirrored",
+    "CaretLeft8",
+    "CaretLeftSolid8",
+    "CaretRight",
+    "CaretRight8",
+    "CaretRightSolid8",
+    "CaretSolid",
+    "CaretSolid16",
+    "CaretSolidDown",
+    "CaretSolidLeft",
+    "CaretSolidMirrored",
+    "CaretSolidRight",
+    "CaretSolidUp",
+    "CaretTopLeftCenter8",
+    "CaretTopLeftSolid8",
+    "CaretTopRightCenter8",
+    "CaretTopRightSolid8",
+    "CaretUp8",
+    "CaretUpSolid8",
+    "Cat",
+    "CellPhone",
+    "Certificate",
+    "CertifiedDatabase",
+    "ChangeEntitlements",
+    "Chart",
+    "ChartSeries",
+    "ChartTemplate",
+    "ChartXAngle",
+    "ChartYAngle",
+    "Chat",
+    "ChatBot",
+    "ChatInviteFriend",
+    "ChatSolid",
+    "CheckList",
+    "CheckListCheck",
+    "CheckListCheckMirrored",
+    "CheckListText",
+    "CheckListTextMirrored",
+    "CheckMark",
+    "Checkbox",
+    "CheckboxComposite",
+    "CheckboxCompositeReversed",
+    "CheckboxFill",
+    "CheckboxIndeterminate",
+    "CheckedOutByOther12",
+    "CheckedOutByYou12",
+    "ChevronDown",
+    "ChevronDownEnd6",
+    "ChevronDownMed",
+    "ChevronDownSmall",
+    "ChevronFold10",
+    "ChevronLeft",
+    "ChevronLeftEnd6",
+    "ChevronLeftMed",
+    "ChevronLeftSmall",
+    "ChevronRight",
+    "ChevronRightEnd6",
+    "ChevronRightMed",
+    "ChevronRightSmall",
+    "ChevronUnfold10",
+    "ChevronUp",
+    "ChevronUpEnd6",
+    "ChevronUpMed",
+    "ChevronUpSmall",
+    "Childof",
+    "Chopsticks",
+    "ChromeBack",
+    "ChromeBackMirrored",
+    "ChromeClose",
+    "ChromeFullScreen",
+    "ChromeMinimize",
+    "ChromeRestore",
+    "ChronosLogo",
+    "CircleAddition",
+    "CircleAdditionSolid",
+    "CircleFill",
+    "CircleHalfFull",
+    "CirclePause",
+    "CirclePauseSolid",
+    "CirclePlus",
+    "CircleRing",
+    "CircleShape",
+    "CircleShapeSolid",
+    "CircleStop",
+    "CircleStopSolid",
+    "CityNext",
+    "CityNext2",
+    "Clear",
+    "ClearFilter",
+    "ClearFormatting",
+    "ClearFormattingA",
+    "ClearFormattingEraser",
+    "ClearNight",
+    "ClearSelection",
+    "ClearSelectionMirrored",
+    "ClipboardList",
+    "ClipboardListMirrored",
+    "ClipboardSolid",
+    "Clock",
+    "CloneToDesktop",
+    "ClosePane",
+    "ClosePaneMirrored",
+    "ClosedCaption",
+    "CloudWeather",
+    "Cloudy",
+    "Cocktails",
+    "Code",
+    "CodeEdit",
+    "Coffee",
+    "CoffeeScript",
+    "CollapseContent",
+    "CollapseContentSingle",
+    "CollapseMenu",
+    "CollegeFootball",
+    "CollegeHoops",
+    "Color",
+    "ColorSolid",
+    "Column",
+    "ColumnLeftTwoThirds",
+    "ColumnLeftTwoThirdsEdit",
+    "ColumnOptions",
+    "ColumnRightTwoThirds",
+    "ColumnRightTwoThirdsEdit",
+    "ColumnVerticalSection",
+    "ColumnVerticalSectionEdit",
+    "Combine",
+    "Combobox",
+    "CommandPrompt",
+    "Comment",
+    "CommentActive",
+    "CommentAdd",
+    "CommentNext",
+    "CommentPrevious",
+    "CommentSolid",
+    "CommentUrgent",
+    "Commitments",
+    "CommonDataServiceCDS",
+    "Communications",
+    "CompanyDirectory",
+    "CompanyDirectoryMirrored",
+    "Compare",
+    "CompareUneven",
+    "CompassNW",
+    "Completed",
+    "CompletedSolid",
+    "ComplianceAudit",
+    "ConfigurationSolid",
+    "ConnectContacts",
+    "ConnectVirtualMachine",
+    "ConstructionCone",
+    "ConstructionConeSolid",
+    "Contact",
+    "ContactCard",
+    "ContactCardSettings",
+    "ContactCardSettingsMirrored",
+    "ContactHeart",
+    "ContactInfo",
+    "ContactLink",
+    "ContactList",
+    "ContactLock",
+    "ContentFeed",
+    "ContentSettings",
+    "ContextMenu",
+    "Contrast",
+    "Copy",
+    "CopyEdit",
+    "Cotton",
+    "Coupon",
+    "CreateMailRule",
+    "Cricket",
+    "Crop",
+    "Crown",
+    "CrownSolid",
+    "CubeShape",
+    "CubeShapeSolid",
+    "Currency",
+    "CustomList",
+    "CustomListMirrored",
+    "CustomizeToolbar",
+    "Cut",
+    "Cycling",
+    "DOM",
+    "DRM",
+    "DashboardAdd",
+    "DataConnectionLibrary",
+    "DataManagementSettings",
+    "Database",
+    "DatabaseSync",
+    "DatabaseView",
+    "Dataflows",
+    "DataflowsLink",
+    "DateTime",
+    "DateTime12",
+    "DateTime2",
+    "DateTimeMirrored",
+    "DeactivateOrders",
+    "Decimals",
+    "DecisionSolid",
+    "DeclineCall",
+    "DecreaseIndent",
+    "DecreaseIndentArrow",
+    "DecreaseIndentArrowMirrored",
+    "DecreaseIndentLegacy",
+    "DecreaseIndentMirrored",
+    "DecreaseIndentText",
+    "DecreaseIndentTextMirrored",
+    "DefaultRatio",
+    "DefectSolid",
+    "Delete",
+    "DeleteColumns",
+    "DeleteRows",
+    "DeleteRowsMirrored",
+    "DeleteTable",
+    "DeliveryTruck",
+    "DependencyAdd",
+    "DependencyRemove",
+    "Deploy",
+    "Descending",
+    "Design",
+    "DesktopScreenshot",
+    "DeveloperTools",
+    "DeviceBug",
+    "DeviceOff",
+    "DeviceRun",
+    "Devices2",
+    "Devices3",
+    "Devices4",
+    "Diagnostic",
+    "DiagnosticDataBarTooltip",
+    "Dialpad",
+    "Diamond",
+    "DiamondSolid",
+    "Dictionary",
+    "DictionaryRemove",
+    "DietPlanNotebook",
+    "DiffInline",
+    "DiffSideBySide",
+    "DisableUpdates",
+    "DisconnectVirtualMachine",
+    "Dislike",
+    "DislikeSolid",
+    "DistributeDown",
+    "DocLibrary",
+    "DockLeft",
+    "DockLeftMirrored",
+    "DockRight",
+    "DockerLogo",
+    "Document",
+    "DocumentApproval",
+    "DocumentManagement",
+    "DocumentReply",
+    "DocumentSearch",
+    "DocumentSet",
+    "Documentation",
+    "DonutChart",
+    "Door",
+    "DoubleBookmark",
+    "DoubleChevronDown",
+    "DoubleChevronDown12",
+    "DoubleChevronDown8",
+    "DoubleChevronLeft",
+    "DoubleChevronLeft12",
+    "DoubleChevronLeft8",
+    "DoubleChevronLeftMed",
+    "DoubleChevronLeftMedMirrored",
+    "DoubleChevronRight",
+    "DoubleChevronRight12",
+    "DoubleChevronRight8",
+    "DoubleChevronUp",
+    "DoubleChevronUp12",
+    "DoubleChevronUp8",
+    "DoubleColumn",
+    "DoubleColumnEdit",
+    "DoubleDownArrow",
+    "Down",
+    "Download",
+    "DownloadDocument",
+    "DragObject",
+    "DrillDown",
+    "DrillDownSolid",
+    "DrillExpand",
+    "DrillShow",
+    "DrillThrough",
+    "DriverOff",
+    "Drop",
+    "DropShape",
+    "DropShapeSolid",
+    "DropboxLogo",
+    "Dropdown",
+    "DuplicateRow",
+    "Duststorm",
+    "EMI",
+    "EatDrink",
+    "Edit",
+    "EditContact",
+    "EditCreate",
+    "EditMail",
+    "EditMirrored",
+    "EditNote",
+    "EditPhoto",
+    "EditSolid12",
+    "EditSolidMirrored12",
+    "EditStyle",
+    "Education",
+    "EgnyteLogo",
+    "Ellipse",
+    "Embed",
+    "Emoji",
+    "Emoji2",
+    "EmojiDisappointed",
+    "EmojiNeutral",
+    "EmojiTabSymbols",
+    "EmptyRecycleBin",
+    "Encryption",
+    "EndPointSolid",
+    "EngineeringGroup",
+    "EntitlementPolicy",
+    "EntitlementRedemption",
+    "EntryDecline",
+    "EntryView",
+    "Equalizer",
+    "EraseTool",
+    "Error",
+    "ErrorBadge",
+    "Event",
+    "Event12",
+    "EventAccepted",
+    "EventDate",
+    "EventDateMissed12",
+    "EventDeclined",
+    "EventInfo",
+    "EventTentative",
+    "EventTentativeMirrored",
+    "EventToDoLogo",
+    "ExerciseTracker",
+    "ExpandMenu",
+    "ExploreContent",
+    "ExploreContentSingle",
+    "ExploreData",
+    "Export",
+    "ExportMirrored",
+    "ExternalBuild",
+    "ExternalGit",
+    "ExternalTFVC",
+    "ExternalXAML",
+    "EyeShadow",
+    "Eyedropper",
+    "F12DevTools",
+    "FacebookLogo",
+    "Family",
+    "FangBody",
+    "FastForward",
+    "FastForwardEightX",
+    "FastForwardFourX",
+    "FastForwardOneFiveX",
+    "FastForwardOneX",
+    "FastForwardPointFiveX",
+    "FastForwardTwoX",
+    "FastMode",
+    "Favicon",
+    "FavoriteList",
+    "FavoriteStar",
+    "FavoriteStarFill",
+    "Fax",
+    "Feedback",
+    "FeedbackRequestMirroredSolid",
+    "FeedbackRequestSolid",
+    "FeedbackResponseSolid",
+    "Ferry",
+    "FerrySolid",
+    "FieldChanged",
+    "FieldEmpty",
+    "FieldFilled",
+    "FieldNotChanged",
+    "FieldReadOnly",
+    "FieldRequired",
+    "FileASPX",
+    "FileBug",
+    "FileCSS",
+    "FileCode",
+    "FileComment",
+    "FileHTML",
+    "FileImage",
+    "FileJAVA",
+    "FileLess",
+    "FileOff",
+    "FilePDB",
+    "FileRequest",
+    "FileSQL",
+    "FileSass",
+    "FileSymlink",
+    "FileSystem",
+    "FileTemplate",
+    "FileYML",
+    "Filter",
+    "FilterAscending",
+    "FilterDescending",
+    "FilterSettings",
+    "FilterSolid",
+    "Filters",
+    "FiltersSolid",
+    "Financial",
+    "FinancialMirroredSolid",
+    "FinancialSolid",
+    "Fingerprint",
+    "FitPage",
+    "FitWidth",
+    "FiveTileGrid",
+    "FixedAssetManagement",
+    "FixedColumnWidth",
+    "Flag",
+    "FlameSolid",
+    "FlashAuto",
+    "FlashOff",
+    "Flashlight",
+    "FlickDown",
+    "FlickLeft",
+    "FlickRight",
+    "FlickUp",
+    "Flow",
+    "FlowChart",
+    "Flower",
+    "FocalPoint",
+    "Focus",
+    "FocusView",
+    "Fog",
+    "Folder",
+    "FolderFill",
+    "FolderHorizontal",
+    "FolderList",
+    "FolderListMirrored",
+    "FolderOpen",
+    "FolderQuery",
+    "FolderSearch",
+    "FollowUser",
+    "Font",
+    "FontColor",
+    "FontColorA",
+    "FontColorSwatch",
+    "FontDecrease",
+    "FontIncrease",
+    "FontSize",
+    "FontSize2",
+    "Footer",
+    "FormLibrary",
+    "FormLibraryMirrored",
+    "FormatPainter",
+    "Forum",
+    "Forward",
+    "ForwardEvent",
+    "Freezing",
+    "Frigid",
+    "FrontCamera",
+    "FullCircleMask",
+    "FullHistory",
+    "FullScreen",
+    "FullView",
+    "FullWidth",
+    "FullWidthEdit",
+    "FunctionalManagerDashboard",
+    "FunnelChart",
+    "GIF",
+    "GUID",
+    "Game",
+    "Gather",
+    "Generate",
+    "GenericScan",
+    "GenericScanFilled",
+    "GiftBoxSolid",
+    "GiftCard",
+    "Giftbox",
+    "GiftboxOpen",
+    "GitFork",
+    "GitGraph",
+    "GitHubLogo",
+    "GitLogo",
+    "Glasses",
+    "Glimmer",
+    "GlobalNavButton",
+    "GlobalNavButtonActive",
+    "Globe",
+    "Globe2",
+    "GlobeFavorite",
+    "Go",
+    "GoMirrored",
+    "GoToDashboard",
+    "Golf",
+    "GoogleDriveLogo",
+    "GoogleDriveLogoBottomBlue",
+    "GoogleDriveLogoLeftGreen",
+    "GoogleDriveLogoRightYellow",
+    "GotoToday",
+    "GradleLogo32",
+    "GreetingCard",
+    "GridViewLarge",
+    "GridViewMedium",
+    "GridViewSmall",
+    "GripperBarHorizontal",
+    "GripperBarVertical",
+    "GripperDotsVertical",
+    "GripperTool",
+    "Group",
+    "GroupList",
+    "GroupObject",
+    "GroupedAscending",
+    "GroupedDescending",
+    "GroupedList",
+    "Guitar",
+    "HailDay",
+    "HailNight",
+    "HalfAlpha",
+    "HalfCircle",
+    "HandsFree",
+    "Handwriting",
+    "HardDrive",
+    "HardDriveGroup",
+    "HardDriveLock",
+    "HardDriveUnlock",
+    "Header",
+    "Header1",
+    "Header2",
+    "Header3",
+    "Header4",
+    "Headset",
+    "HeadsetSolid",
+    "Health",
+    "HealthRefresh",
+    "HealthSolid",
+    "Heart",
+    "HeartBroken",
+    "HeartFill",
+    "Help",
+    "HelpMirrored",
+    "HexaditeInvestigation",
+    "HexaditeInvestigationCancel",
+    "HexaditeInvestigationSemiAuto",
+    "Hexagon",
+    "Hide",
+    "Hide2",
+    "Hide3",
+    "Highlight",
+    "HighlightMappedShapes",
+    "HintText",
+    "HistoricalWeather",
+    "History",
+    "Home",
+    "HomeDropdown",
+    "HomeGroup",
+    "HomeSolid",
+    "HomeVerify",
+    "HorizontalDistributeCenter",
+    "HorizontalTabKey",
+    "Hospital",
+    "Hotel",
+    "HourGlass",
+    "IDBadge",
+    "IOT",
+    "IRMForward",
+    "IRMForwardMirrored",
+    "IRMReply",
+    "IRMReplyMirrored",
+    "IconSetsFlag",
+    "IgnoreConversation",
+    "ImageCrosshair",
+    "ImageDiff",
+    "ImageInAR",
+    "ImagePixel",
+    "ImageSearch",
+    "Import",
+    "ImportAllMirrored",
+    "ImportMirrored",
+    "Important",
+    "Inbox",
+    "InboxCheck",
+    "IncidentTriangle",
+    "IncomingCall",
+    "IncreaseIndent",
+    "IncreaseIndentArrow",
+    "IncreaseIndentArrowMirrored",
+    "IncreaseIndentHanging",
+    "IncreaseIndentHangingMirrored",
+    "IncreaseIndentLegacy",
+    "IncreaseIndentMirrored",
+    "IncreaseIndentText",
+    "IncreaseIndentTextMirrored",
+    "IndentFirstLine",
+    "Info",
+    "Info2",
+    "InfoSolid",
+    "InformationBarriers",
+    "InkingTool",
+    "InputAddress",
+    "Insert",
+    "InsertColumnsLeft",
+    "InsertColumnsRight",
+    "InsertRowsAbove",
+    "InsertRowsBelow",
+    "InsertSignatureLine",
+    "InsertTextBox",
+    "Insights",
+    "InstallToDrive",
+    "Installation",
+    "InternalInvestigation",
+    "InternetSharing",
+    "IssueSolid",
+    "IssueTracking",
+    "IssueTrackingMirrored",
+    "Italic",
+    "JS",
+    "JavaLogo",
+    "JavaScriptLanguage",
+    "JenkinsLogo",
+    "JoinOnlineMeeting",
+    "KeubernetesLogo",
+    "KeyPhraseExtraction",
+    "KeyboardClassic",
+    "KnowledgeArticle",
+    "Label",
+    "LadybugSolid",
+    "Lamp",
+    "LandscapeOrientation",
+    "LaptopSecure",
+    "LaptopSelected",
+    "LargeGrid",
+    "LearningTools",
+    "Leave",
+    "LeaveUser",
+    "Library",
+    "Lifesaver",
+    "LifesaverLock",
+    "Light",
+    "LightWeight",
+    "Lightbulb",
+    "LightningBolt",
+    "LightningBoltSolid",
+    "Like",
+    "LikeSolid",
+    "Line",
+    "LineChart",
+    "LineSpacing",
+    "LineStyle",
+    "LineThickness",
+    "Link",
+    "Link12",
+    "LinkedDatabase",
+    "LinuxLogo32",
+    "List",
+    "ListMirrored",
+    "LiveSite",
+    "LocaleLanguage",
+    "Location",
+    "LocationCircle",
+    "LocationDot",
+    "LocationFill",
+    "LocationOutline",
+    "Lock",
+    "Lock12",
+    "LockShare",
+    "LockSolid",
+    "LogRemove",
+    "LookupEntities",
+    "LowerBrightness",
+    "MachineLearning",
+    "Mail",
+    "MailAlert",
+    "MailAttached",
+    "MailCheck",
+    "MailFill",
+    "MailForward",
+    "MailForwardMirrored",
+    "MailLowImportance",
+    "MailOptions",
+    "MailPause",
+    "MailReminder",
+    "MailRepeat",
+    "MailReply",
+    "MailReplyAll",
+    "MailReplyAllMirrored",
+    "MailReplyMirrored",
+    "MailSchedule",
+    "MailSolid",
+    "MailTentative",
+    "MailTentativeMirrored",
+    "MailUndelivered",
+    "ManagerSelfService",
+    "Manufacturing",
+    "MapDirections",
+    "MapLayers",
+    "MapPin",
+    "MapPin12",
+    "MapPinSolid",
+    "MarkAsProtected",
+    "MarkDownLanguage",
+    "Market",
+    "MarketDown",
+    "MasterDatabase",
+    "MaximumValue",
+    "Medal",
+    "MedalSolid",
+    "Media",
+    "MediaAdd",
+    "Medical",
+    "Megaphone",
+    "MegaphoneSolid",
+    "Memo",
+    "Merge",
+    "MergeDuplicate",
+    "Message",
+    "MessageFill",
+    "MessageFriendRequest",
+    "MicOff",
+    "MicOff2",
+    "Microphone",
+    "MiniContract",
+    "MiniContractMirrored",
+    "MiniExpand",
+    "MiniExpandMirrored",
+    "MiniLink",
+    "MinimumValue",
+    "MiracastLogoLarge",
+    "MobileAngled",
+    "MobileReport",
+    "MobileSelected",
+    "ModelingView",
+    "Money",
+    "More",
+    "MoreSports",
+    "MoreVertical",
+    "MountainClimbing",
+    "Move",
+    "MoveToFolder",
+    "Movers",
+    "MultiSelect",
+    "MultiSelectMirrored",
+    "MusicInCollection",
+    "MusicInCollectionFill",
+    "MusicNote",
+    "MuteChat",
+    "MyMoviesTV",
+    "MyNetwork",
+    "NPMLogo",
+    "Nav2DMapView",
+    "NavigateBack",
+    "NavigateBackMirrored",
+    "NavigateExternalInline",
+    "NavigateForward",
+    "NavigateForwardMirrored",
+    "NavigationFlipper",
+    "NetworkTower",
+    "NewAnalyticsQuery",
+    "NewFolder",
+    "NewMail",
+    "NewTeamProject",
+    "News",
+    "NewsSearch",
+    "Next",
+    "NonprofitLogo32",
+    "NormalWeight",
+    "NotExecuted",
+    "NotImpactedSolid",
+    "NoteForward",
+    "NotePinned",
+    "NoteReply",
+    "Number",
+    "NumberField",
+    "NumberSequence",
+    "NumberSymbol",
+    "NumberedList",
+    "NumberedListMirrored",
+    "NumberedListNumber",
+    "NumberedListNumberMirrored",
+    "NumberedListText",
+    "NumberedListTextMirrored",
+    "OEM",
+    "Octagon",
+    "OfficeChat",
+    "OfficeChatSolid",
+    "OfflineStorage",
+    "OfflineStorageSolid",
+    "Onboarding",
+    "OpenEnrollment",
+    "OpenFile",
+    "OpenFolderHorizontal",
+    "OpenInNewTab",
+    "OpenInNewWindow",
+    "OpenPane",
+    "OpenPaneMirrored",
+    "OpenSource",
+    "OpenWith",
+    "OpenWithMirrored",
+    "Org",
+    "Orientation",
+    "Orientation2",
+    "OutOfOffice",
+    "PC1",
+    "PDF",
+    "POI",
+    "POISolid",
+    "PY",
+    "Package",
+    "Packages",
+    "Padding",
+    "PaddingBottom",
+    "PaddingLeft",
+    "PaddingRight",
+    "PaddingTop",
+    "Page",
+    "PageAdd",
+    "PageArrowRight",
+    "PageCheckedOut",
+    "PageCheckedin",
+    "PageData",
+    "PageEdit",
+    "PageHeader",
+    "PageHeaderEdit",
+    "PageLeft",
+    "PageLink",
+    "PageList",
+    "PageListFilter",
+    "PageListMirroredSolid",
+    "PageListSolid",
+    "PageLock",
+    "PageRemove",
+    "PageRight",
+    "PageShared",
+    "PageSolid",
+    "PanoIndicator",
+    "Parachute",
+    "ParachuteSolid",
+    "Parameter",
+    "ParatureLogo",
+    "ParkingLocation",
+    "ParkingLocationMirrored",
+    "ParkingMirroredSolid",
+    "ParkingSolid",
+    "PartlyCloudyDay",
+    "PartlyCloudyNight",
+    "PartyLeader",
+    "PassiveAuthentication",
+    "PasswordField",
+    "Paste",
+    "PasteAsCode",
+    "PasteAsText",
+    "Pause",
+    "PaymentCard",
+    "PenWorkspace",
+    "PencilReply",
+    "Pentagon",
+    "People",
+    "PeopleAdd",
+    "PeopleAlert",
+    "PeopleBlock",
+    "PeoplePause",
+    "PeopleRepeat",
+    "Permissions",
+    "PermissionsSolid",
+    "Personalize",
+    "Phishing",
+    "Phone",
+    "Photo",
+    "Photo2",
+    "Photo2Add",
+    "Photo2Fill",
+    "Photo2Remove",
+    "PhotoCollection",
+    "PhotoError",
+    "PhotoVideoMedia",
+    "Picture",
+    "PictureCenter",
+    "PictureFill",
+    "PictureLibrary",
+    "PicturePosition",
+    "PictureStretch",
+    "PictureTile",
+    "PieDouble",
+    "PieSingle",
+    "PieSingleSolid",
+    "Pill",
+    "Pin",
+    "PinSolid12",
+    "PinSolidOff12",
+    "Pinned",
+    "PinnedFill",
+    "PinnedSolid",
+    "PivotChart",
+    "PlainText",
+    "PlanView",
+    "Play",
+    "PlayResume",
+    "PlayReverse",
+    "PlayReverseResume",
+    "PlaySolid",
+    "PlaybackRate1x",
+    "PlayerSettings",
+    "Plug",
+    "PlugConnected",
+    "PlugDisconnected",
+    "PlugSolid",
+    "PollResults",
+    "PostUpdate",
+    "PowerButton",
+    "Precipitation",
+    "PresenceChickletVideo",
+    "Presentation",
+    "Presentation12",
+    "Preview",
+    "PreviewLink",
+    "Previous",
+    "PrimaryCalendar",
+    "Print",
+    "PrintfaxPrinterFile",
+    "ProFootball",
+    "ProHockey",
+    "ProcessMetaTask",
+    "Processing",
+    "ProcessingCancel",
+    "ProcessingPause",
+    "ProcessingRun",
+    "Product",
+    "ProductCatalog",
+    "ProductList",
+    "ProductRelease",
+    "ProductVariant",
+    "ProductionFloorManagement",
+    "ProfileSearch",
+    "ProgressLoopInner",
+    "ProgressLoopOuter",
+    "ProgressRingDots",
+    "PromotedDatabase",
+    "ProtectRestrict",
+    "ProtectedDocument",
+    "ProvisioningPackage",
+    "PublicCalendar",
+    "PublicContactCard",
+    "PublicContactCardMirrored",
+    "PublicEmail",
+    "PublicFolder",
+    "PublishContent",
+    "PublishCourse",
+    "Puzzle",
+    "PythonLanguage",
+    "PythonLogoBlue",
+    "PythonLogoYellow",
+    "QRCode",
+    "QandA",
+    "QandAMirror",
+    "QuadColumn",
+    "Quantity",
+    "QuarterCircle",
+    "QueryList",
+    "Questionnaire",
+    "QuestionnaireMirrored",
+    "QuickNote",
+    "QuickNoteSolid",
+    "R",
+    "RadioBtnOff",
+    "RadioBtnOn",
+    "RadioBullet",
+    "Rain",
+    "RainShowersDay",
+    "RainShowersNight",
+    "RainSnow",
+    "RawSource",
+    "ReactLogo",
+    "Read",
+    "ReadOutLoud",
+    "ReadingMode",
+    "ReadingModeSolid",
+    "RealEstate",
+    "ReceiptCheck",
+    "ReceiptForward",
+    "ReceiptReply",
+    "ReceiptTentative",
+    "ReceiptTentativeMirrored",
+    "ReceiptUndelivered",
+    "Recent",
+    "Record2",
+    "RecruitmentManagement",
+    "RectangleShape",
+    "RectangleShapeSolid",
+    "RectangularClipping",
+    "RecurringEvent",
+    "RecurringTask",
+    "RedEye",
+    "RedEye12",
+    "Redeploy",
+    "Redo",
+    "Refresh",
+    "RegistryEditor",
+    "Relationship",
+    "ReleaseDefinition",
+    "ReleaseGate",
+    "ReleaseGateCheck",
+    "ReleaseGateError",
+    "ReminderGroup",
+    "ReminderPerson",
+    "ReminderTime",
+    "Remote",
+    "Remove",
+    "RemoveContent",
+    "RemoveEvent",
+    "RemoveFilter",
+    "RemoveFromShoppingList",
+    "RemoveFromTrash",
+    "RemoveLink",
+    "RemoveLinkChain",
+    "RemoveLinkX",
+    "RemoveOccurrence",
+    "Rename",
+    "RenewalCurrent",
+    "RenewalFuture",
+    "ReopenPages",
+    "Repair",
+    "RepeatAll",
+    "RepeatHeaderRows",
+    "RepeatOne",
+    "Reply",
+    "ReplyAll",
+    "ReplyAllAlt",
+    "ReplyAllMirrored",
+    "ReplyAlt",
+    "ReplyMirrored",
+    "Repo",
+    "RepoSolid",
+    "ReportAdd",
+    "ReportDocument",
+    "ReportHacked",
+    "ReportLibrary",
+    "ReportLibraryMirrored",
+    "ReportLock",
+    "ReportWarning",
+    "Rerun",
+    "ReservationOrders",
+    "Reset",
+    "ResetDevice",
+    "ResponsesMenu",
+    "ReturnKey",
+    "ReturnToSession",
+    "RevToggleKey",
+    "ReviewRequestMirroredSolid",
+    "ReviewRequestSolid",
+    "ReviewResponseSolid",
+    "ReviewSolid",
+    "Rewind",
+    "RewindEightX",
+    "RewindFourX",
+    "RewindOneFiveX",
+    "RewindOneX",
+    "RewindPointFiveX",
+    "RewindTwoX",
+    "Ribbon",
+    "RibbonSolid",
+    "RightDoubleQuote",
+    "RightTriangle",
+    "Ringer",
+    "RingerOff",
+    "RingerRemove",
+    "RingerSolid",
+    "Robot",
+    "Rocket",
+    "Room",
+    "Rotate",
+    "Rotate90Clockwise",
+    "Rotate90CounterClockwise",
+    "RowsChild",
+    "RowsGroup",
+    "RubyGemsLogo",
+    "Rugby",
+    "Running",
+    "RustLanguageLogo",
+    "SDCard",
+    "SIPMove",
+    "SQLAnalyticsPool",
+    "SVNLogo",
+    "Sad",
+    "SadSolid",
+    "Save",
+    "SaveAll",
+    "SaveAndClose",
+    "SaveAs",
+    "SaveTemplate",
+    "SaveToMobile",
+    "Savings",
+    "ScaleUp",
+    "ScaleVolume",
+    "ScatterChart",
+    "ScheduleEventAction",
+    "ScopeTemplate",
+    "ScreenCast",
+    "ScreenTime",
+    "Script",
+    "ScrollUpDown",
+    "Search",
+    "SearchAndApps",
+    "SearchBookmark",
+    "SearchCalendar",
+    "SearchData",
+    "SearchIssue",
+    "SearchIssueMirrored",
+    "SearchNearby",
+    "SecondaryNav",
+    "Section",
+    "Sections",
+    "SecurityGroup",
+    "SeeDo",
+    "SelectAll",
+    "Sell",
+    "SemiboldWeight",
+    "Send",
+    "SendMirrored",
+    "SentimentAnalysis",
+    "Separator",
+    "Server",
+    "ServerEnviroment",
+    "ServerProcesses",
+    "ServiceOff",
+    "SetAction",
+    "Settings",
+    "ShakeDevice",
+    "ShapeSolid",
+    "Shapes",
+    "Share",
+    "SharedDatabase",
+    "ShareiOS",
+    "Shirt",
+    "Shop",
+    "ShopServer",
+    "ShoppingCart",
+    "ShoppingCartSolid",
+    "ShowGrid",
+    "ShowResults",
+    "ShowResultsMirrored",
+    "ShowTimeAs",
+    "SidePanel",
+    "SidePanelMirrored",
+    "SignOut",
+    "Signin",
+    "SingleBookmark",
+    "SingleBookmarkSolid",
+    "SingleColumn",
+    "SingleColumnEdit",
+    "SiteScan",
+    "SixPointStar",
+    "SizeLegacy",
+    "SkiResorts",
+    "SkipBack10",
+    "SkipForward30",
+    "SkypeArrow",
+    "SkypeCheck",
+    "SkypeClock",
+    "SkypeMinus",
+    "Slider",
+    "SliderHandleSize",
+    "SliderThumb",
+    "Slideshow",
+    "SmartGlassRemote",
+    "SnapToGrid",
+    "Snooze",
+    "Snow",
+    "SnowShowerDay",
+    "SnowShowerNight",
+    "Snowflake",
+    "Soccer",
+    "Sort",
+    "SortDown",
+    "SortLines",
+    "SortLinesAscending",
+    "SortUp",
+    "Source",
+    "Spacer",
+    "Speakers",
+    "SpecialEvent",
+    "SpeedHigh",
+    "Spelling",
+    "Split",
+    "SplitObject",
+    "Sprint",
+    "Squalls",
+    "SquareShape",
+    "SquareShapeSolid",
+    "Stack",
+    "StackColumnChart",
+    "StackIndicator",
+    "StackedBarChart",
+    "StackedColumnChart2",
+    "StackedColumnChart2Fill",
+    "StackedLineChart",
+    "Starburst",
+    "StarburstSolid",
+    "StatusCircleBlock",
+    "StatusCircleBlock2",
+    "StatusCircleCheckmark",
+    "StatusCircleErrorX",
+    "StatusCircleExclamation",
+    "StatusCircleInfo",
+    "StatusCircleInner",
+    "StatusCircleOuter",
+    "StatusCircleQuestionMark",
+    "StatusCircleRing",
+    "StatusCircleSync",
+    "StatusErrorFull",
+    "StatusTriangle",
+    "StatusTriangleExclamation",
+    "StatusTriangleInner",
+    "StatusTriangleOuter",
+    "Step",
+    "StepInsert",
+    "StepShared",
+    "StepSharedAdd",
+    "StepSharedInsert",
+    "StockDown",
+    "StockUp",
+    "Stop",
+    "StopSolid",
+    "Stopwatch",
+    "StorageAcount",
+    "StorageOptical",
+    "Storyboard",
+    "Streaming",
+    "StreamingOff",
+    "Street",
+    "StreetsideSplitMinimize",
+    "Strikethrough",
+    "Subscribe",
+    "Subscript",
+    "SubstitutionsIn",
+    "Suitcase",
+    "SunAdd",
+    "SunQuestionMark",
+    "Sunny",
+    "Superscript",
+    "SurveyQuestions",
+    "SwiftLogo",
+    "Switch",
+    "SwitchUser",
+    "SwitcherStartEnd",
+    "Sync",
+    "SyncFolder",
+    "SyncOccurence",
+    "SyncStatus",
+    "SyncStatusSolid",
+    "SyncToPC",
+    "System",
+    "TVMonitor",
+    "TVMonitorSelected",
+    "Tab",
+    "TabCenter",
+    "TabOneColumn",
+    "TabThreeColumn",
+    "TabTwoColumn",
+    "Table",
+    "TableBrandedColumn",
+    "TableBrandedRow",
+    "TableComputed",
+    "TableFirstColumn",
+    "TableGroup",
+    "TableHeaderRow",
+    "TableLastColumn",
+    "TableLink",
+    "TableTotalRow",
+    "Tablet",
+    "TabletMode",
+    "TabletSelected",
+    "Tag",
+    "TagGroup",
+    "TagSolid",
+    "TagUnknown",
+    "TagUnknown12",
+    "TagUnknown12Mirror",
+    "TagUnknownMirror",
+    "TaskGroup",
+    "TaskGroupMirrored",
+    "TaskList",
+    "TaskManager",
+    "TaskManagerMirrored",
+    "TaskSolid",
+    "Taskboard",
+    "Taxi",
+    "TeamFavorite",
+    "Teamwork",
+    "Teeth",
+    "Telemarketer",
+    "TemporaryUser",
+    "Tennis",
+    "TestAutoSolid",
+    "TestBeaker",
+    "TestBeakerSolid",
+    "TestCase",
+    "TestExploreSolid",
+    "TestImpactSolid",
+    "TestParameter",
+    "TestPlan",
+    "TestStep",
+    "TestSuite",
+    "TestUserSolid",
+    "TextAlignBottom",
+    "TextAlignMiddle",
+    "TextAlignTop",
+    "TextBox",
+    "TextCallout",
+    "TextDocument",
+    "TextDocumentEdit",
+    "TextDocumentSettings",
+    "TextDocumentShared",
+    "TextField",
+    "TextOverflow",
+    "TextParagraphOption",
+    "TextRecognition",
+    "TextRotate270Degrees",
+    "TextRotate90Degrees",
+    "TextRotateHorizontal",
+    "TextRotation",
+    "ThisPC",
+    "ThreeQuarterCircle",
+    "ThumbnailView",
+    "ThumbnailViewMirrored",
+    "Thunderstorms",
+    "Ticket",
+    "Tiles",
+    "Tiles2",
+    "TimeEntry",
+    "TimePicker",
+    "TimeSheet",
+    "Timeline",
+    "TimelineDelivery",
+    "TimelineMatrixView",
+    "TimelineProgress",
+    "Timer",
+    "ToggleBorder",
+    "ToggleFilled",
+    "ToggleLeft",
+    "ToggleRight",
+    "ToggleThumb",
+    "Toll",
+    "Toolbox",
+    "Total",
+    "Touch",
+    "TouchPointer",
+    "Trackers",
+    "TrackersMirrored",
+    "Train",
+    "TrainSolid",
+    "TransferCall",
+    "Transition",
+    "TransitionEffect",
+    "TransitionPop",
+    "TransitionPush",
+    "Translate",
+    "Trending12",
+    "TriangleDown12",
+    "TriangleLeft12",
+    "TriangleRight12",
+    "TriangleShape",
+    "TriangleShapeSolid",
+    "TriangleSolid",
+    "TriangleSolidDown12",
+    "TriangleSolidLeft12",
+    "TriangleSolidRight12",
+    "TriangleSolidUp12",
+    "TriangleUp12",
+    "TriggerApproval",
+    "TriggerAuto",
+    "TriggerUser",
+    "Trim",
+    "TrimEnd",
+    "TrimStart",
+    "TripleColumn",
+    "TripleColumnEdit",
+    "TripleColumnWide",
+    "Trophy",
+    "Trophy2",
+    "Trophy2Solid",
+    "TurnRight",
+    "TwelvePointStar",
+    "TwitterLogo",
+    "URLBlock",
+    "USB",
+    "Umbrella",
+    "UnSetColor",
+    "Underline",
+    "Undo",
+    "Uneditable",
+    "Uneditable2",
+    "Uneditable2Mirrored",
+    "UneditableMirrored",
+    "UneditableSolid12",
+    "UneditableSolidMirrored12",
+    "Unfavorite",
+    "UngroupObject",
+    "Unknown",
+    "UnknownCall",
+    "UnknownMirrored",
+    "UnknownMirroredSolid",
+    "UnknownSolid",
+    "Unlock",
+    "UnlockSolid",
+    "Unpin",
+    "UnpublishContent",
+    "UnstackSelected",
+    "Unsubscribe",
+    "UnsyncFolder",
+    "UnsyncOccurence",
+    "Untag",
+    "Up",
+    "UpdateRestore",
+    "UpgradeAnalysis",
+    "Upload",
+    "UserEvent",
+    "UserFollowed",
+    "UserGauge",
+    "UserOptional",
+    "UserPause",
+    "UserRemove",
+    "UserSync",
+    "UserWarning",
+    "VB",
+    "Vacation",
+    "Vaccination",
+    "Variable",
+    "Variable2",
+    "VariableGroup",
+    "VennDiagram",
+    "VerifiedBrand",
+    "VerifiedBrandSolid",
+    "VersionControlPush",
+    "VerticalDistributeCenter",
+    "Video",
+    "Video360Generic",
+    "VideoLightOff",
+    "VideoOff",
+    "VideoOff2",
+    "VideoSearch",
+    "VideoSolid",
+    "View",
+    "ViewAll",
+    "ViewAll2",
+    "ViewDashboard",
+    "ViewInAR",
+    "ViewList",
+    "ViewListGroup",
+    "ViewListTree",
+    "ViewOriginal",
+    "VisuallyImpaired",
+    "VisualsFolder",
+    "VisualsStore",
+    "VoicemailForward",
+    "VoicemailIRM",
+    "VoicemailReply",
+    "Volume0",
+    "Volume1",
+    "Volume2",
+    "Volume3",
+    "VolumeDisabled",
+    "Waffle",
+    "WaitlistConfirm",
+    "WaitlistConfirmMirrored",
+    "Warning",
+    "Warning12",
+    "WarningSolid",
+    "WavingHand",
+    "WebComponents",
+    "WebEnvironment",
+    "WebPublish",
+    "WebTemplate",
+    "Webcam2",
+    "Webcam2Off",
+    "Website",
+    "Weights",
+    "Wheelchair",
+    "WifiEthernet",
+    "WifiWarning4",
+    "WindDirection",
+    "WindowEdit",
+    "Wines",
+    "WipePhone",
+    "Work",
+    "WorkFlow",
+    "WorkItem",
+    "WorkItemAlert",
+    "WorkItemBar",
+    "WorkItemBarSolid",
+    "WorkItemBug",
+    "WorkforceManagement",
+    "World",
+    "WorldClock",
+    "XamarinLogo",
+    "XboxController",
+    "ZipFolder",
+    "Zoom",
+    "ZoomIn",
+    "ZoomOut",
+    "ZoomToFit",
+    "eDiscovery",
+    "iOSAppStoreLogo",
+]

tour.conf

@@ -1,263 +0,0 @@
-hello_world.py
-todo.py
-wizard.py
-issue_tracker.py
-dashboard.py
-tall_info.py
-article.py
-wide_info.py
-wide_plot.py
-post.py
-preview.py
-stat_wide_pie.py
-tall_article_preview.py
-wide_article_preview.py
-profile.py
-stat_small.py
-stat_large.py
-stat_wide_gauge.py
-stat_tall_gauge.py
-stat_wide_bar.py
-stat_wide_pie.py
-stat_large_bar.py
-stat_small_series_area.py
-stat_small_series_interval.py
-stat_wide_series_area.py
-stat_wide_series_interval.py
-stat_tall_series_area.py
-stat_tall_series_interval.py
-stat_table.py
-tall_stats.py
-layout.py
-layout_size.py
-layout_responsive.py
-chatbot.py
-form.py
-form_visibility.py
-text.py
-copyable_text.py
-text_sizes.py
-text_annotator.py
-label.py
-link.py
-links.py
-progress.py
-progress_update.py
-message_bar.py
-textbox.py
-textbox_trigger.py
-button.py
-buttons.py
-checkbox.py
-checklist.py
-checklist_inline.py
-picker.py
-picker_selection.py
-dropdown.py
-choice_group.py
-combobox.py
-toggle.py
-spinbox.py
-spinbox_trigger.py
-slider.py
-range_slider.py
-date_picker.py
-date_picker_trigger.py
-time_picker.py
-color_picker.py
-swatch_picker.py
-persona.py
-facepile.py
-tabs.py
-separator.py
-file_upload.py
-file_upload_compact.py
-form_frame.py
-form_frame_path.py
-form_template.py
-form_markup.py
-stepper.py
-table_markdown_pandas.py
-table.py
-table_sort.py
-table_search.py
-table_filter.py
-table_filter_backend.py
-table_download.py
-table_groupby.py
-table_groups.py
-table_select_single.py
-table_select_multiple.py
-table_events_select.py
-table_tags.py
-table_pagination.py
-table_pagination_pandas.py
-table_pagination_h2o3.py
-table_pagination_minimal.py
-table_pagination_sort.py
-table_pagination_filter.py
-table_pagination_search.py
-table_pagination_download.py
-table_pagination_groups.py
-table_menu.py
-table_markdown.py
-table_markdown_overflow.py
-tags.py
-image.py
-image_popup.py
-image_annotator.py
-inline.py
-file_stream.py
-frame.py
-frame_path.py
-template.py
-template_data.py
-markdown.py
-markdown_table.py
-markdown_data.py
-markdown_submit_text.py
-markup.py
-nav.py
-toolbar.py
-tab.py
-tab_delete.py
-breadcrumbs.py
-header.py
-footer.py
-routing.py
-routing_predicates.py
-hash_routing.py
-hash_routing_parameters.py
-toolbar_routing.py
-card_menu.py
-menu.py
-plot_theme.py
-plot_point.py
-plot_point_shapes.py
-plot_point_sizes.py
-plot_point_map.py
-plot_point_groups.py
-plot_point_annotation.py
-plot_point_custom.py
-plot_interval.py
-plot_interval_transpose.py
-plot_interval_groups.py
-plot_interval_groups_transpose.py
-plot_interval_labels.py
-plot_interval_range.py
-plot_interval_range_transpose.py
-plot_interval_stacked.py
-plot_interval_stacked_transpose.py
-plot_interval_stacked_grouped.py
-plot_interval_stacked_grouped_transpose.py
-plot_interval_polar.py
-plot_interval_polar_stacked.py
-plot_interval_theta.py
-plot_interval_theta_stacked.py
-plot_interval_helix.py
-plot_interval_annotation.py
-plot_interval_annotation_transpose.py
-plot_line.py
-plot_line_groups.py
-plot_line_smooth.py
-plot_step.py
-plot_step_after.py
-plot_step_before.py
-plot_line_labels.py
-plot_line_labels_custom.py
-plot_line_labels_stroked.py
-plot_line_labels_no_overlap.py
-plot_line_annotation.py
-plot_path.py
-plot_path_point.py
-plot_path_smooth.py
-plot_area.py
-plot_area_groups.py
-plot_area_negative.py
-plot_area_range.py
-plot_area_smooth.py
-plot_area_stacked.py
-plot_area_line.py
-plot_area_line_smooth.py
-plot_area_line_groups.py
-plot_polygon.py
-plot_histogram.py
-plot_schema.py
-plot_schema_transpose.py
-plot_interaction_zoom.py
-plot_interaction_brush.py
-plot_interaction_drag_move.py
-plot_axis_title.py
-plot_form.py
-plot_app.py
-plot_events.py
-plot_events_disabled.py
-plot_events_routing.py
-plot_pandas.py
-plot_vega.py
-plot_vegalite.py
-plot_vegalite_update.py
-plot_vegalite_form.py
-plot_vegalite_flex.py
-plot_altair.py
-plot_bokeh.py
-plot_bokeh_script.py
-plot_bokeh_callbacks.py
-plot_matplotlib.py
-plot_plotly.py
-plot_d3.py
-pixel_art.py
-upload.py
-upload_async.py
-upload_ui.py
-upload_download.py
-upload_frame.py
-meta_inline_script.py
-meta_inline_script_callback.py
-meta_script.py
-meta_script_callback.py
-meta_stylesheet.py
-meta_inline_stylesheet.py
-meta_dialog.py
-meta_dialog_closable.py
-meta_side_panel.py
-meta_side_panel_closable.py
-meta_title.py
-meta_icon.py
-meta_notification.py
-meta_notification_bar.py
-meta_notification_bar_closable.py
-meta_refresh.py
-meta_redirect.py
-meta_theme.py
-theme_generator.py
-meta_tracking.py
-counter_global.py
-counter_broadcast.py
-counter_multicast.py
-counter_unicast.py
-background.py
-background_executor.py
-background_progress.py
-site_async.py
-http_client.py
-checkpoint.py
-graphics_primitives.py
-graphics_spline.py
-graphics_clock.py
-graphics_path.py
-graphics_turtle.py
-graphics_hilbert.py
-glider_gun.py
-ml_h2o.py
-ml_h2o_save.py
-ml_h2o_categorical.py
-ml_h2o_parameters.py
-ml_h2o_algo.py
-ml_h2o_shap.py
-ml_dai.py
-ml_dai_save.py
-ml_dai_categorical.py
-ml_dai_parameters.py
-ml_dai_autodoc.py
-ml_dai_instances.py

tour.js

@@ -1,64 +0,0 @@
-require.config({
-  paths: {
-    'vs': '$tour_assets' + '/monaco',
-    'pyodide': '$tour_assets' + '/pyodide/pyodide.js'
-  }
-})
-window.MonacoEnvironment = {
-  getWorkerUrl: function (workerId, label) {
-    const { origin } = window.location
-    return `$${origin}$${'$base_url'}assets/monaco/base/worker/workerMain.js`
-  }
-}
-const completionToCompletionItem = item => ({
-  label: item.get('label'),
-  kind: item.get('kind'),
-  insertText: item.get('label'),
-  sortText: item.get('sort_text'),
-})
-const snippetToCompletionItem = item => ({
-  label: item.prefix,
-  kind: monaco.languages.CompletionItemKind.Snippet,
-  documentation: item.description,
-  insertText: item.body.join('\n'),
-  insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
-})
-require(['vs/editor/editor.main', 'pyodide'], async () => {
-  monaco.languages.registerCompletionItemProvider('python', {
-    triggerCharacters: ['.', "'", '"'],
-    provideCompletionItems: async (model, position) => {
-      const pyRes = await window.pyodide.runPython(`get_wave_completions($${position.lineNumber - 1}, $${position.column - 1}, \'\'\'$${model.getValue()}\'\'\')`)
-      const completions = pyRes ? pyRes.toJs().map(completionToCompletionItem) : []
-      // HACK: Fetch on every keystroke due to weird bug in monaco - showing snippets only for first example.
-      let [snippets1, snippets2] = await Promise.all([
-        fetch('$snippets1').then(r => r.json()),
-        fetch('$snippets2').then(r => r.json()),
-      ])
-      snippets1 = Object.values(snippets1).map(snippetToCompletionItem)
-      snippets2 = Object.values(snippets2).map(snippetToCompletionItem)
-      return { suggestions: [...completions, ...snippets1, ...snippets2] }
-    }
-  })
-  const editor = monaco.editor.create(document.getElementById('monaco-editor'), {
-    value: '',
-    language: 'python',
-    minimap: { enabled: false },
-    overviewRulerLanes: 0,
-    hideCursorInOverviewRuler: true,
-    scrollbar: { vertical: 'hidden' },
-    overviewRulerBorder: false,
-    lineDecorationsWidth: 0,
-    lineNumbersMinChars: 3,
-    automaticLayout: true,
-  })
-  editor.onDidChangeModelContent(e => {
-    if (e.isFlush) return
-    emit_debounced('editor', 'change', editor.getValue())
-  })
-  window.editor = editor
-  window.emit_debounced = window.wave.debounce(2000, window.wave.emit)
-  window.pyodide = await window.loadPyodide()
-  await window.pyodide.loadPackage('parso')
-  await window.pyodide.loadPackage('jedi')
-  await window.pyodide.runPythonAsync(`$py_content`)
-})