mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
281 lines
12 KiB
JavaScript
281 lines
12 KiB
JavaScript
|
import { a as __unplugin_components_0 } from './chunk-6003391e.js';
|
||
|
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
|
|
import { NFormItem, NSwitch } from 'naive-ui';
|
||
|
|
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||
|
|
import { defineComponent, ref, computed, withCtx, unref, isRef, createVNode, createTextVNode, useSSRContext } from 'vue';
|
||
|
|
import { ssrRenderComponent } from 'vue/server-renderer';
|
||
|
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
||
|
|
import { t as textToBase64, b as base64ToText, i as isValidBase64 } from './chunk-72fc6fca.js';
|
||
|
|
import { w as withDefaultOnError } from './chunk-f1b4cc24.js';
|
||
|
|
import { useStorage } from '@vueuse/core';
|
||
|
|
import 'pinia';
|
||
|
|
import './chunk-11f44f81.js';
|
||
|
|
import './chunk-35c3d701.js';
|
||
|
|
import 'lodash';
|
||
|
|
|
||
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
|
__name: "base64-string-converter",
|
||
|
|
__ssrInlineRender: true,
|
||
|
|
setup(__props) {
|
||
|
|
const encodeUrlSafe = useStorage("base64-string-converter--encode-url-safe", false);
|
||
|
|
const decodeUrlSafe = useStorage("base64-string-converter--decode-url-safe", false);
|
||
|
|
const textInput = ref("");
|
||
|
|
const base64Output = computed(() => textToBase64(textInput.value, { makeUrlSafe: encodeUrlSafe.value }));
|
||
|
|
const { copy: copyTextBase64 } = useCopy({ source: base64Output, text: "Base64 string copied to the clipboard" });
|
||
|
|
const base64Input = ref("");
|
||
|
|
const textOutput = computed(
|
||
|
|
() => withDefaultOnError(() => base64ToText(base64Input.value.trim(), { makeUrlSafe: decodeUrlSafe.value }), "")
|
||
|
|
);
|
||
|
|
const { copy: copyText } = useCopy({ source: textOutput, text: "String copied to the clipboard" });
|
||
|
|
const b64ValidationRules = [
|
||
|
|
{
|
||
|
|
message: "Invalid base64 string",
|
||
|
|
validator: (value) => isValidBase64(value.trim(), { makeUrlSafe: decodeUrlSafe.value })
|
||
|
|
}
|
||
|
|
];
|
||
|
|
const b64ValidationWatch = [decodeUrlSafe];
|
||
|
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
|
const _component_c_card = __unplugin_components_1;
|
||
|
|
const _component_n_form_item = NFormItem;
|
||
|
|
const _component_n_switch = NSwitch;
|
||
|
|
const _component_c_input_text = __unplugin_components_3;
|
||
|
|
const _component_c_button = __unplugin_components_0;
|
||
|
|
_push(`<!--[-->`);
|
||
|
|
_push(ssrRenderComponent(_component_c_card, { title: "String to base64" }, {
|
||
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
|
if (_push2) {
|
||
|
|
_push2(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: "Encode URL safe",
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(encodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(encodeUrlSafe) ? encodeUrlSafe.value = $event : null
|
||
|
|
}, null, _parent3, _scopeId2));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(encodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(encodeUrlSafe) ? encodeUrlSafe.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
|
|
value: unref(textInput),
|
||
|
|
"onUpdate:value": ($event) => isRef(textInput) ? textInput.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: "Put your string here...",
|
||
|
|
rows: "5",
|
||
|
|
label: "String to encode",
|
||
|
|
"raw-text": "",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
|
|
label: "Base64 of string",
|
||
|
|
value: unref(base64Output),
|
||
|
|
multiline: "",
|
||
|
|
readonly: "",
|
||
|
|
placeholder: "The base64 encoding of your string will be here",
|
||
|
|
rows: "5",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(`<div flex justify-center${_scopeId}>`);
|
||
|
|
_push2(ssrRenderComponent(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copyTextBase64)()
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(` Copy base64 `);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(" Copy base64 ")
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(`</div>`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: "Encode URL safe",
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(encodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(encodeUrlSafe) ? encodeUrlSafe.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_component_c_input_text, {
|
||
|
|
value: unref(textInput),
|
||
|
|
"onUpdate:value": ($event) => isRef(textInput) ? textInput.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: "Put your string here...",
|
||
|
|
rows: "5",
|
||
|
|
label: "String to encode",
|
||
|
|
"raw-text": "",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, 8, ["value", "onUpdate:value"]),
|
||
|
|
createVNode(_component_c_input_text, {
|
||
|
|
label: "Base64 of string",
|
||
|
|
value: unref(base64Output),
|
||
|
|
multiline: "",
|
||
|
|
readonly: "",
|
||
|
|
placeholder: "The base64 encoding of your string will be here",
|
||
|
|
rows: "5",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, 8, ["value"]),
|
||
|
|
createVNode("div", {
|
||
|
|
flex: "",
|
||
|
|
"justify-center": ""
|
||
|
|
}, [
|
||
|
|
createVNode(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copyTextBase64)()
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(" Copy base64 ")
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["onClick"])
|
||
|
|
])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent));
|
||
|
|
_push(ssrRenderComponent(_component_c_card, { title: "Base64 to string" }, {
|
||
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
|
if (_push2) {
|
||
|
|
_push2(ssrRenderComponent(_component_n_form_item, {
|
||
|
|
label: "Decode URL safe",
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(ssrRenderComponent(_component_n_switch, {
|
||
|
|
value: unref(decodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(decodeUrlSafe) ? decodeUrlSafe.value = $event : null
|
||
|
|
}, null, _parent3, _scopeId2));
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(decodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(decodeUrlSafe) ? decodeUrlSafe.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
|
|
value: unref(base64Input),
|
||
|
|
"onUpdate:value": ($event) => isRef(base64Input) ? base64Input.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: "Your base64 string...",
|
||
|
|
rows: "5",
|
||
|
|
"validation-rules": b64ValidationRules,
|
||
|
|
"validation-watch": b64ValidationWatch,
|
||
|
|
label: "Base64 string to decode",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
|
|
value: unref(textOutput),
|
||
|
|
"onUpdate:value": ($event) => isRef(textOutput) ? textOutput.value = $event : null,
|
||
|
|
label: "Decoded string",
|
||
|
|
placeholder: "The decoded string will be here",
|
||
|
|
multiline: "",
|
||
|
|
rows: "5",
|
||
|
|
readonly: "",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, _parent2, _scopeId));
|
||
|
|
_push2(`<div flex justify-center${_scopeId}>`);
|
||
|
|
_push2(ssrRenderComponent(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copyText)()
|
||
|
|
}, {
|
||
|
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
|
if (_push3) {
|
||
|
|
_push3(` Copy decoded string `);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createTextVNode(" Copy decoded string ")
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent2, _scopeId));
|
||
|
|
_push2(`</div>`);
|
||
|
|
} else {
|
||
|
|
return [
|
||
|
|
createVNode(_component_n_form_item, {
|
||
|
|
label: "Decode URL safe",
|
||
|
|
"label-placement": "left"
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createVNode(_component_n_switch, {
|
||
|
|
value: unref(decodeUrlSafe),
|
||
|
|
"onUpdate:value": ($event) => isRef(decodeUrlSafe) ? decodeUrlSafe.value = $event : null
|
||
|
|
}, null, 8, ["value", "onUpdate:value"])
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}),
|
||
|
|
createVNode(_component_c_input_text, {
|
||
|
|
value: unref(base64Input),
|
||
|
|
"onUpdate:value": ($event) => isRef(base64Input) ? base64Input.value = $event : null,
|
||
|
|
multiline: "",
|
||
|
|
placeholder: "Your base64 string...",
|
||
|
|
rows: "5",
|
||
|
|
"validation-rules": b64ValidationRules,
|
||
|
|
"validation-watch": b64ValidationWatch,
|
||
|
|
label: "Base64 string to decode",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, 8, ["value", "onUpdate:value"]),
|
||
|
|
createVNode(_component_c_input_text, {
|
||
|
|
value: unref(textOutput),
|
||
|
|
"onUpdate:value": ($event) => isRef(textOutput) ? textOutput.value = $event : null,
|
||
|
|
label: "Decoded string",
|
||
|
|
placeholder: "The decoded string will be here",
|
||
|
|
multiline: "",
|
||
|
|
rows: "5",
|
||
|
|
readonly: "",
|
||
|
|
"mb-5": ""
|
||
|
|
}, null, 8, ["value", "onUpdate:value"]),
|
||
|
|
createVNode("div", {
|
||
|
|
flex: "",
|
||
|
|
"justify-center": ""
|
||
|
|
}, [
|
||
|
|
createVNode(_component_c_button, {
|
||
|
|
onClick: ($event) => unref(copyText)()
|
||
|
|
}, {
|
||
|
|
default: withCtx(() => [
|
||
|
|
createTextVNode(" Copy decoded string ")
|
||
|
|
]),
|
||
|
|
_: 1
|
||
|
|
}, 8, ["onClick"])
|
||
|
|
])
|
||
|
|
];
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
_: 1
|
||
|
|
}, _parent));
|
||
|
|
_push(`<!--]-->`);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const _sfc_setup = _sfc_main.setup;
|
||
|
|
_sfc_main.setup = (props, ctx) => {
|
||
|
|
const ssrContext = useSSRContext();
|
||
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/base64-string-converter/base64-string-converter.vue");
|
||
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
export { _sfc_main as default };
|