Live Astro Compiler

Preview the compiled output of Astro components

Roadmap

• Surface compiler errors in the UI
• Add a format button
• Display all transform outputs

interface TransformResult {
  code: string; // only this is displayed currently
  map: string;
  scope: string;
  styleError: string[];
  diagnostics: DiagnosticMessage[];
  css: string[];
  scripts: HoistedScript[];
  hydratedComponents: HydratedComponent[];
  clientOnlyComponents: HydratedComponent[];
  containsHead: boolean;
  propagation: boolean;
}

• Display all the TSX outputs

interface TSXResult {
  code: string; // only this is displayed currently
  map: SourceMap;
  diagnostics: DiagnosticMessage[];
}