Add options for display

Author: Mytrill

dist/hyperapp-devtools.es.js

@@ -34,14 +34,15 @@ export interface RuntimeEvent {
     level: "info" | "warn" | "error";
 }
 export declare type PaneDisplay = "fullscreen" | "right" | "bottom";
+export declare type ValueDisplay = "state" | "result" | "data";
 export interface State {
     runs: Runs;
     logs: RuntimeEvent[];
     paneShown: boolean;
     paneDisplay: PaneDisplay;
     selectedAction: AppAction | null;
     collapseRepeatingActions: boolean;
-    showFullState: boolean;
+    valueDisplay: ValueDisplay;
 }
 export interface ToggleActionPayload {
     run: string;
@@ -54,9 +55,9 @@ export interface Actions {
     select(state: AppAction | null): any;
     showPane(shown: boolean): any;
     setPaneDisplay(paneDisplay: PaneDisplay): any;
+    setValueDisplay(valueDisplay: ValueDisplay): any;
     toggleRun(run: string): any;
     toggleAction(payload: ToggleActionPayload): any;
     toggleCollapseRepeatingActions(): any;
-    toggleShowFullState(): any;
     deleteRun(id: string): any;
 }

dist/hyperapp-devtools.es.js.map

@@ -0,0 +1,7 @@
+import "./DebuggerOptions.scss";
+import { State, Actions } from "../api";
+export interface DebuggerOptionsProps {
+    state: State;
+    actions: Actions;
+}
+export declare function DebuggerOptions(props: DebuggerOptionsProps): JSX.Element;

dist/hyperapp-devtools.js

@@ -152,12 +152,12 @@ export const actions: ActionsType<api.State, api.Actions> = {
   setPaneDisplay: (paneDisplay: api.PaneDisplay) => {
     return { paneDisplay }
   },
+  setValueDisplay: (valueDisplay: api.ValueDisplay) => {
+    return { valueDisplay }
+  },
   toggleCollapseRepeatingActions: () => state => {
     return { collapseRepeatingActions: !state.collapseRepeatingActions }
   },
-  toggleShowFullState: () => state => {
-    return { showFullState: !state.showFullState }
-  },
   deleteRun: (id: string) => state => {
     const runs = { ...state.runs }
     delete runs[id]