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)
+}