AppEngine Config Explorer

A Visual Studio Code extension that provides an easy way to work through AppEngine configuration.

Features

• Live Preview
• Tree view visualization of AppEngine config relationships
• Quick navigation, auto-select the items when navigation in editor
• Hierarchical view of:
  • Pages
  • Templates
  • Components
  • Content Providers

AppEngine Config Structure

AppEngine configs follow a hierarchical structure:

1. Pages - Top level configs that define a page in the app

   • Each page references one or more templates through variants
   • Example: rides-home.yaml, food-discovery-home.yaml

2. Templates - Reusable layouts that can be used across different pages

   • Templates reference one or more components
   • Example: quik-generic-listing-view.yaml, food-discovery-home-view.yaml

3. Components - UI building blocks that make up templates

   • Components can have a content provider that supplies their data
   • Example: quik-discovery-banner-carousel.yaml

4. Content Providers - Data providers for components

   • Define how components get their data
   • Example: quik-discovery-banners.yaml