mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
147 lines
5.7 KiB
JavaScript
147 lines
5.7 KiB
JavaScript
![]() |
import { a as __unplugin_components_0, _ as _export_sfc } from './chunk-6003391e.js';
|
||
|
import { NStatistic, NScrollbar } from 'naive-ui';
|
||
|
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
|
import { defineComponent, ref, computed, unref, isRef, withCtx, createTextVNode, toDisplayString, createVNode, useSSRContext } from 'vue';
|
||
|
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
|
||
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
||
|
import { t as textToBase64 } from './chunk-72fc6fca.js';
|
||
|
import '@vueuse/core';
|
||
|
import 'pinia';
|
||
|
import './chunk-11f44f81.js';
|
||
|
import './chunk-35c3d701.js';
|
||
|
import 'lodash';
|
||
|
|
||
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
__name: "basic-auth-generator",
|
||
|
__ssrInlineRender: true,
|
||
|
setup(__props) {
|
||
|
const username = ref("");
|
||
|
const password = ref("");
|
||
|
const header = computed(() => `Authorization: Basic ${textToBase64(`${username.value}:${password.value}`)}`);
|
||
|
const { copy } = useCopy({ source: header, text: "Header copied to the clipboard" });
|
||
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
const _component_c_input_text = __unplugin_components_3;
|
||
|
const _component_c_card = __unplugin_components_1;
|
||
|
const _component_n_statistic = NStatistic;
|
||
|
const _component_n_scrollbar = NScrollbar;
|
||
|
const _component_c_button = __unplugin_components_0;
|
||
|
_push(`<div${ssrRenderAttrs(_attrs)} data-v-981b0cc5>`);
|
||
|
_push(ssrRenderComponent(_component_c_input_text, {
|
||
|
value: unref(username),
|
||
|
"onUpdate:value": ($event) => isRef(username) ? username.value = $event : null,
|
||
|
label: "Username",
|
||
|
placeholder: "Your username...",
|
||
|
clearable: "",
|
||
|
"raw-text": "",
|
||
|
"mb-5": ""
|
||
|
}, null, _parent));
|
||
|
_push(ssrRenderComponent(_component_c_input_text, {
|
||
|
value: unref(password),
|
||
|
"onUpdate:value": ($event) => isRef(password) ? password.value = $event : null,
|
||
|
label: "Password",
|
||
|
placeholder: "Your password...",
|
||
|
clearable: "",
|
||
|
"raw-text": "",
|
||
|
"mb-2": "",
|
||
|
type: "password"
|
||
|
}, null, _parent));
|
||
|
_push(ssrRenderComponent(_component_c_card, null, {
|
||
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
if (_push2) {
|
||
|
_push2(ssrRenderComponent(_component_n_statistic, {
|
||
|
label: "Authorization header:",
|
||
|
class: "header"
|
||
|
}, {
|
||
|
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
|
if (_push3) {
|
||
|
_push3(ssrRenderComponent(_component_n_scrollbar, {
|
||
|
"x-scrollable": "",
|
||
|
style: { "max-width": "550px", "margin-bottom": "-10px", "padding-bottom": "10px" },
|
||
|
trigger: "none"
|
||
|
}, {
|
||
|
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
|
if (_push4) {
|
||
|
_push4(`${ssrInterpolate(unref(header))}`);
|
||
|
} else {
|
||
|
return [
|
||
|
createTextVNode(toDisplayString(unref(header)), 1)
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 1
|
||
|
}, _parent3, _scopeId2));
|
||
|
} else {
|
||
|
return [
|
||
|
createVNode(_component_n_scrollbar, {
|
||
|
"x-scrollable": "",
|
||
|
style: { "max-width": "550px", "margin-bottom": "-10px", "padding-bottom": "10px" },
|
||
|
trigger: "none"
|
||
|
}, {
|
||
|
default: withCtx(() => [
|
||
|
createTextVNode(toDisplayString(unref(header)), 1)
|
||
|
]),
|
||
|
_: 1
|
||
|
})
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 1
|
||
|
}, _parent2, _scopeId));
|
||
|
} else {
|
||
|
return [
|
||
|
createVNode(_component_n_statistic, {
|
||
|
label: "Authorization header:",
|
||
|
class: "header"
|
||
|
}, {
|
||
|
default: withCtx(() => [
|
||
|
createVNode(_component_n_scrollbar, {
|
||
|
"x-scrollable": "",
|
||
|
style: { "max-width": "550px", "margin-bottom": "-10px", "padding-bottom": "10px" },
|
||
|
trigger: "none"
|
||
|
}, {
|
||
|
default: withCtx(() => [
|
||
|
createTextVNode(toDisplayString(unref(header)), 1)
|
||
|
]),
|
||
|
_: 1
|
||
|
})
|
||
|
]),
|
||
|
_: 1
|
||
|
})
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 1
|
||
|
}, _parent));
|
||
|
_push(`<div mt-5 flex justify-center data-v-981b0cc5>`);
|
||
|
_push(ssrRenderComponent(_component_c_button, {
|
||
|
onClick: ($event) => unref(copy)()
|
||
|
}, {
|
||
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
if (_push2) {
|
||
|
_push2(` Copy header `);
|
||
|
} else {
|
||
|
return [
|
||
|
createTextVNode(" Copy header ")
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 1
|
||
|
}, _parent));
|
||
|
_push(`</div></div>`);
|
||
|
};
|
||
|
}
|
||
|
});
|
||
|
|
||
|
/* unplugin-vue-components disabled */const basicAuthGenerator_vue_vue_type_style_index_0_scoped_981b0cc5_lang = '';
|
||
|
|
||
|
const _sfc_setup = _sfc_main.setup;
|
||
|
_sfc_main.setup = (props, ctx) => {
|
||
|
const ssrContext = useSSRContext();
|
||
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/basic-auth-generator/basic-auth-generator.vue");
|
||
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
};
|
||
|
const basicAuthGenerator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-981b0cc5"]]);
|
||
|
|
||
|
export { basicAuthGenerator as default };
|