@mictonode/widget 0.3.16 → 0.3.18

package/lib/components/TxDialog/wasm/MigrateContract.vue

@@ -1,77 +1,77 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { toBase64 } from '@cosmjs/encoding'
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-
-const codeId = ref("")
-const msg = ref("{}")
-
-const msgs = computed(() => {
-    return [{
-        typeUrl: '/cosmwasm.wasm.v1.MsgMigrateContract',
-        value: {
-            /** Sender is the that actor that signed the messages */
-            sender: props.sender,
-            /** contract address that can execute migrations */
-            contract: params.value.contract,
-            /** CodeID is the reference to the stored WASM code */
-            codeId: codeId.value,
-            /** Msg json encoded message to be passed to the contract on instantiation */
-            msg: toBase64(new TextEncoder().encode(msg.value)),
-        },
-    }]
-})
-
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if( Number(codeId.value) < 1) {
-        ok = false
-        error = "Code Id is not selected"
-    }
-    return { ok, error }
-})
-
-function initial() {
-}
-
-defineExpose({msgs, isValid, initial})
-
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Contract Address</span>
-            </label>
-            <input type="text" readonly class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" :value="params.contract" />
-        </div>
-
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Code Id</span>
-            </label>
-            <input v-model="codeId" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Messages</span>
-            </label>
-            <textarea v-model="msg" placeholder="{config: {}}" class="text-gray-600 dark:text-white textarea border !border-gray-300 dark:!border-[#aac7fc]"></textarea>
-        </div>
-    </div>
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { toBase64 } from '@cosmjs/encoding'
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+
+const codeId = ref("")
+const msg = ref("{}")
+
+const msgs = computed(() => {
+    return [{
+        typeUrl: '/cosmwasm.wasm.v1.MsgMigrateContract',
+        value: {
+            /** Sender is the that actor that signed the messages */
+            sender: props.sender,
+            /** contract address that can execute migrations */
+            contract: params.value.contract,
+            /** CodeID is the reference to the stored WASM code */
+            codeId: codeId.value,
+            /** Msg json encoded message to be passed to the contract on instantiation */
+            msg: toBase64(new TextEncoder().encode(msg.value)),
+        },
+    }]
+})
+
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if( Number(codeId.value) < 1) {
+        ok = false
+        error = "Code Id is not selected"
+    }
+    return { ok, error }
+})
+
+function initial() {
+}
+
+defineExpose({msgs, isValid, initial})
+
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Contract Address</span>
+            </label>
+            <input type="text" readonly class="text-gray-600 dark:text-white input border" :value="params.contract" />
+        </div>
+
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Code Id</span>
+            </label>
+            <input v-model="codeId" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Messages</span>
+            </label>
+            <textarea v-model="msg" placeholder="{config: {}}" class="text-gray-600 dark:text-white textarea border"></textarea>
+        </div>
+    </div>
 </template>

package/lib/components/TxDialog/wasm/MigrateContract2.vue

@@ -1,77 +1,77 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { toBase64 } from '@cosmjs/encoding'
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-
-const codeId = ref("")
-const msg = ref("")
-
-const msgs = computed(() => {
-    return [{
-        typeUrl: '/cosmwasm.wasm.v1.MsgMigrateContract',
-        value: {
-            /** Sender is the that actor that signed the messages */
-            sender: props.sender,
-            /** contract address that can execute migrations */
-            contract: params.value.contract,
-            /** CodeID is the reference to the stored WASM code */
-            codeId: codeId.value,
-            /** Msg json encoded message to be passed to the contract on instantiation */
-            msg: toBase64(new TextEncoder().encode(msg.value)),
-        },
-    }]
-})
-
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if( Number(codeId.value) < 1) {
-        ok = false
-        error = "Code Id is not selected"
-    }
-    return { ok, error }
-})
-
-function initial() {
-}
-
-defineExpose({msgs, isValid, initial})
-
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Contract Address</span>
-            </label>
-            <input type="text" readonly class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" :value="params.contract" />
-        </div>
-
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Code Id</span>
-            </label>
-            <input v-model="codeId" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Messages</span>
-            </label>
-            <textarea v-model="msg" placeholder="{config: {}}" class="text-gray-600 dark:text-white textarea border !border-gray-300 dark:!border-[#aac7fc]"></textarea>
-        </div>
-    </div>
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { toBase64 } from '@cosmjs/encoding'
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+
+const codeId = ref("")
+const msg = ref("")
+
+const msgs = computed(() => {
+    return [{
+        typeUrl: '/cosmwasm.wasm.v1.MsgMigrateContract',
+        value: {
+            /** Sender is the that actor that signed the messages */
+            sender: props.sender,
+            /** contract address that can execute migrations */
+            contract: params.value.contract,
+            /** CodeID is the reference to the stored WASM code */
+            codeId: codeId.value,
+            /** Msg json encoded message to be passed to the contract on instantiation */
+            msg: toBase64(new TextEncoder().encode(msg.value)),
+        },
+    }]
+})
+
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if( Number(codeId.value) < 1) {
+        ok = false
+        error = "Code Id is not selected"
+    }
+    return { ok, error }
+})
+
+function initial() {
+}
+
+defineExpose({msgs, isValid, initial})
+
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Contract Address</span>
+            </label>
+            <input type="text" readonly class="text-gray-600 dark:text-white input border" :value="params.contract" />
+        </div>
+
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Code Id</span>
+            </label>
+            <input v-model="codeId" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Messages</span>
+            </label>
+            <textarea v-model="msg" placeholder="{config: {}}" class="text-gray-600 dark:text-white textarea border"></textarea>
+        </div>
+    </div>
 </template>

