mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
🔧：build SSR dist and deploy
This commit is contained in:
NEO
parent
76c26901d7
commit
c59ad6aedb
465 changed files with 214127 additions and 2 deletions
451
dist/server/chunks/chunk-a3bb6eee.js
vendored
Normal file
451
dist/server/chunks/chunk-a3bb6eee.js
vendored
Normal file
|
|
@ -0,0 +1,451 @@
|
|||
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||||
import { defineComponent, toRefs, withCtx, unref, createTextVNode, toDisplayString, createVNode, openBlock, createBlock, Fragment, renderList, createCommentVNode, useSSRContext, ref, computed, isRef } from 'vue';
|
||||
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
|
||||
import { UAParser } from 'ua-parser-js';
|
||||
import { Browser, Engine, Adjustments, Devices, Cpu } from '@vicons/tabler';
|
||||
import { NGrid, NGi, NIcon, NTag } from 'naive-ui';
|
||||
import { a as __unplugin_components_1, _ as _sfc_main$2 } from './chunk-8109fd17.js';
|
||||
import { w as withDefaultOnError } from './chunk-f1b4cc24.js';
|
||||
import './chunk-6003391e.js';
|
||||
import '@vueuse/core';
|
||||
import 'pinia';
|
||||
import './chunk-11f44f81.js';
|
||||
import './chunk-35c3d701.js';
|
||||
import 'lodash';
|
||||
|
||||
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
||||
__name: "user-agent-result-cards",
|
||||
__ssrInlineRender: true,
|
||||
props: {
|
||||
userAgentInfo: {},
|
||||
sections: {}
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const { userAgentInfo, sections } = toRefs(props);
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
const _component_n_grid = NGrid;
|
||||
const _component_n_gi = NGi;
|
||||
const _component_c_card = __unplugin_components_1;
|
||||
const _component_n_icon = NIcon;
|
||||
const _component_c_tooltip = _sfc_main$2;
|
||||
const _component_n_tag = NTag;
|
||||
_push(`<div${ssrRenderAttrs(_attrs)}>`);
|
||||
_push(ssrRenderComponent(_component_n_grid, {
|
||||
"x-gap": 12,
|
||||
"y-gap": 8,
|
||||
cols: "1 s:2",
|
||||
responsive: "screen"
|
||||
}, {
|
||||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||||
if (_push2) {
|
||||
_push2(`<!--[-->`);
|
||||
ssrRenderList(unref(sections), ({ heading, icon, content }) => {
|
||||
_push2(ssrRenderComponent(_component_n_gi, { key: heading }, {
|
||||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||||
if (_push3) {
|
||||
_push3(ssrRenderComponent(_component_c_card, { "h-full": "" }, {
|
||||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||||
if (_push4) {
|
||||
_push4(`<div flex items-center gap-3${_scopeId3}>`);
|
||||
_push4(ssrRenderComponent(_component_n_icon, {
|
||||
size: "30",
|
||||
component: icon,
|
||||
depth: 3
|
||||
}, null, _parent4, _scopeId3));
|
||||
_push4(`<span text-lg${_scopeId3}>${ssrInterpolate(heading)}</span></div><div mt-5 flex gap-2${_scopeId3}><!--[-->`);
|
||||
ssrRenderList(content, ({ label, getValue }) => {
|
||||
_push4(`<span${_scopeId3}>`);
|
||||
if (getValue(unref(userAgentInfo))) {
|
||||
_push4(ssrRenderComponent(_component_c_tooltip, { tooltip: label }, {
|
||||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||||
if (_push5) {
|
||||
_push5(ssrRenderComponent(_component_n_tag, {
|
||||
type: "success",
|
||||
size: "large",
|
||||
round: "",
|
||||
bordered: false
|
||||
}, {
|
||||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||||
if (_push6) {
|
||||
_push6(`${ssrInterpolate(getValue(unref(userAgentInfo)))}`);
|
||||
} else {
|
||||
return [
|
||||
createTextVNode(toDisplayString(getValue(unref(userAgentInfo))), 1)
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 2
|
||||
}, _parent5, _scopeId4));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_tag, {
|
||||
type: "success",
|
||||
size: "large",
|
||||
round: "",
|
||||
bordered: false
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(getValue(unref(userAgentInfo))), 1)
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 2
|
||||
}, _parent4, _scopeId3));
|
||||
} else {
|
||||
_push4(`<!---->`);
|
||||
}
|
||||
_push4(`</span>`);
|
||||
});
|
||||
_push4(`<!--]--></div><div flex flex-col${_scopeId3}><!--[-->`);
|
||||
ssrRenderList(content, ({ label, getValue, undefinedFallback }) => {
|
||||
_push4(`<span${_scopeId3}>`);
|
||||
if (getValue(unref(userAgentInfo)) === void 0) {
|
||||
_push4(`<span op-70${_scopeId3}>${ssrInterpolate(undefinedFallback)}</span>`);
|
||||
} else {
|
||||
_push4(`<!---->`);
|
||||
}
|
||||
_push4(`</span>`);
|
||||
});
|
||||
_push4(`<!--]--></div>`);
|
||||
} else {
|
||||
return [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_icon, {
|
||||
size: "30",
|
||||
component: icon,
|
||||
depth: 3
|
||||
}, null, 8, ["component"]),
|
||||
createVNode("span", { "text-lg": "" }, toDisplayString(heading), 1)
|
||||
]),
|
||||
createVNode("div", {
|
||||
"mt-5": "",
|
||||
flex: "",
|
||||
"gap-2": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) ? (openBlock(), createBlock(_component_c_tooltip, {
|
||||
key: 0,
|
||||
tooltip: label
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_tag, {
|
||||
type: "success",
|
||||
size: "large",
|
||||
round: "",
|
||||
bordered: false
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(getValue(unref(userAgentInfo))), 1)
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
]),
|
||||
_: 2
|
||||
}, 1032, ["tooltip"])) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
]),
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue, undefinedFallback }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) === void 0 ? (openBlock(), createBlock("span", {
|
||||
key: 0,
|
||||
"op-70": ""
|
||||
}, toDisplayString(undefinedFallback), 1)) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 2
|
||||
}, _parent3, _scopeId2));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_c_card, { "h-full": "" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_icon, {
|
||||
size: "30",
|
||||
component: icon,
|
||||
depth: 3
|
||||
}, null, 8, ["component"]),
|
||||
createVNode("span", { "text-lg": "" }, toDisplayString(heading), 1)
|
||||
]),
|
||||
createVNode("div", {
|
||||
"mt-5": "",
|
||||
flex: "",
|
||||
"gap-2": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) ? (openBlock(), createBlock(_component_c_tooltip, {
|
||||
key: 0,
|
||||
tooltip: label
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_tag, {
|
||||
type: "success",
|
||||
size: "large",
|
||||
round: "",
|
||||
bordered: false
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(getValue(unref(userAgentInfo))), 1)
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
]),
|
||||
_: 2
|
||||
}, 1032, ["tooltip"])) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
]),
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue, undefinedFallback }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) === void 0 ? (openBlock(), createBlock("span", {
|
||||
key: 0,
|
||||
"op-70": ""
|
||||
}, toDisplayString(undefinedFallback), 1)) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
])
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 2
|
||||
}, _parent2, _scopeId));
|
||||
});
|
||||
_push2(`<!--]-->`);
|
||||
} else {
|
||||
return [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(unref(sections), ({ heading, icon, content }) => {
|
||||
return openBlock(), createBlock(_component_n_gi, { key: heading }, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_c_card, { "h-full": "" }, {
|
||||
default: withCtx(() => [
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"items-center": "",
|
||||
"gap-3": ""
|
||||
}, [
|
||||
createVNode(_component_n_icon, {
|
||||
size: "30",
|
||||
component: icon,
|
||||
depth: 3
|
||||
}, null, 8, ["component"]),
|
||||
createVNode("span", { "text-lg": "" }, toDisplayString(heading), 1)
|
||||
]),
|
||||
createVNode("div", {
|
||||
"mt-5": "",
|
||||
flex: "",
|
||||
"gap-2": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) ? (openBlock(), createBlock(_component_c_tooltip, {
|
||||
key: 0,
|
||||
tooltip: label
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(_component_n_tag, {
|
||||
type: "success",
|
||||
size: "large",
|
||||
round: "",
|
||||
bordered: false
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createTextVNode(toDisplayString(getValue(unref(userAgentInfo))), 1)
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
]),
|
||||
_: 2
|
||||
}, 1032, ["tooltip"])) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
]),
|
||||
createVNode("div", {
|
||||
flex: "",
|
||||
"flex-col": ""
|
||||
}, [
|
||||
(openBlock(true), createBlock(Fragment, null, renderList(content, ({ label, getValue, undefinedFallback }) => {
|
||||
return openBlock(), createBlock("span", { key: label }, [
|
||||
getValue(unref(userAgentInfo)) === void 0 ? (openBlock(), createBlock("span", {
|
||||
key: 0,
|
||||
"op-70": ""
|
||||
}, toDisplayString(undefinedFallback), 1)) : createCommentVNode("", true)
|
||||
]);
|
||||
}), 128))
|
||||
])
|
||||
]),
|
||||
_: 2
|
||||
}, 1024)
|
||||
]),
|
||||
_: 2
|
||||
}, 1024);
|
||||
}), 128))
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent));
|
||||
_push(`</div>`);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
const _sfc_setup$1 = _sfc_main$1.setup;
|
||||
_sfc_main$1.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/user-agent-parser/user-agent-result-cards.vue");
|
||||
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
||||
};
|
||||
|
||||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||||
__name: "user-agent-parser",
|
||||
__ssrInlineRender: true,
|
||||
setup(__props) {
|
||||
const ua = ref(navigator.userAgent);
|
||||
function getUserAgentInfo(userAgent) {
|
||||
return userAgent.trim().length > 0 ? UAParser(userAgent.trim()) : { ua: "", browser: {}, cpu: {}, device: {}, engine: {}, os: {} };
|
||||
}
|
||||
const userAgentInfo = computed(() => withDefaultOnError(() => getUserAgentInfo(ua.value), void 0));
|
||||
const sections = [
|
||||
{
|
||||
heading: "Browser",
|
||||
icon: Browser,
|
||||
content: [
|
||||
{
|
||||
label: "Name",
|
||||
getValue: (block) => block?.browser.name,
|
||||
undefinedFallback: "No browser name available"
|
||||
},
|
||||
{
|
||||
label: "Version",
|
||||
getValue: (block) => block?.browser.version,
|
||||
undefinedFallback: "No browser version available"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "Engine",
|
||||
icon: Engine,
|
||||
content: [
|
||||
{
|
||||
label: "Name",
|
||||
getValue: (block) => block?.engine.name,
|
||||
undefinedFallback: "No engine name available"
|
||||
},
|
||||
{
|
||||
label: "Version",
|
||||
getValue: (block) => block?.engine.version,
|
||||
undefinedFallback: "No engine version available"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "OS",
|
||||
icon: Adjustments,
|
||||
content: [
|
||||
{
|
||||
label: "Name",
|
||||
getValue: (block) => block?.os.name,
|
||||
undefinedFallback: "No OS name available"
|
||||
},
|
||||
{
|
||||
label: "Version",
|
||||
getValue: (block) => block?.os.version,
|
||||
undefinedFallback: "No OS version available"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "Device",
|
||||
icon: Devices,
|
||||
content: [
|
||||
{
|
||||
label: "Model",
|
||||
getValue: (block) => block?.device.model,
|
||||
undefinedFallback: "No device model available"
|
||||
},
|
||||
{
|
||||
label: "Type",
|
||||
getValue: (block) => block?.device.type,
|
||||
undefinedFallback: "No device type available"
|
||||
},
|
||||
{
|
||||
label: "Vendor",
|
||||
getValue: (block) => block?.device.vendor,
|
||||
undefinedFallback: "No device vendor available"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "CPU",
|
||||
icon: Cpu,
|
||||
content: [
|
||||
{
|
||||
label: "Architecture",
|
||||
getValue: (block) => block?.cpu.architecture,
|
||||
undefinedFallback: "No CPU architecture available"
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
const _component_c_input_text = __unplugin_components_3;
|
||||
_push(`<div${ssrRenderAttrs(_attrs)}>`);
|
||||
_push(ssrRenderComponent(_component_c_input_text, {
|
||||
value: unref(ua),
|
||||
"onUpdate:value": ($event) => isRef(ua) ? ua.value = $event : null,
|
||||
label: "User agent string",
|
||||
multiline: "",
|
||||
placeholder: "Put your user-agent here...",
|
||||
clearable: "",
|
||||
"raw-text": "",
|
||||
rows: "2",
|
||||
autosize: "",
|
||||
monospace: "",
|
||||
"mb-3": ""
|
||||
}, null, _parent));
|
||||
_push(ssrRenderComponent(_sfc_main$1, {
|
||||
"user-agent-info": unref(userAgentInfo),
|
||||
sections
|
||||
}, null, _parent));
|
||||
_push(`</div>`);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
const _sfc_setup = _sfc_main.setup;
|
||||
_sfc_main.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/user-agent-parser/user-agent-parser.vue");
|
||||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||||
};
|
||||
|
||||
export { _sfc_main as default };
|
||||
Loading…
Add table
Add a link
Reference in a new issue