mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
1559 lines
59 KiB
JavaScript
1559 lines
59 KiB
JavaScript
import { openBlock, createElementBlock, createElementVNode, defineComponent, toRefs, computed, mergeProps, withCtx, unref, renderSlot, withDirectives, createVNode, vShow, useSSRContext, createBlock, resolveDynamicComponent, ref, createTextVNode, toDisplayString, isRef, Fragment, renderList, h, createCommentVNode, onMounted, createSSRApp } from 'vue';
|
||
import { defineStore, storeToRefs, createPinia } from 'pinia';
|
||
import { useHead, createHead } from '@vueuse/head';
|
||
import _, { noop } from 'lodash';
|
||
import HomePage, { c as config, u as useToolStore, _ as _sfc_main$b, t as tools, i as i18nPlugin } from '../entries/src_pages_Home-page.mjs';
|
||
import { create, NLayout, NLayoutSider, NIcon, useThemeVars, NCollapseTransition, NMenu, NH1, darkTheme, NGlobalStyle, NMessageProvider, NNotificationProvider, NConfigProvider } from 'naive-ui';
|
||
import { ssrRenderComponent, ssrRenderSlot, ssrRenderStyle, ssrRenderAttrs, ssrRenderVNode, ssrInterpolate, ssrRenderList, ssrRenderClass } from 'vue/server-renderer';
|
||
import { useRouter, useRoute, RouterLink, RouterView, createRouter, createMemoryHistory } from 'vue-router';
|
||
import { Sun, Moon, Home2 } from '@vicons/tabler';
|
||
import { u as useStyleStore, _ as _export_sfc, a as __unplugin_components_0$2 } from './chunk-6003391e.js';
|
||
import { _ as _sfc_main$a } from './chunk-8109fd17.js';
|
||
import { C as CLink, r as routes } from '../entries/src_ui_demo_demo-home-page.mjs';
|
||
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
import { _ as __unplugin_components_2 } from './chunk-6ba26b76.js';
|
||
import { _ as __unplugin_components_1 } from './chunk-8daff870.js';
|
||
import { u as useFuzzySearch } from './chunk-2ce6ed5e.js';
|
||
import { useMagicKeys, whenever, useStorage, syncRef } from '@vueuse/core';
|
||
import { _ as __unplugin_components_0$3 } from './chunk-89a4876c.js';
|
||
import { useI18n } from 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js';
|
||
import _sfc_main$c from '../entries/src_pages_404-page.mjs';
|
||
|
||
function createFakePlausibleInstance() {
|
||
return {
|
||
trackEvent: noop,
|
||
enableAutoPageviews: () => noop
|
||
};
|
||
}
|
||
function createPlausibleInstance({
|
||
config: config2
|
||
}) {
|
||
if (config2.isTrackerEnabled) {
|
||
return config2;
|
||
}
|
||
return createFakePlausibleInstance();
|
||
}
|
||
const plausible = {
|
||
install: (app) => {
|
||
const plausible2 = createPlausibleInstance({ config: config.plausible });
|
||
plausible2.enableAutoPageviews();
|
||
app.provide("plausible", plausible2);
|
||
}
|
||
};
|
||
|
||
const naive = create();
|
||
|
||
const lightThemeOverrides = {
|
||
Menu: {
|
||
itemHeight: "32px"
|
||
},
|
||
Layout: { color: "#f1f5f9" },
|
||
AutoComplete: {
|
||
peers: {
|
||
InternalSelectMenu: { height: "500px" }
|
||
}
|
||
}
|
||
};
|
||
const darkThemeOverrides = {
|
||
common: {
|
||
primaryColor: "#1ea54cFF",
|
||
primaryColorHover: "#36AD6AFF",
|
||
primaryColorPressed: "#0C7A43FF",
|
||
primaryColorSuppl: "#36AD6AFF"
|
||
},
|
||
Notification: {
|
||
color: "#333333"
|
||
},
|
||
AutoComplete: {
|
||
peers: {
|
||
InternalSelectMenu: { height: "500px", color: "#1e1e1e" }
|
||
}
|
||
},
|
||
Menu: {
|
||
itemHeight: "32px"
|
||
},
|
||
Layout: {
|
||
color: "#1c1c1c",
|
||
siderColor: "#232323",
|
||
siderBorderColor: "transparent"
|
||
},
|
||
Card: {
|
||
color: "#232323",
|
||
borderColor: "#282828"
|
||
},
|
||
Table: {
|
||
tdColor: "#232323",
|
||
thColor: "#353535"
|
||
}
|
||
};
|
||
|
||
const _hoisted_1$6 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$6 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M8 3C5.79 3 4 4.79 4 7v7c0 1.1.9 2 2 2h3v4c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2v-4h3c1.1 0 2-.9 2-2V3H8m0 2h4v2h2V5h1v4h2V5h1v5H6V7c0-1.1.9-2 2-2m-2 9v-2h12v2H6Z"
|
||
}, null, -1);
|
||
const _hoisted_3$6 = [
|
||
_hoisted_2$6
|
||
];
|
||
|
||
function render$6(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6))
|
||
}
|
||
|
||
const __unplugin_components_0$1 = { name: 'mdi-brush-variant', render: render$6 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
||
__name: "MenuLayout",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const styleStore = useStyleStore();
|
||
const { isMenuCollapsed, isSmallScreen } = toRefs(styleStore);
|
||
const siderPosition = computed(() => isSmallScreen.value ? "absolute" : "static");
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_n_layout = NLayout;
|
||
const _component_n_layout_sider = NLayoutSider;
|
||
_push(ssrRenderComponent(_component_n_layout, mergeProps({ "has-sider": "" }, _attrs), {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(_component_n_layout_sider, {
|
||
bordered: "",
|
||
"collapse-mode": "width",
|
||
"collapsed-width": 0,
|
||
width: 240,
|
||
collapsed: unref(isMenuCollapsed),
|
||
"show-trigger": false,
|
||
"native-scrollbar": false,
|
||
position: unref(siderPosition)
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
ssrRenderSlot(_ctx.$slots, "sider", {}, null, _push3, _parent3, _scopeId2);
|
||
} else {
|
||
return [
|
||
renderSlot(_ctx.$slots, "sider", {}, void 0, true)
|
||
];
|
||
}
|
||
}),
|
||
_: 3
|
||
}, _parent2, _scopeId));
|
||
_push2(ssrRenderComponent(_component_n_layout, { class: "content" }, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
ssrRenderSlot(_ctx.$slots, "content", {}, null, _push3, _parent3, _scopeId2);
|
||
_push3(`<div style="${ssrRenderStyle(unref(isSmallScreen) && !unref(isMenuCollapsed) ? null : { display: "none" })}" class="overlay" data-v-63c31e01${_scopeId2}></div>`);
|
||
} else {
|
||
return [
|
||
renderSlot(_ctx.$slots, "content", {}, void 0, true),
|
||
withDirectives(createVNode("div", {
|
||
class: "overlay",
|
||
onClick: ($event) => isMenuCollapsed.value = true
|
||
}, null, 8, ["onClick"]), [
|
||
[vShow, unref(isSmallScreen) && !unref(isMenuCollapsed)]
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 3
|
||
}, _parent2, _scopeId));
|
||
} else {
|
||
return [
|
||
createVNode(_component_n_layout_sider, {
|
||
bordered: "",
|
||
"collapse-mode": "width",
|
||
"collapsed-width": 0,
|
||
width: 240,
|
||
collapsed: unref(isMenuCollapsed),
|
||
"show-trigger": false,
|
||
"native-scrollbar": false,
|
||
position: unref(siderPosition)
|
||
}, {
|
||
default: withCtx(() => [
|
||
renderSlot(_ctx.$slots, "sider", {}, void 0, true)
|
||
]),
|
||
_: 3
|
||
}, 8, ["collapsed", "position"]),
|
||
createVNode(_component_n_layout, { class: "content" }, {
|
||
default: withCtx(() => [
|
||
renderSlot(_ctx.$slots, "content", {}, void 0, true),
|
||
withDirectives(createVNode("div", {
|
||
class: "overlay",
|
||
onClick: ($event) => isMenuCollapsed.value = true
|
||
}, null, 8, ["onClick"]), [
|
||
[vShow, unref(isSmallScreen) && !unref(isMenuCollapsed)]
|
||
])
|
||
]),
|
||
_: 3
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 3
|
||
}, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const MenuLayout_vue_vue_type_style_index_0_scoped_63c31e01_lang = '';
|
||
|
||
const _sfc_setup$9 = _sfc_main$9.setup;
|
||
_sfc_main$9.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/MenuLayout.vue");
|
||
return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
|
||
};
|
||
const MenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-63c31e01"]]);
|
||
|
||
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
||
__name: "NavbarButtons",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const styleStore = useStyleStore();
|
||
const { isDarkTheme } = toRefs(styleStore);
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_c_tooltip = _sfc_main$a;
|
||
const _component_c_button = __unplugin_components_0$2;
|
||
const _component_n_icon = NIcon;
|
||
_push(ssrRenderComponent(_component_c_tooltip, mergeProps({
|
||
tooltip: unref(isDarkTheme) ? _ctx.$t("home.nav.lightMode") : _ctx.$t("home.nav.darkMode"),
|
||
position: "bottom"
|
||
}, _attrs), {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(_component_c_button, {
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.nav.mode"),
|
||
onClick: () => unref(styleStore).toggleDark()
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
if (unref(isDarkTheme)) {
|
||
_push3(ssrRenderComponent(_component_n_icon, {
|
||
size: "25",
|
||
component: unref(Sun)
|
||
}, null, _parent3, _scopeId2));
|
||
} else {
|
||
_push3(ssrRenderComponent(_component_n_icon, {
|
||
size: "25",
|
||
component: unref(Moon)
|
||
}, null, _parent3, _scopeId2));
|
||
}
|
||
} else {
|
||
return [
|
||
unref(isDarkTheme) ? (openBlock(), createBlock(_component_n_icon, {
|
||
key: 0,
|
||
size: "25",
|
||
component: unref(Sun)
|
||
}, null, 8, ["component"])) : (openBlock(), createBlock(_component_n_icon, {
|
||
key: 1,
|
||
size: "25",
|
||
component: unref(Moon)
|
||
}, null, 8, ["component"]))
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
} else {
|
||
return [
|
||
createVNode(_component_c_button, {
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.nav.mode"),
|
||
onClick: () => unref(styleStore).toggleDark()
|
||
}, {
|
||
default: withCtx(() => [
|
||
unref(isDarkTheme) ? (openBlock(), createBlock(_component_n_icon, {
|
||
key: 0,
|
||
size: "25",
|
||
component: unref(Sun)
|
||
}, null, 8, ["component"])) : (openBlock(), createBlock(_component_n_icon, {
|
||
key: 1,
|
||
size: "25",
|
||
component: unref(Moon)
|
||
}, null, 8, ["component"]))
|
||
]),
|
||
_: 1
|
||
}, 8, ["aria-label", "onClick"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const NavbarButtons_vue_vue_type_style_index_0_scoped_99ae5a21_lang = '';
|
||
|
||
const _sfc_setup$8 = _sfc_main$8.setup;
|
||
_sfc_main$8.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/NavbarButtons.vue");
|
||
return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
|
||
};
|
||
const NavbarButtons = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-99ae5a21"]]);
|
||
|
||
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
||
__name: "command-palette-option",
|
||
__ssrInlineRender: true,
|
||
props: {
|
||
option: {},
|
||
selected: { type: Boolean, default: false }
|
||
},
|
||
emits: ["activated"],
|
||
setup(__props, { emit }) {
|
||
const props = __props;
|
||
const { option } = toRefs(props);
|
||
const { selected } = toRefs(props);
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
_push(`<div${ssrRenderAttrs(mergeProps({
|
||
role: "option",
|
||
"aria-selected": unref(selected),
|
||
class: {
|
||
"text-white": unref(selected),
|
||
"bg-primary": unref(selected)
|
||
},
|
||
"w-full": "",
|
||
flex: "",
|
||
"cursor-pointer": "",
|
||
"items-center": "",
|
||
"overflow-hidden": "",
|
||
rounded: "",
|
||
"pa-3": "",
|
||
transition: "",
|
||
"hover:bg-primary": "",
|
||
"hover:text-white": ""
|
||
}, _attrs))}>`);
|
||
if (unref(option).icon) {
|
||
ssrRenderVNode(_push, createVNode(resolveDynamicComponent(unref(option).icon), {
|
||
"mr-3": "",
|
||
"h-30px": "",
|
||
"w-30px": "",
|
||
"shrink-0": "",
|
||
"op-50": ""
|
||
}, null), _parent);
|
||
} else {
|
||
_push(`<!---->`);
|
||
}
|
||
_push(`<div flex-1 overflow-hidden><div truncate font-bold lh-tight op-90>${ssrInterpolate(unref(option).name)}</div>`);
|
||
if (unref(option).description) {
|
||
_push(`<div truncate lh-tight op-60>${ssrInterpolate(unref(option).description)}</div>`);
|
||
} else {
|
||
_push(`<!---->`);
|
||
}
|
||
_push(`</div></div>`);
|
||
};
|
||
}
|
||
});
|
||
|
||
const _sfc_setup$7 = _sfc_main$7.setup;
|
||
_sfc_main$7.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/modules/command-palette/components/command-palette-option.vue");
|
||
return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
|
||
};
|
||
|
||
const _hoisted_1$5 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$5 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "m3.55 19.09l1.41 1.41l1.8-1.79l-1.42-1.42M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6c0-3.32-2.69-6-6-6m8 7h3v-2h-3m-2.76 7.71l1.8 1.79l1.41-1.41l-1.79-1.8M20.45 5l-1.41-1.4l-1.8 1.79l1.42 1.42M13 1h-2v3h2M6.76 5.39L4.96 3.6L3.55 5l1.79 1.81l1.42-1.42M1 13h3v-2H1m12 9h-2v3h2"
|
||
}, null, -1);
|
||
const _hoisted_3$5 = [
|
||
_hoisted_2$5
|
||
];
|
||
|
||
function render$5(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5))
|
||
}
|
||
|
||
const SunIcon = { name: 'mdi-white-balance-sunny', render: render$5 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _hoisted_1$4 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$4 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"
|
||
}, null, -1);
|
||
const _hoisted_3$4 = [
|
||
_hoisted_2$4
|
||
];
|
||
|
||
function render$4(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4))
|
||
}
|
||
|
||
const GithubIcon = { name: 'mdi-github', render: render$4 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _hoisted_1$3 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$3 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M20 8h-2.81c-.45-.8-1.07-1.5-1.82-2L17 4.41L15.59 3l-2.17 2.17a6.002 6.002 0 0 0-2.83 0L8.41 3L7 4.41L8.62 6c-.75.5-1.36 1.21-1.81 2H4v2h2.09c-.06.33-.09.66-.09 1v1H4v2h2v1c0 .34.03.67.09 1H4v2h2.81A5.988 5.988 0 0 0 15 20.18c.91-.52 1.67-1.28 2.19-2.18H20v-2h-2.09c.06-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.03-.67-.09-1H20V8m-4 7a4 4 0 0 1-4 4a4 4 0 0 1-4-4v-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4v4m-2-5v2h-4v-2h4m-4 4h4v2h-4v-2Z"
|
||
}, null, -1);
|
||
const _hoisted_3$3 = [
|
||
_hoisted_2$3
|
||
];
|
||
|
||
function render$3(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3))
|
||
}
|
||
|
||
const BugIcon = { name: 'mdi-bug-outline', render: render$3 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _hoisted_1$2 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$2 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m2 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m10 10a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m0-10a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-5 5a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-5 5a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2Z"
|
||
}, null, -1);
|
||
const _hoisted_3$2 = [
|
||
_hoisted_2$2
|
||
];
|
||
|
||
function render$2(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2))
|
||
}
|
||
|
||
const DiceIcon = { name: 'mdi-dice-5', render: render$2 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _hoisted_1$1 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2$1 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2v6Z"
|
||
}, null, -1);
|
||
const _hoisted_3$1 = [
|
||
_hoisted_2$1
|
||
];
|
||
|
||
function render$1(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1))
|
||
}
|
||
|
||
const InfoIcon = { name: 'mdi-information-outline', render: render$1 };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const useCommandPaletteStore = defineStore("command-palette", () => {
|
||
const toolStore = useToolStore();
|
||
const styleStore = useStyleStore();
|
||
const router = useRouter();
|
||
const searchPrompt = ref("");
|
||
const toolsOptions = toolStore.tools.map((tool) => ({
|
||
...tool,
|
||
to: tool.path,
|
||
toolCategory: tool.category,
|
||
category: "Tools"
|
||
}));
|
||
const searchOptions = [
|
||
...toolsOptions,
|
||
{
|
||
name: "Random tool",
|
||
description: "Get a random tool from the list.",
|
||
action: () => {
|
||
const { path } = _.sample(toolStore.tools);
|
||
router.push(path);
|
||
},
|
||
icon: DiceIcon,
|
||
category: "Tools",
|
||
keywords: ["random", "tool", "pick", "choose", "select"],
|
||
closeOnSelect: true
|
||
},
|
||
{
|
||
name: "Toggle dark mode",
|
||
description: "Toggle dark mode on or off.",
|
||
action: () => styleStore.toggleDark(),
|
||
icon: SunIcon,
|
||
category: "Actions",
|
||
keywords: ["dark", "theme", "toggle", "mode", "light", "system"]
|
||
},
|
||
{
|
||
name: "Github repository",
|
||
href: "https://github.com/zeeklog/it-tools",
|
||
category: "External",
|
||
description: "View the source code of it-tools on Github.",
|
||
keywords: ["github", "repo", "repository", "source", "code"],
|
||
icon: GithubIcon
|
||
},
|
||
{
|
||
name: "Report a bug or an issue",
|
||
description: "Report a bug or an issue to help improve it-tools.",
|
||
href: "https://github.com/zeeklog/it-tools/issues/new/choose",
|
||
category: "Actions",
|
||
keywords: ["report", "issue", "bug", "problem", "error"],
|
||
icon: BugIcon
|
||
},
|
||
{
|
||
name: "About",
|
||
description: "Learn more about IT-Tools.",
|
||
to: "/about",
|
||
category: "Pages",
|
||
keywords: ["about", "learn", "more", "info", "information"],
|
||
icon: InfoIcon
|
||
}
|
||
];
|
||
const { searchResult } = useFuzzySearch({
|
||
search: searchPrompt,
|
||
data: searchOptions,
|
||
options: {
|
||
keys: [{ name: "name", weight: 2 }, "description", "keywords", "category"],
|
||
threshold: 0.3
|
||
}
|
||
});
|
||
const filteredSearchResult = computed(() => _.chain(searchResult.value).groupBy("category").mapValues((categoryOptions) => _.take(categoryOptions, 5)).value());
|
||
return {
|
||
filteredSearchResult,
|
||
searchPrompt
|
||
};
|
||
});
|
||
|
||
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
||
__name: "command-palette",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const isModalOpen = ref(false);
|
||
const inputRef = ref();
|
||
const router = useRouter();
|
||
const isMac = computed(() => true);
|
||
const commandPaletteStore = useCommandPaletteStore();
|
||
const { searchPrompt, filteredSearchResult } = storeToRefs(commandPaletteStore);
|
||
const keys = useMagicKeys({
|
||
passive: false,
|
||
onEventFired(e) {
|
||
if (e.ctrlKey && e.key === "k" && e.type === "keydown") {
|
||
e.preventDefault();
|
||
}
|
||
if (e.metaKey && e.key === "k" && e.type === "keydown") {
|
||
e.preventDefault();
|
||
}
|
||
}
|
||
});
|
||
whenever(isModalOpen, () => inputRef.value?.focus());
|
||
whenever(keys.ctrl_k, open);
|
||
whenever(keys.meta_k, open);
|
||
whenever(keys.escape, close);
|
||
function open() {
|
||
return isModalOpen.value = true;
|
||
}
|
||
function close() {
|
||
isModalOpen.value = false;
|
||
searchPrompt.value = "";
|
||
}
|
||
const selectedOptionIndex = ref(0);
|
||
function handleKeydown(event) {
|
||
const { key } = event;
|
||
const isEnterPressed = key === "Enter";
|
||
const isArrowUpOrDown = ["ArrowUp", "ArrowDown"].includes(key);
|
||
const isArrowDown = key === "ArrowDown";
|
||
if (isArrowUpOrDown) {
|
||
const increment = isArrowDown ? 1 : -1;
|
||
const maxIndex = Math.max(_.chain(filteredSearchResult.value).values().flatten().size().value() - 1, 0);
|
||
selectedOptionIndex.value = Math.min(Math.max(selectedOptionIndex.value + increment, 0), maxIndex);
|
||
return;
|
||
}
|
||
if (isEnterPressed) {
|
||
const option = _.chain(filteredSearchResult.value).values().flatten().nth(selectedOptionIndex.value).value();
|
||
activateOption(option);
|
||
}
|
||
}
|
||
function getOptionIndex(option) {
|
||
return _.chain(filteredSearchResult.value).values().flatten().findIndex((o) => o === option).value();
|
||
}
|
||
function activateOption(option) {
|
||
const { closeOnSelect } = option;
|
||
if (option.action) {
|
||
option.action();
|
||
if (closeOnSelect) {
|
||
close();
|
||
}
|
||
return;
|
||
}
|
||
const closeAfterNavigation = closeOnSelect || _.isUndefined(closeOnSelect);
|
||
if (option.to) {
|
||
router.push(option.to);
|
||
if (closeAfterNavigation) {
|
||
close();
|
||
}
|
||
return;
|
||
}
|
||
if (option.href) {
|
||
window.open(option.href, "_blank");
|
||
if (closeAfterNavigation) {
|
||
close();
|
||
}
|
||
}
|
||
}
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_c_button = __unplugin_components_0$2;
|
||
const _component_icon_mdi_search = __unplugin_components_1;
|
||
const _component_c_modal = __unplugin_components_2;
|
||
const _component_c_input_text = __unplugin_components_3;
|
||
const _component_command_palette_option = _sfc_main$7;
|
||
_push(`<div${ssrRenderAttrs(mergeProps({ "flex-1": "" }, _attrs))} data-v-b415a78e>`);
|
||
_push(ssrRenderComponent(_component_c_button, {
|
||
"w-full": "",
|
||
"important:justify-start": "",
|
||
onClick: ($event) => isModalOpen.value = true
|
||
}, {
|
||
default: withCtx((_2, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`<span flex items-center gap-3 op-40 data-v-b415a78e${_scopeId}>`);
|
||
_push2(ssrRenderComponent(_component_icon_mdi_search, null, null, _parent2, _scopeId));
|
||
_push2(` ${ssrInterpolate(_ctx.$t("search.label"))} <span hidden flex-1 border border-current border-op-40 rounded border-solid px-5px py-3px sm:inline data-v-b415a78e${_scopeId}>${ssrInterpolate(unref(isMac) ? "Cmd" : "Ctrl")} + K </span></span>`);
|
||
} else {
|
||
return [
|
||
createVNode("span", {
|
||
flex: "",
|
||
"items-center": "",
|
||
"gap-3": "",
|
||
"op-40": ""
|
||
}, [
|
||
createVNode(_component_icon_mdi_search),
|
||
createTextVNode(" " + toDisplayString(_ctx.$t("search.label")) + " ", 1),
|
||
createVNode("span", {
|
||
hidden: "",
|
||
"flex-1": "",
|
||
border: "",
|
||
"border-current": "",
|
||
"border-op-40": "",
|
||
rounded: "",
|
||
"border-solid": "",
|
||
"px-5px": "",
|
||
"py-3px": "",
|
||
"sm:inline": ""
|
||
}, toDisplayString(unref(isMac) ? "Cmd" : "Ctrl") + " + K ", 1)
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
_push(ssrRenderComponent(_component_c_modal, {
|
||
open: unref(isModalOpen),
|
||
"onUpdate:open": ($event) => isRef(isModalOpen) ? isModalOpen.value = $event : null,
|
||
class: "palette-modal",
|
||
"shadow-xl": "",
|
||
"important:max-w-650px": "",
|
||
"important:pa-12px": "",
|
||
onKeydown: handleKeydown
|
||
}, {
|
||
default: withCtx((_2, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(_component_c_input_text, {
|
||
ref_key: "inputRef",
|
||
ref: inputRef,
|
||
value: unref(searchPrompt),
|
||
"onUpdate:value": ($event) => isRef(searchPrompt) ? searchPrompt.value = $event : null,
|
||
"raw-text": "",
|
||
placeholder: "Type to search a tool or a command...",
|
||
autofocus: "",
|
||
clearable: ""
|
||
}, null, _parent2, _scopeId));
|
||
_push2(`<!--[-->`);
|
||
ssrRenderList(unref(filteredSearchResult), (options, category) => {
|
||
_push2(`<div data-v-b415a78e${_scopeId}><div ml-3 mt-3 text-sm font-bold text-primary op-60 data-v-b415a78e${_scopeId}>${ssrInterpolate(category)}</div><!--[-->`);
|
||
ssrRenderList(options, (option) => {
|
||
_push2(ssrRenderComponent(_component_command_palette_option, {
|
||
key: option.name,
|
||
option,
|
||
selected: unref(selectedOptionIndex) === getOptionIndex(option),
|
||
onActivated: activateOption
|
||
}, null, _parent2, _scopeId));
|
||
});
|
||
_push2(`<!--]--></div>`);
|
||
});
|
||
_push2(`<!--]-->`);
|
||
} else {
|
||
return [
|
||
createVNode(_component_c_input_text, {
|
||
ref_key: "inputRef",
|
||
ref: inputRef,
|
||
value: unref(searchPrompt),
|
||
"onUpdate:value": ($event) => isRef(searchPrompt) ? searchPrompt.value = $event : null,
|
||
"raw-text": "",
|
||
placeholder: "Type to search a tool or a command...",
|
||
autofocus: "",
|
||
clearable: ""
|
||
}, null, 8, ["value", "onUpdate:value"]),
|
||
(openBlock(true), createBlock(Fragment, null, renderList(unref(filteredSearchResult), (options, category) => {
|
||
return openBlock(), createBlock("div", { key: category }, [
|
||
createVNode("div", {
|
||
"ml-3": "",
|
||
"mt-3": "",
|
||
"text-sm": "",
|
||
"font-bold": "",
|
||
"text-primary": "",
|
||
"op-60": ""
|
||
}, toDisplayString(category), 1),
|
||
(openBlock(true), createBlock(Fragment, null, renderList(options, (option) => {
|
||
return openBlock(), createBlock(_component_command_palette_option, {
|
||
key: option.name,
|
||
option,
|
||
selected: unref(selectedOptionIndex) === getOptionIndex(option),
|
||
onActivated: activateOption
|
||
}, null, 8, ["option", "selected"]);
|
||
}), 128))
|
||
]);
|
||
}), 128))
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
_push(`</div>`);
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const commandPalette_vue_vue_type_style_index_0_scoped_b415a78e_lang = '';
|
||
|
||
const _sfc_setup$6 = _sfc_main$6.setup;
|
||
_sfc_main$6.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/modules/command-palette/command-palette.vue");
|
||
return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
|
||
};
|
||
const CommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b415a78e"]]);
|
||
|
||
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
||
__name: "locale-selector",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const { availableLocales, locale } = useI18n();
|
||
const localesLong = {
|
||
en: "English",
|
||
es: "Español",
|
||
fr: "Français",
|
||
pt: "Português",
|
||
ru: "Русский",
|
||
uk: "Українська",
|
||
zh: "中文",
|
||
vi: "Tiếng Việt"
|
||
};
|
||
const localeOptions = computed(
|
||
() => availableLocales.map((locale2) => ({
|
||
label: localesLong[locale2] ?? locale2,
|
||
value: locale2
|
||
}))
|
||
);
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
_push(ssrRenderComponent(__unplugin_components_0$3, mergeProps({
|
||
value: unref(locale),
|
||
"onUpdate:value": ($event) => isRef(locale) ? locale.value = $event : null,
|
||
options: unref(localeOptions),
|
||
placeholder: "Select a language",
|
||
"w-100px": ""
|
||
}, _attrs), null, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
const _sfc_setup$5 = _sfc_main$5.setup;
|
||
_sfc_main$5.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/modules/i18n/components/locale-selector.vue");
|
||
return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
|
||
};
|
||
|
||
const _hoisted_1 = {
|
||
viewBox: "0 0 24 24",
|
||
width: "1.2em",
|
||
height: "1.2em"
|
||
};
|
||
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
|
||
fill: "currentColor",
|
||
d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z"
|
||
}, null, -1);
|
||
const _hoisted_3 = [
|
||
_hoisted_2
|
||
];
|
||
|
||
function render(_ctx, _cache) {
|
||
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
|
||
}
|
||
|
||
const __unplugin_components_0 = { name: 'mdi-chevron-right', render };
|
||
/* vite-plugin-components disabled */
|
||
|
||
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
||
__name: "MenuIconItem",
|
||
__ssrInlineRender: true,
|
||
props: {
|
||
tool: {}
|
||
},
|
||
setup(__props) {
|
||
const props = __props;
|
||
const { tool } = toRefs(props);
|
||
const theme = useThemeVars();
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_n_icon = NIcon;
|
||
const _cssVars = { style: {
|
||
"--c9671612": unref(theme).primaryColor
|
||
} };
|
||
_push(`<div${ssrRenderAttrs(mergeProps({ class: "menu-icon-item" }, _attrs, _cssVars))} data-v-962461ab>`);
|
||
_push(ssrRenderComponent(_component_n_icon, {
|
||
component: unref(tool).icon
|
||
}, null, _parent));
|
||
if (unref(tool).isNew) {
|
||
_push(`<div class="badge" data-v-962461ab></div>`);
|
||
} else {
|
||
_push(`<!---->`);
|
||
}
|
||
_push(`</div>`);
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const MenuIconItem_vue_vue_type_style_index_0_scoped_962461ab_lang = '';
|
||
|
||
const _sfc_setup$4 = _sfc_main$4.setup;
|
||
_sfc_main$4.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/MenuIconItem.vue");
|
||
return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
|
||
};
|
||
const MenuIconItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-962461ab"]]);
|
||
|
||
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
||
__name: "CollapsibleToolMenu",
|
||
__ssrInlineRender: true,
|
||
props: {
|
||
toolsByCategory: { default: () => [] }
|
||
},
|
||
setup(__props) {
|
||
const props = __props;
|
||
const { toolsByCategory } = toRefs(props);
|
||
const route = useRoute();
|
||
const makeLabel = (tool) => () => h(RouterLink, { to: tool.path }, { default: () => tool.name });
|
||
const makeIcon = (tool) => () => h(MenuIconItem, { tool });
|
||
const collapsedCategories = useStorage(
|
||
"menu-tool-option:collapsed-categories",
|
||
{},
|
||
void 0,
|
||
{
|
||
deep: true,
|
||
serializer: {
|
||
read: (v) => v ? JSON.parse(v) : null,
|
||
write: (v) => JSON.stringify(v)
|
||
}
|
||
}
|
||
);
|
||
function toggleCategoryCollapse({ name }) {
|
||
collapsedCategories.value[name] = !collapsedCategories.value[name];
|
||
}
|
||
const menuOptions = computed(
|
||
() => toolsByCategory.value.map(({ name, components }) => ({
|
||
name,
|
||
isCollapsed: collapsedCategories.value[name],
|
||
tools: components.map((tool) => ({
|
||
label: makeLabel(tool),
|
||
icon: makeIcon(tool),
|
||
key: tool.path
|
||
}))
|
||
}))
|
||
);
|
||
const themeVars = useThemeVars();
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_icon_mdi_chevron_right = __unplugin_components_0;
|
||
const _component_n_collapse_transition = NCollapseTransition;
|
||
const _component_n_menu = NMenu;
|
||
({ style: {
|
||
"--2adda884": unref(themeVars).textColor3
|
||
} });
|
||
_push(`<!--[-->`);
|
||
ssrRenderList(unref(menuOptions), ({ name, tools, isCollapsed }) => {
|
||
_push(`<div data-v-50838923><div ml-6px mt-12px flex cursor-pointer items-center op-60 data-v-50838923><span class="${ssrRenderClass({ "rotate-0": isCollapsed, "rotate-90": !isCollapsed })}" text-16px lh-1 op-50 transition-transform data-v-50838923>`);
|
||
_push(ssrRenderComponent(_component_icon_mdi_chevron_right, null, null, _parent));
|
||
_push(`</span><span ml-8px text-13px data-v-50838923>${ssrInterpolate(name)}</span></div>`);
|
||
_push(ssrRenderComponent(_component_n_collapse_transition, {
|
||
show: !isCollapsed
|
||
}, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`<div class="menu-wrapper" data-v-50838923${_scopeId}><div class="toggle-bar" data-v-50838923${_scopeId}></div>`);
|
||
_push2(ssrRenderComponent(_component_n_menu, {
|
||
class: "menu",
|
||
value: unref(route).path,
|
||
"collapsed-width": 64,
|
||
"collapsed-icon-size": 22,
|
||
options: tools,
|
||
indent: 8,
|
||
"default-expand-all": true
|
||
}, null, _parent2, _scopeId));
|
||
_push2(`</div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "menu-wrapper" }, [
|
||
createVNode("div", {
|
||
class: "toggle-bar",
|
||
onClick: ($event) => toggleCategoryCollapse({ name })
|
||
}, null, 8, ["onClick"]),
|
||
createVNode(_component_n_menu, {
|
||
class: "menu",
|
||
value: unref(route).path,
|
||
"collapsed-width": 64,
|
||
"collapsed-icon-size": 22,
|
||
options: tools,
|
||
indent: 8,
|
||
"default-expand-all": true
|
||
}, null, 8, ["value", "options"])
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 2
|
||
}, _parent));
|
||
_push(`</div>`);
|
||
});
|
||
_push(`<!--]-->`);
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const CollapsibleToolMenu_vue_vue_type_style_index_0_scoped_50838923_lang = '';
|
||
|
||
const _sfc_setup$3 = _sfc_main$3.setup;
|
||
_sfc_main$3.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CollapsibleToolMenu.vue");
|
||
return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
|
||
};
|
||
const CollapsibleToolMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-50838923"]]);
|
||
|
||
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
||
__name: "base.layout",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const themeVars = useThemeVars();
|
||
const styleStore = useStyleStore();
|
||
const version = config.app.version;
|
||
const commitSha = config.app.lastCommitSha.slice(0, 7);
|
||
const { t } = useI18n();
|
||
const toolStore = useToolStore();
|
||
const { favoriteTools, toolsByCategory } = storeToRefs(toolStore);
|
||
const tools = computed(() => [
|
||
...favoriteTools.value.length > 0 ? [{ name: t("tools.categories.favorite-tools"), components: favoriteTools.value }] : [],
|
||
...toolsByCategory.value
|
||
]);
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_icon_mdi58brush_variant = __unplugin_components_0$1;
|
||
const _cssVars = { style: {
|
||
"--525f0447": unref(themeVars).primaryColor
|
||
} };
|
||
_push(ssrRenderComponent(MenuLayout, mergeProps({
|
||
class: ["menu-layout", { isSmallScreen: unref(styleStore).isSmallScreen }]
|
||
}, _attrs, _cssVars), {
|
||
sider: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(unref(RouterLink), {
|
||
to: "/",
|
||
class: "hero-wrapper"
|
||
}, null, _parent2, _scopeId));
|
||
_push2(`<div class="sider-content" data-v-311f4fa3${_scopeId}>`);
|
||
if (unref(styleStore).isSmallScreen) {
|
||
_push2(`<div flex flex-col items-center data-v-311f4fa3${_scopeId}>`);
|
||
_push2(ssrRenderComponent(_sfc_main$5, { w: "90%" }, null, _parent2, _scopeId));
|
||
_push2(`<div flex justify-center data-v-311f4fa3${_scopeId}>`);
|
||
_push2(ssrRenderComponent(NavbarButtons, null, null, _parent2, _scopeId));
|
||
_push2(`</div></div>`);
|
||
} else {
|
||
_push2(`<!---->`);
|
||
}
|
||
_push2(ssrRenderComponent(CollapsibleToolMenu, { "tools-by-category": unref(tools) }, null, _parent2, _scopeId));
|
||
_push2(`<div class="footer" data-v-311f4fa3${_scopeId}><div data-v-311f4fa3${_scopeId}> IT-Tools `);
|
||
_push2(ssrRenderComponent(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
href: `https://github.com/zeeklog/it-tools/tree/v${unref(version)}`
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(` v${ssrInterpolate(unref(version))}`);
|
||
} else {
|
||
return [
|
||
createTextVNode(" v" + toDisplayString(unref(version)), 1)
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
if (unref(commitSha) && unref(commitSha).length > 0) {
|
||
_push2(`<!--[--> - `);
|
||
_push2(ssrRenderComponent(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
type: "primary",
|
||
href: `https://github.com/zeeklog/it-tools/tree/${unref(commitSha)}`
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(`${ssrInterpolate(unref(commitSha))}`);
|
||
} else {
|
||
return [
|
||
createTextVNode(toDisplayString(unref(commitSha)), 1)
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(`<!--]-->`);
|
||
} else {
|
||
_push2(`<!---->`);
|
||
}
|
||
_push2(`</div><div data-v-311f4fa3${_scopeId}> © ${ssrInterpolate(( new Date()).getFullYear())} `);
|
||
_push2(ssrRenderComponent(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
href: "https://github.com/zeeklog"
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(` Ne0inHK `);
|
||
} else {
|
||
return [
|
||
createTextVNode(" Ne0inHK ")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(`</div></div></div>`);
|
||
} else {
|
||
return [
|
||
createVNode(unref(RouterLink), {
|
||
to: "/",
|
||
class: "hero-wrapper"
|
||
}),
|
||
createVNode("div", { class: "sider-content" }, [
|
||
unref(styleStore).isSmallScreen ? (openBlock(), createBlock("div", {
|
||
key: 0,
|
||
flex: "",
|
||
"flex-col": "",
|
||
"items-center": ""
|
||
}, [
|
||
createVNode(_sfc_main$5, { w: "90%" }),
|
||
createVNode("div", {
|
||
flex: "",
|
||
"justify-center": ""
|
||
}, [
|
||
createVNode(NavbarButtons)
|
||
])
|
||
])) : createCommentVNode("", true),
|
||
createVNode(CollapsibleToolMenu, { "tools-by-category": unref(tools) }, null, 8, ["tools-by-category"]),
|
||
createVNode("div", { class: "footer" }, [
|
||
createVNode("div", null, [
|
||
createTextVNode(" IT-Tools "),
|
||
createVNode(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
href: `https://github.com/zeeklog/it-tools/tree/v${unref(version)}`
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" v" + toDisplayString(unref(version)), 1)
|
||
]),
|
||
_: 1
|
||
}, 8, ["href"]),
|
||
unref(commitSha) && unref(commitSha).length > 0 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
|
||
createTextVNode(" - "),
|
||
createVNode(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
type: "primary",
|
||
href: `https://github.com/zeeklog/it-tools/tree/${unref(commitSha)}`
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(toDisplayString(unref(commitSha)), 1)
|
||
]),
|
||
_: 1
|
||
}, 8, ["href"])
|
||
], 64)) : createCommentVNode("", true)
|
||
]),
|
||
createVNode("div", null, [
|
||
createTextVNode(" © " + toDisplayString((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
|
||
createVNode(CLink, {
|
||
target: "_blank",
|
||
rel: "noopener",
|
||
href: "https://github.com/zeeklog"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" Ne0inHK ")
|
||
]),
|
||
_: 1
|
||
})
|
||
])
|
||
])
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
content: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`<div flex items-center justify-center gap-2 data-v-311f4fa3${_scopeId}>`);
|
||
_push2(ssrRenderComponent(_sfc_main$a, {
|
||
tooltip: _ctx.$t("home.home"),
|
||
position: "bottom"
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(ssrRenderComponent(__unplugin_components_0$2, {
|
||
to: "/",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.home")
|
||
}, {
|
||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
if (_push4) {
|
||
_push4(ssrRenderComponent(unref(NIcon), {
|
||
size: "25",
|
||
component: unref(Home2)
|
||
}, null, _parent4, _scopeId3));
|
||
} else {
|
||
return [
|
||
createVNode(unref(NIcon), {
|
||
size: "25",
|
||
component: unref(Home2)
|
||
}, null, 8, ["component"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent3, _scopeId2));
|
||
} else {
|
||
return [
|
||
createVNode(__unplugin_components_0$2, {
|
||
to: "/",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.home")
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(NIcon), {
|
||
size: "25",
|
||
component: unref(Home2)
|
||
}, null, 8, ["component"])
|
||
]),
|
||
_: 1
|
||
}, 8, ["aria-label"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(ssrRenderComponent(_sfc_main$a, {
|
||
tooltip: _ctx.$t("home.uiLib"),
|
||
position: "bottom"
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
if (unref(config).app.env === "development") {
|
||
_push3(ssrRenderComponent(__unplugin_components_0$2, {
|
||
to: "/c-lib",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.uiLib")
|
||
}, {
|
||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
if (_push4) {
|
||
_push4(ssrRenderComponent(_component_icon_mdi58brush_variant, { "text-20px": "" }, null, _parent4, _scopeId3));
|
||
} else {
|
||
return [
|
||
createVNode(_component_icon_mdi58brush_variant, { "text-20px": "" })
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent3, _scopeId2));
|
||
} else {
|
||
_push3(`<!---->`);
|
||
}
|
||
} else {
|
||
return [
|
||
unref(config).app.env === "development" ? (openBlock(), createBlock(__unplugin_components_0$2, {
|
||
key: 0,
|
||
to: "/c-lib",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.uiLib")
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_icon_mdi58brush_variant, { "text-20px": "" })
|
||
]),
|
||
_: 1
|
||
}, 8, ["aria-label"])) : createCommentVNode("", true)
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(ssrRenderComponent(CommandPalette, null, null, _parent2, _scopeId));
|
||
if (!unref(styleStore).isSmallScreen) {
|
||
_push2(ssrRenderComponent(_sfc_main$5, null, null, _parent2, _scopeId));
|
||
} else {
|
||
_push2(`<!---->`);
|
||
}
|
||
_push2(`<div data-v-311f4fa3${_scopeId}>`);
|
||
if (!unref(styleStore).isSmallScreen) {
|
||
_push2(ssrRenderComponent(NavbarButtons, null, null, _parent2, _scopeId));
|
||
} else {
|
||
_push2(`<!---->`);
|
||
}
|
||
_push2(`</div></div>`);
|
||
ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
|
||
} else {
|
||
return [
|
||
createVNode("div", {
|
||
flex: "",
|
||
"items-center": "",
|
||
"justify-center": "",
|
||
"gap-2": ""
|
||
}, [
|
||
createVNode(_sfc_main$a, {
|
||
tooltip: _ctx.$t("home.home"),
|
||
position: "bottom"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(__unplugin_components_0$2, {
|
||
to: "/",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.home")
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(NIcon), {
|
||
size: "25",
|
||
component: unref(Home2)
|
||
}, null, 8, ["component"])
|
||
]),
|
||
_: 1
|
||
}, 8, ["aria-label"])
|
||
]),
|
||
_: 1
|
||
}, 8, ["tooltip"]),
|
||
createVNode(_sfc_main$a, {
|
||
tooltip: _ctx.$t("home.uiLib"),
|
||
position: "bottom"
|
||
}, {
|
||
default: withCtx(() => [
|
||
unref(config).app.env === "development" ? (openBlock(), createBlock(__unplugin_components_0$2, {
|
||
key: 0,
|
||
to: "/c-lib",
|
||
circle: "",
|
||
variant: "text",
|
||
"aria-label": _ctx.$t("home.uiLib")
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_icon_mdi58brush_variant, { "text-20px": "" })
|
||
]),
|
||
_: 1
|
||
}, 8, ["aria-label"])) : createCommentVNode("", true)
|
||
]),
|
||
_: 1
|
||
}, 8, ["tooltip"]),
|
||
createVNode(CommandPalette),
|
||
!unref(styleStore).isSmallScreen ? (openBlock(), createBlock(_sfc_main$5, { key: 0 })) : createCommentVNode("", true),
|
||
createVNode("div", null, [
|
||
!unref(styleStore).isSmallScreen ? (openBlock(), createBlock(NavbarButtons, { key: 0 })) : createCommentVNode("", true)
|
||
])
|
||
]),
|
||
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
||
];
|
||
}
|
||
}),
|
||
_: 3
|
||
}, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const base_layout_vue_vue_type_style_index_0_scoped_311f4fa3_lang = '';
|
||
|
||
const _sfc_setup$2 = _sfc_main$2.setup;
|
||
_sfc_main$2.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/layouts/base.layout.vue");
|
||
return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
|
||
};
|
||
const BaseLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-311f4fa3"]]);
|
||
|
||
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
||
__name: "tool.layout",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const route = useRoute();
|
||
const head = computed(() => ({
|
||
title: `${route.meta.name} - Zeeklog Online Tools`,
|
||
meta: [
|
||
{
|
||
name: "description",
|
||
content: route.meta?.description
|
||
},
|
||
{
|
||
name: "keywords",
|
||
content: (route.meta.keywords ?? []).join(",")
|
||
}
|
||
]
|
||
}));
|
||
useHead(head);
|
||
const { t } = useI18n();
|
||
const i18nKey = computed(() => route.path.trim().replace("/", ""));
|
||
const toolTitle = computed(() => t(`tools.${i18nKey.value}.title`, String(route.meta.name)));
|
||
const toolDescription = computed(() => t(`tools.${i18nKey.value}.description`, String(route.meta.description)));
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_n_h1 = NH1;
|
||
_push(ssrRenderComponent(BaseLayout, _attrs, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`<div class="tool-layout" data-v-bc13a56b${_scopeId}><div class="tool-header" data-v-bc13a56b${_scopeId}><div flex flex-nowrap items-center justify-between data-v-bc13a56b${_scopeId}>`);
|
||
_push2(ssrRenderComponent(_component_n_h1, null, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(`${ssrInterpolate(unref(toolTitle))}`);
|
||
} else {
|
||
return [
|
||
createTextVNode(toDisplayString(unref(toolTitle)), 1)
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(`<div data-v-bc13a56b${_scopeId}>`);
|
||
_push2(ssrRenderComponent(_sfc_main$b, {
|
||
tool: { name: unref(route).meta.name }
|
||
}, null, _parent2, _scopeId));
|
||
_push2(`</div></div><div class="separator" data-v-bc13a56b${_scopeId}></div><div class="description" data-v-bc13a56b${_scopeId}>${ssrInterpolate(unref(toolDescription))}</div></div></div><div class="tool-content" data-v-bc13a56b${_scopeId}>`);
|
||
ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
|
||
_push2(`</div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "tool-layout" }, [
|
||
createVNode("div", { class: "tool-header" }, [
|
||
createVNode("div", {
|
||
flex: "",
|
||
"flex-nowrap": "",
|
||
"items-center": "",
|
||
"justify-between": ""
|
||
}, [
|
||
createVNode(_component_n_h1, null, {
|
||
default: withCtx(() => [
|
||
createTextVNode(toDisplayString(unref(toolTitle)), 1)
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode("div", null, [
|
||
createVNode(_sfc_main$b, {
|
||
tool: { name: unref(route).meta.name }
|
||
}, null, 8, ["tool"])
|
||
])
|
||
]),
|
||
createVNode("div", { class: "separator" }),
|
||
createVNode("div", { class: "description" }, toDisplayString(unref(toolDescription)), 1)
|
||
])
|
||
]),
|
||
createVNode("div", { class: "tool-content" }, [
|
||
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 3
|
||
}, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const tool_layout_vue_vue_type_style_index_0_scoped_bc13a56b_lang = '';
|
||
|
||
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/layouts/tool.layout.vue");
|
||
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
||
};
|
||
const ToolLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bc13a56b"]]);
|
||
|
||
const layouts = {
|
||
base: BaseLayout,
|
||
toolLayout: ToolLayout
|
||
};
|
||
|
||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
__name: "App",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const route = useRoute();
|
||
const layout = computed(() => route?.meta?.layout ?? layouts.base);
|
||
const styleStore = useStyleStore();
|
||
const theme = computed(() => styleStore.isDarkTheme ? darkTheme : null);
|
||
const themeOverrides = computed(() => styleStore.isDarkTheme ? darkThemeOverrides : lightThemeOverrides);
|
||
const { locale } = useI18n();
|
||
syncRef(
|
||
locale,
|
||
useStorage("locale", locale)
|
||
);
|
||
onMounted(() => {
|
||
console.log("APP MOUNTED");
|
||
});
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_n_config_provider = NConfigProvider;
|
||
_push(ssrRenderComponent(_component_n_config_provider, mergeProps({
|
||
theme: unref(theme),
|
||
"theme-overrides": unref(themeOverrides)
|
||
}, _attrs), {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(unref(NGlobalStyle), null, null, _parent2, _scopeId));
|
||
_push2(ssrRenderComponent(unref(NMessageProvider), { placement: "bottom" }, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(ssrRenderComponent(unref(NNotificationProvider), { placement: "bottom-right" }, {
|
||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
if (_push4) {
|
||
ssrRenderVNode(_push4, createVNode(resolveDynamicComponent(unref(layout)), null, {
|
||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||
if (_push5) {
|
||
_push5(ssrRenderComponent(unref(RouterView), null, null, _parent5, _scopeId4));
|
||
} else {
|
||
return [
|
||
createVNode(unref(RouterView))
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}), _parent4, _scopeId3);
|
||
} else {
|
||
return [
|
||
(openBlock(), createBlock(resolveDynamicComponent(unref(layout)), null, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(RouterView))
|
||
]),
|
||
_: 1
|
||
}))
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent3, _scopeId2));
|
||
} else {
|
||
return [
|
||
createVNode(unref(NNotificationProvider), { placement: "bottom-right" }, {
|
||
default: withCtx(() => [
|
||
(openBlock(), createBlock(resolveDynamicComponent(unref(layout)), null, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(RouterView))
|
||
]),
|
||
_: 1
|
||
}))
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
} else {
|
||
return [
|
||
createVNode(unref(NGlobalStyle)),
|
||
createVNode(unref(NMessageProvider), { placement: "bottom" }, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(NNotificationProvider), { placement: "bottom-right" }, {
|
||
default: withCtx(() => [
|
||
(openBlock(), createBlock(resolveDynamicComponent(unref(layout)), null, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(RouterView))
|
||
]),
|
||
_: 1
|
||
}))
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
};
|
||
}
|
||
});
|
||
|
||
/* unplugin-vue-components disabled */const App_vue_vue_type_style_index_0_lang = '';
|
||
|
||
const _sfc_setup = _sfc_main.setup;
|
||
_sfc_main.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/App.vue");
|
||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
};
|
||
|
||
const toolsRoutes = tools.map(({ path, name, component, ...config2 }) => ({
|
||
path,
|
||
name,
|
||
component,
|
||
meta: { isTool: true, layout: layouts.toolLayout, name, ...config2 }
|
||
}));
|
||
const toolsRedirectRoutes = tools.filter(({ redirectFrom }) => redirectFrom && redirectFrom.length > 0).flatMap(
|
||
({ path, redirectFrom }) => redirectFrom?.map((redirectSource) => ({ path: redirectSource, redirect: path })) ?? []
|
||
);
|
||
const router = createRouter({
|
||
history: createMemoryHistory(config.app.baseUrl),
|
||
routes: [
|
||
{
|
||
path: "/",
|
||
name: "home",
|
||
component: HomePage
|
||
},
|
||
{
|
||
path: "/about",
|
||
name: "about",
|
||
component: () => import('./chunk-e30e03ef.js')
|
||
},
|
||
...toolsRoutes,
|
||
...toolsRedirectRoutes,
|
||
...config.app.env === "development" ? routes : [],
|
||
{ path: "/:pathMatch(.*)*", name: "NotFound", component: _sfc_main$c }
|
||
]
|
||
});
|
||
|
||
function createApp() {
|
||
const app = createSSRApp(_sfc_main);
|
||
const pinia = createPinia();
|
||
app.use(pinia);
|
||
app.use(createHead());
|
||
app.use(i18nPlugin);
|
||
app.use(router);
|
||
app.use(plausible);
|
||
app.use(naive);
|
||
return { app, router, pinia, i18n: i18nPlugin };
|
||
}
|
||
|
||
const __uno = '';
|
||
|
||
export { createApp as c };
|