package/lib/components/TxDialog/wasm/StoreCode.vue

@@ -1,101 +1,101 @@
-<script lang="ts" setup>
-import { PropType, computed, ref } from 'vue';
-import * as fflate from 'fflate';
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const bytecode = ref(new Uint8Array())
-const addresses = ref("")
-const permission = ref('3')
-const zip = ref('gzip')
-
-function loadWasm(event) {
-    const file =  event.target.files[0]
-    if(file) {
-        var reader = new FileReader();    
-        reader.addEventListener('load', (e)=>{
-            if(e.target) {
-                if(zip.value === 'gzip') {
-                    bytecode.value = fflate.compressSync(new Uint8Array(e.target.result as ArrayBuffer))
-                }
-                bytecode.value = new Uint8Array(e.target.result as ArrayBuffer)
-            }
-        });        
-        reader.readAsArrayBuffer(file);
-    }
-}
-
-const msgs = computed(() => {
-    return [{
-        typeUrl: '/cosmwasm.wasm.v1.MsgStoreCode',
-        value: {
-            sender: props.sender,
-            wasmByteCode: bytecode.value,
-            instantiatePermission: {
-                permission: permission.value,
-                addresses: addresses.value.split(","),
-            },
-        },
-    }]
-})
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if( bytecode.value.length < 1) {
-        ok = false
-        error = "No contract is selected"
-    }
-    return { ok, error }
-})
-
-function initial() {
-
-}
-
-defineExpose({msgs, isValid, initial})
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Permission</span>
-            </label>
-            <div class="flex">
-                <input v-model="permission" type="radio" id="nobody" value="1" class="radio radio-error mx-2" /><label for="nobody">Nobody</label> 
-                <input v-model="permission" type="radio" id="everyone" value="3" class="radio radio-success mx-2" /><label for="everyone">Everybody</label> 
-                <input v-model="permission" type="radio" id="anyofaddress" value="4" class="radio radio-success mx-2" /><label for="anyofaddress">Any Of addresses</label>
-            </div>
-        </div>
-        <div v-if="permission === '4'" class="form-control">
-            <label class="label">
-                <span class="label-text">Addresses</span>
-            </label>
-            <input v-model="addresses" type="text" placeholder="use ',' for addresses" class="input border border-gray-300 dark:border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Compressing</span>
-            </label>
-            <div class="flex">
-                <input v-model="zip" type="radio" id="raw" value="raw" class="radio mx-2" /><label for="raw">Raw</label> 
-                <input v-model="zip" type="radio" id="gzip" value="gzip" class="radio mx-2" /><label for="gzip">Gzip</label> 
-            </div>
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Contract</span>
-            </label>
-            <input type="file" class="file-input" @change="loadWasm"/>
-        </div>
-    </div>
+<script lang="ts" setup>
+import { PropType, computed, ref } from 'vue';
+import * as fflate from 'fflate';
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const bytecode = ref(new Uint8Array())
+const addresses = ref("")
+const permission = ref('3')
+const zip = ref('gzip')
+
+function loadWasm(event) {
+    const file =  event.target.files[0]
+    if(file) {
+        var reader = new FileReader();    
+        reader.addEventListener('load', (e)=>{
+            if(e.target) {
+                if(zip.value === 'gzip') {
+                    bytecode.value = fflate.compressSync(new Uint8Array(e.target.result as ArrayBuffer))
+                }
+                bytecode.value = new Uint8Array(e.target.result as ArrayBuffer)
+            }
+        });        
+        reader.readAsArrayBuffer(file);
+    }
+}
+
+const msgs = computed(() => {
+    return [{
+        typeUrl: '/cosmwasm.wasm.v1.MsgStoreCode',
+        value: {
+            sender: props.sender,
+            wasmByteCode: bytecode.value,
+            instantiatePermission: {
+                permission: permission.value,
+                addresses: addresses.value.split(","),
+            },
+        },
+    }]
+})
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if( bytecode.value.length < 1) {
+        ok = false
+        error = "No contract is selected"
+    }
+    return { ok, error }
+})
+
+function initial() {
+
+}
+
+defineExpose({msgs, isValid, initial})
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Permission</span>
+            </label>
+            <div class="flex">
+                <input v-model="permission" type="radio" id="nobody" value="1" class="radio radio-error mx-2" /><label for="nobody">Nobody</label> 
+                <input v-model="permission" type="radio" id="everyone" value="3" class="radio radio-success mx-2" /><label for="everyone">Everybody</label> 
+                <input v-model="permission" type="radio" id="anyofaddress" value="4" class="radio radio-success mx-2" /><label for="anyofaddress">Any Of addresses</label>
+            </div>
+        </div>
+        <div v-if="permission === '4'" class="form-control">
+            <label class="label">
+                <span class="label-text">Addresses</span>
+            </label>
+            <input v-model="addresses" type="text" placeholder="use ',' for addresses" class="input border" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Compressing</span>
+            </label>
+            <div class="flex">
+                <input v-model="zip" type="radio" id="raw" value="raw" class="radio mx-2" /><label for="raw">Raw</label> 
+                <input v-model="zip" type="radio" id="gzip" value="gzip" class="radio mx-2" /><label for="gzip">Gzip</label> 
+            </div>
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Contract</span>
+            </label>
+            <input type="file" class="file-input" @change="loadWasm"/>
+        </div>
+    </div>
 </template>

