From 7b791fff51f7e554347293dff3078cfba50c7d86 Mon Sep 17 00:00:00 2001
From: Chris Thompson
+ {errors.map((error) => (
+ {results.displayName}
{results.displayName}
{results.displayName}
+ if (!results) {
+ return null;
+ }
+
+ let response: unknown;
+ let errorsDisplay: JSX.Element | undefined;
+
+ console.log('received', results)
+ throw new Error('stop')
+
+ if (results?.results instanceof FirematError) {
+ // We don't display a "response" here, because this is an
+ errorsDisplay = {results.displayName}
+ {
+ // Stacktraces usually already include the message, so we only
+ // display the message if there is no stacktrace.
+ error.stack ?
+
+
{
From c4aaa7b3507ce5257c65c6e1dbdb841da93ef247 Mon Sep 17 00:00:00 2001
From: joehan
- Welcome to {{title}}!
-
- {{ title }} app is running!
-
-
Here are some links to help you start:
-
-
Tour of Heroes
- CLI Documentation
- Angular blog
- {results.displayName}
-
+
+
+ {results.query}
+
+
+
+ {results.args}
+
+
>
) : null;
}
diff --git a/firebase-vscode/webviews/firemat-execution-arguments.entry.scss b/firebase-vscode/webviews/firemat-execution-arguments.entry.scss
new file mode 100644
index 00000000000..7ea04442d1e
--- /dev/null
+++ b/firebase-vscode/webviews/firemat-execution-arguments.entry.scss
@@ -0,0 +1,35 @@
+@import "./globals/index.scss";
+
+body {
+ background: var(--vscode-editor-background);
+}
+
+textarea {
+ // Full screen the textarea
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: calc(100vw - var(--container-padding) * 2);
+ height: calc(100vh - var(--container-padding));
+
+ // Prevent resizes as it is fullscreen
+ resize: none;
+
+ font-family: monospace;
+ font-size: var(--type-ramp-base-font-size);
+ line-height: var(--type-ramp-base-line-height);
+
+ padding: calc(var(--container-padding) / 2) var(--container-padding);
+
+ color: var(--vscode-input-foreground);
+ // background: var(--vscode-input-background);
+ background: var(--vscode-editor-background);
+
+ border: none;
+ outline: none;
+}
+
+textarea:focus {
+ border: none;
+ outline: none;
+}
diff --git a/firebase-vscode/webviews/firemat-execution-results.entry.scss b/firebase-vscode/webviews/firemat-execution-results.entry.scss
index 45ae7338a60..c8fba84b557 100644
--- a/firebase-vscode/webviews/firemat-execution-results.entry.scss
+++ b/firebase-vscode/webviews/firemat-execution-results.entry.scss
@@ -1 +1,32 @@
@import "./globals/index.scss";
+
+.l1 {
+ text-transform: capitalize;
+}
+
+body {
+ padding: 0;
+
+ // Somehow #root does not seem to be usable within this file.
+ & > div {
+ min-width: calc(100% - (var(--container-padding) * 2));
+ // Fill the horizontal space, and on text overflow,
+ // have the text-overflow expand the horizontal space
+ display: inline-flex !important;
+ // If one item overflows horizontally, have all items
+ // use the same width for consistency
+ align-items: stretch;
+
+ padding: var(--container-padding);
+ }
+
+ code {
+ pre {
+ background-color: var(--vscode-input-background);
+ color: var(--vscode-input-foreground);
+ padding: 1em;
+ margin-top: 0;
+ font-family: monospace;
+ }
+ }
+}
From ff26ae973b3172e8a80426c944823aac8aa34051 Mon Sep 17 00:00:00 2001
From: Remi Rousselet {JSON.stringify(results.results, null, 2)}
+
");
- }
-
return (
- Launch the Emulator Suite
+
+ {infos
+ .filter((info) => info.name !== "logging")
+ .map((info) => (
+
+ );
+}
+
/**
* Formats a project ID with a demo prefix if we're in offline mode, or uses the
* regular ID if we're in hosting only mode.
diff --git a/firebase-vscode/webviews/components/ui/PanelSection.tsx b/firebase-vscode/webviews/components/ui/PanelSection.tsx
index 67ef6932281..b9c87018fc7 100644
--- a/firebase-vscode/webviews/components/ui/PanelSection.tsx
+++ b/firebase-vscode/webviews/components/ui/PanelSection.tsx
@@ -10,11 +10,13 @@ export function PanelSection({
title,
children,
isLast,
-}: {
+ style,
+}: React.PropsWithChildren<{
title?: ReactNode;
- children: ReactNode;
isLast?: boolean;
-}) {
+
+ style?: React.CSSProperties;
+}>) {
let [isExpanded, setExpanded] = useState(true);
return (
@@ -24,6 +26,7 @@ export function PanelSection({
aria-label={(isExpanded ? "Hide" : "Toggle") + " " + title}
className={cn(styles.panelExpando, isExpanded && styles.isExpanded)}
onClick={() => setExpanded(!isExpanded)}
+ style={style}
>