feat(next): add store as global

packages/app-frontend/src/features/inspector/DataField.vue

@@ -143,6 +143,11 @@
               >
                 {{ $t('DataField.contextMenu.copyValue') }}
               </VueDropdownButton>
+
+              <VueDropdownButton
+                icon-left="bug_report"
+                @click="storeAsGlobal"
+              >{{ $t('DataField.contextMenu.storeGlobal') }}</VueDropdownButton>
             </div>
           </VueDropdown>
         </span>
@@ -212,7 +217,8 @@ import {
   isPlainObject,
   sortByKey,
   openInEditor,
-  copyToClipboard
+  copyToClipboard,
+  storeAsGlobal
 } from '@utils/util'
 import { formattedValue, valueType } from '@front/util/format'
 
@@ -430,6 +436,10 @@ export default {
       copyToClipboard(this.field.value)
     },
 
+    storeAsGlobal () {
+      storeAsGlobal(this.field.value)
+    },
+
     onClick (event) {
       // Cancel if target is interactive
       if (event.target.tagName === 'INPUT' || event.target.className.includes('button')) {

packages/app-frontend/src/locales/en.js

@@ -37,7 +37,8 @@ export default {
       }
     },
     contextMenu: {
-      copyValue: 'Copy Value'
+      copyValue: 'Copy Value',
+      storeGlobal: 'Store as global'
     },
     quickEdit: {
       number: {

packages/shared-utils/src/util.ts

@@ -650,3 +650,20 @@ export function copyToClipboard (state) {
   document.execCommand('copy')
   document.body.removeChild(dummyTextArea)
 }
+
+let globalCount = 0
+export function storeAsGlobal (state) {
+  const target = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {}
+
+  const name = 'vueTemp'
+
+  let i = 0 // prevent infinite loop
+  let varName = name + globalCount
+  do {
+    ++globalCount
+    varName = name + globalCount
+  } while (!!target[varName] || (++i) > 500)
+
+  target[varName] = state
+  console.log(varName, state)
+}