package/lib/components/TxDialog/wasm/UpdateAdmin.vue

@@ -1,75 +1,75 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { toBase64 } from '@cosmjs/encoding'
-
-const props = defineProps({
-    endpoint: { type: String, required: true },
-    sender: { type: String, required: true },
-    params: String,
-});
-
-const params = computed(() => JSON.parse(props.params || "{}"))
-
-const newAdmin = ref("")
-const msg = ref("")
-
-const msgs = computed(() => {
-    return [{
-        typeUrl: '/cosmwasm.wasm.v1.MsgUpdateAdmin',
-        value: {
-            /** Sender is the that actor that signed the messages */
-            sender: props.sender,
-            /** contract address that can execute migrations */
-            contract: params.value.contract,
-            /** CodeID is the reference to the stored WASM code */
-            newAdmin: newAdmin.value,
-            /** Msg json encoded message to be passed to the contract on instantiation */
-            msg: toBase64(new TextEncoder().encode(msg.value)),
-        },
-    }]
-})
-
-const isValid = computed(() => {
-    let ok = true
-    let error = ""
-    if( !params.value.contract) {
-        ok = false
-        error = "Contract is not selected!"
-    }
-    if( !newAdmin.value) {
-        ok = false
-        error = "Admin should not be empty!"
-    }
-    return { ok, error }
-})
-
-function initial() {
-}
-
-defineExpose({msgs, isValid, initial})
-
-</script>
-<template>
-    <div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Sender</span>
-            </label>
-            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">Contract Address</span>
-            </label>
-            <input type="text" readonly class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" :value="params.contract" />
-        </div>
-
-        <div class="form-control">
-            <label class="label">
-                <span class="label-text">New Admin</span>
-            </label>
-            <input v-model="newAdmin" type="text" class="text-gray-600 dark:text-white input border !border-gray-300 dark:!border-[#aac7fc]" />
-        </div>
-
-    </div>
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { toBase64 } from '@cosmjs/encoding'
+
+const props = defineProps({
+    endpoint: { type: String, required: true },
+    sender: { type: String, required: true },
+    params: String,
+});
+
+const params = computed(() => JSON.parse(props.params || "{}"))
+
+const newAdmin = ref("")
+const msg = ref("")
+
+const msgs = computed(() => {
+    return [{
+        typeUrl: '/cosmwasm.wasm.v1.MsgUpdateAdmin',
+        value: {
+            /** Sender is the that actor that signed the messages */
+            sender: props.sender,
+            /** contract address that can execute migrations */
+            contract: params.value.contract,
+            /** CodeID is the reference to the stored WASM code */
+            newAdmin: newAdmin.value,
+            /** Msg json encoded message to be passed to the contract on instantiation */
+            msg: toBase64(new TextEncoder().encode(msg.value)),
+        },
+    }]
+})
+
+const isValid = computed(() => {
+    let ok = true
+    let error = ""
+    if( !params.value.contract) {
+        ok = false
+        error = "Contract is not selected!"
+    }
+    if( !newAdmin.value) {
+        ok = false
+        error = "Admin should not be empty!"
+    }
+    return { ok, error }
+})
+
+function initial() {
+}
+
+defineExpose({msgs, isValid, initial})
+
+</script>
+<template>
+    <div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Sender</span>
+            </label>
+            <input :value="sender" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">Contract Address</span>
+            </label>
+            <input type="text" readonly class="text-gray-600 dark:text-white input border" :value="params.contract" />
+        </div>
+
+        <div class="form-control">
+            <label class="label">
+                <span class="label-text">New Admin</span>
+            </label>
+            <input v-model="newAdmin" type="text" class="text-gray-600 dark:text-white input border" />
+        </div>
+
+    </div>
 </template>