Merge pull request #43 from simonsobs/dev

Add "Load Example Script" in the dev mode

src/components/main/trace-frame/script-editor/Actions.vue

@@ -27,20 +27,30 @@
           </template>
           Load From Scheduler
         </v-list-item>
+        <v-list-item v-if="devMode" @click="emit('loadExample')">
+          <template v-slot:prepend>
+            <v-icon> mdi-code-tags </v-icon>
+          </template>
+          Load Example Script
+        </v-list-item>
       </v-list>
     </v-menu>
   </v-card-actions>
 </template>
 
 <script setup lang="ts">
+import { useDevTool } from "@/utils/dev/enabled";
 interface Props {
   editing: boolean;
 }
 
+const { isDevToolEnabled: devMode } = useDevTool();
+
 type Emits = {
   reset: [];
   save: [];
   load: [];
+  loadExample: [];
 };
 
 defineProps<Props>();

src/components/main/trace-frame/script-editor/ScriptEditorE.vue

@@ -10,6 +10,7 @@
         @reset="reset"
         @save="save"
         @load="load"
+        @load-example="loadExample"
       >
       </actions>
     </v-card>
@@ -22,7 +23,7 @@ import { useMonacoEditor } from "@/utils/monaco-editor";
 import { useSource } from "./source";
 import Actions from "./Actions.vue";
 const editor = ref<HTMLElement>();
-const { source, modified, save, reset, load } = await useSource();
+const { source, modified, save, reset, load, loadExample } = await useSource();
 useMonacoEditor({ element: editor, source, mode: "editor" });
 </script>
 

src/components/main/trace-frame/script-editor/source.ts

@@ -4,6 +4,7 @@ import {
   useSourceQuery,
   useResetMutation,
   useLoadScriptMutation,
+  useLoadExampleScriptMutation,
 } from "@/graphql/codegen/generated";
 import { useStore } from "@/plugins/pinia/stores/main";
 
@@ -43,7 +44,15 @@ export async function useSource() {
     query.executeQuery();
   }
 
+  const { executeMutation: executeMutationLoadExample } =
+    useLoadExampleScriptMutation();
+
+  async function loadExample() {
+    await executeMutationLoadExample({});
+    query.executeQuery();
+  }
+
   await query;
 
-  return { source, modified, save, reset, load };
+  return { source, modified, save, reset, load, loadExample };
 }

src/graphql/codegen/generated.ts

@@ -28,6 +28,7 @@ export type Mutation = {
   exec: Scalars['Boolean']['output'];
   interrupt: Scalars['Boolean']['output'];
   kill: Scalars['Boolean']['output'];
+  loadExampleScript: Scalars['Boolean']['output'];
   rdb: MutationRdb;
   reset: Scalars['Boolean']['output'];
   runAndContinue: Scalars['Boolean']['output'];
@@ -442,6 +443,11 @@ export type KillMutationVariables = Exact<{ [key: string]: never; }>;
 
 export type KillMutation = { __typename?: 'Mutation', kill: boolean };
 
+export type LoadExampleScriptMutationVariables = Exact<{ [key: string]: never; }>;
+
+
+export type LoadExampleScriptMutation = { __typename?: 'Mutation', loadExampleScript: boolean };
+
 export type LoadScriptMutationVariables = Exact<{ [key: string]: never; }>;
 
 
@@ -669,6 +675,15 @@ export const KillDocument = gql`
 export function useKillMutation() {
   return Urql.useMutation<KillMutation, KillMutationVariables>(KillDocument);
 };
+export const LoadExampleScriptDocument = gql`
+    mutation LoadExampleScript {
+  loadExampleScript
+}
+    `;
+
+export function useLoadExampleScriptMutation() {
+  return Urql.useMutation<LoadExampleScriptMutation, LoadExampleScriptMutationVariables>(LoadExampleScriptDocument);
+};
 export const LoadScriptDocument = gql`
     mutation LoadScript {
   schedule {

src/graphql/gql/mutations/LoadExampleScript.gql

@@ -0,0 +1,3 @@
+mutation LoadExampleScript {
+  loadExampleScript
+}