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
405
dist/server/chunks/chunk-271a1e8d.js
vendored
Normal file
405
dist/server/chunks/chunk-271a1e8d.js
vendored
Normal file
|
|
@ -0,0 +1,405 @@
|
|||
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||||
import { createVNode, Fragment, createTextVNode, defineComponent, ref, toRefs, computed, unref, mergeProps, withCtx, isRef, openBlock, createBlock, useSSRContext } from 'vue';
|
||||
import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
|
||||
import JSON5 from 'json5';
|
||||
import { a as __unplugin_components_1 } from './chunk-8109fd17.js';
|
||||
import { NFormItem, NSwitch } from 'naive-ui';
|
||||
import _ from 'lodash';
|
||||
import { u as useCopy } from './chunk-77c5cc16.js';
|
||||
import { c as useAppTheme, _ as _export_sfc } from './chunk-6003391e.js';
|
||||
import { w as withDefaultOnError } from './chunk-f1b4cc24.js';
|
||||
import { i as isNotThrowing } from './chunk-5697d061.js';
|
||||
import './chunk-11f44f81.js';
|
||||
import './chunk-35c3d701.js';
|
||||
import '@vueuse/core';
|
||||
import 'pinia';
|
||||
|
||||
function diff(obj, newObj, { onlyShowDifferences = false } = {}) {
|
||||
if (_.isArray(obj) && _.isArray(newObj)) {
|
||||
return {
|
||||
key: "",
|
||||
type: "array",
|
||||
children: diffArrays(obj, newObj, { onlyShowDifferences }),
|
||||
oldValue: obj,
|
||||
value: newObj,
|
||||
status: getStatus(obj, newObj)
|
||||
};
|
||||
}
|
||||
if (_.isObject(obj) && _.isObject(newObj)) {
|
||||
return {
|
||||
key: "",
|
||||
type: "object",
|
||||
children: diffObjects(obj, newObj, { onlyShowDifferences }),
|
||||
oldValue: obj,
|
||||
value: newObj,
|
||||
status: getStatus(obj, newObj)
|
||||
};
|
||||
}
|
||||
return {
|
||||
key: "",
|
||||
type: "value",
|
||||
oldValue: obj,
|
||||
value: newObj,
|
||||
status: getStatus(obj, newObj)
|
||||
};
|
||||
}
|
||||
function diffObjects(obj, newObj, { onlyShowDifferences = false } = {}) {
|
||||
const keys = Object.keys({ ...obj, ...newObj });
|
||||
return keys.map((key) => createDifference(obj?.[key], newObj?.[key], key, { onlyShowDifferences })).filter((diff2) => !onlyShowDifferences || diff2.status !== "unchanged");
|
||||
}
|
||||
function createDifference(value, newValue, key, { onlyShowDifferences = false } = {}) {
|
||||
const type = getType(value);
|
||||
if (type === "object") {
|
||||
return {
|
||||
key,
|
||||
type,
|
||||
children: diffObjects(value, newValue, {
|
||||
onlyShowDifferences
|
||||
}),
|
||||
oldValue: value,
|
||||
value: newValue,
|
||||
status: getStatus(value, newValue)
|
||||
};
|
||||
}
|
||||
if (type === "array") {
|
||||
return {
|
||||
key,
|
||||
type,
|
||||
children: diffArrays(value, newValue, { onlyShowDifferences }),
|
||||
value: newValue,
|
||||
oldValue: value,
|
||||
status: getStatus(value, newValue)
|
||||
};
|
||||
}
|
||||
return {
|
||||
key,
|
||||
type,
|
||||
value: newValue,
|
||||
oldValue: value,
|
||||
status: getStatus(value, newValue)
|
||||
};
|
||||
}
|
||||
function diffArrays(arr, newArr, { onlyShowDifferences = false } = {}) {
|
||||
const maxLength = Math.max(0, arr?.length, newArr?.length);
|
||||
return Array.from(
|
||||
{ length: maxLength },
|
||||
(_2, i) => createDifference(arr?.[i], newArr?.[i], i, { onlyShowDifferences })
|
||||
).filter((diff2) => !onlyShowDifferences || diff2.status !== "unchanged");
|
||||
}
|
||||
function getType(value) {
|
||||
if (value === null) {
|
||||
return "value";
|
||||
}
|
||||
if (Array.isArray(value)) {
|
||||
return "array";
|
||||
}
|
||||
if (typeof value === "object") {
|
||||
return "object";
|
||||
}
|
||||
return "value";
|
||||
}
|
||||
function getStatus(value, newValue) {
|
||||
if (value === void 0) {
|
||||
return "added";
|
||||
}
|
||||
if (newValue === void 0) {
|
||||
return "removed";
|
||||
}
|
||||
const bothAreObjects = getType(value) === "object" && getType(newValue) === "object";
|
||||
const bothAreArrays = getType(value) === "array" && getType(newValue) === "array";
|
||||
const bothAreDeepEqual = _.isEqual(value, newValue);
|
||||
if (bothAreDeepEqual) {
|
||||
return "unchanged";
|
||||
}
|
||||
if (bothAreObjects || bothAreArrays) {
|
||||
return "children-updated";
|
||||
}
|
||||
return "updated";
|
||||
}
|
||||
|
||||
function DiffRootViewer({
|
||||
diff
|
||||
}) {
|
||||
return createVNode("div", {
|
||||
"class": 'diffs-viewer'
|
||||
}, [createVNode("ul", null, [DiffViewer({
|
||||
diff,
|
||||
showKeys: false
|
||||
})])]);
|
||||
}
|
||||
function DiffViewer({
|
||||
diff,
|
||||
showKeys = true
|
||||
}) {
|
||||
const {
|
||||
type,
|
||||
status
|
||||
} = diff;
|
||||
if (status === 'updated') {
|
||||
return ComparisonViewer({
|
||||
diff,
|
||||
showKeys
|
||||
});
|
||||
}
|
||||
if (type === 'array') {
|
||||
return ChildrenViewer({
|
||||
diff,
|
||||
showKeys,
|
||||
showChildrenKeys: false,
|
||||
openTag: '[',
|
||||
closeTag: ']'
|
||||
});
|
||||
}
|
||||
if (type === 'object') {
|
||||
return ChildrenViewer({
|
||||
diff,
|
||||
showKeys,
|
||||
openTag: '{',
|
||||
closeTag: '}'
|
||||
});
|
||||
}
|
||||
return LineDiffViewer({
|
||||
diff,
|
||||
showKeys
|
||||
});
|
||||
}
|
||||
function LineDiffViewer({
|
||||
diff,
|
||||
showKeys
|
||||
}) {
|
||||
const {
|
||||
value,
|
||||
key,
|
||||
status,
|
||||
oldValue
|
||||
} = diff;
|
||||
const valueToDisplay = status === 'removed' ? oldValue : value;
|
||||
return createVNode("li", null, [createVNode("span", {
|
||||
"class": [status, 'result']
|
||||
}, [showKeys && createVNode(Fragment, null, [createVNode("span", {
|
||||
"class": 'key'
|
||||
}, [key]), ': ']), Value({
|
||||
value: valueToDisplay,
|
||||
status
|
||||
})]), createTextVNode(",")]);
|
||||
}
|
||||
function ComparisonViewer({
|
||||
diff,
|
||||
showKeys
|
||||
}) {
|
||||
const {
|
||||
value,
|
||||
key,
|
||||
oldValue
|
||||
} = diff;
|
||||
return createVNode("li", {
|
||||
"class": 'updated-line'
|
||||
}, [showKeys && createVNode(Fragment, null, [createVNode("span", {
|
||||
"class": 'key'
|
||||
}, [key]), ': ']), Value({
|
||||
value: oldValue,
|
||||
status: 'removed'
|
||||
}), Value({
|
||||
value,
|
||||
status: 'added'
|
||||
}), createTextVNode(",")]);
|
||||
}
|
||||
function ChildrenViewer({
|
||||
diff,
|
||||
openTag,
|
||||
closeTag,
|
||||
showKeys,
|
||||
showChildrenKeys = true
|
||||
}) {
|
||||
const {
|
||||
children,
|
||||
key,
|
||||
status,
|
||||
type
|
||||
} = diff;
|
||||
return createVNode("li", null, [createVNode("div", {
|
||||
"class": [type, status],
|
||||
"style": {
|
||||
display: 'inline-block'
|
||||
}
|
||||
}, [showKeys && createVNode(Fragment, null, [createVNode("span", {
|
||||
"class": 'key'
|
||||
}, [key]), ': ']), openTag, children.length > 0 && createVNode("ul", null, [children.map(diff => DiffViewer({
|
||||
diff,
|
||||
showKeys: showChildrenKeys
|
||||
}))]), `${closeTag},`])]);
|
||||
}
|
||||
function formatValue(value) {
|
||||
if (_.isNull(value)) {
|
||||
return 'null';
|
||||
}
|
||||
return JSON.stringify(value);
|
||||
}
|
||||
function Value({
|
||||
value,
|
||||
status
|
||||
}) {
|
||||
const formatedValue = formatValue(value);
|
||||
const {
|
||||
copy
|
||||
} = useCopy({
|
||||
source: formatedValue
|
||||
});
|
||||
return createVNode("span", {
|
||||
"class": ['value', status],
|
||||
"onClick": () => copy()
|
||||
}, [formatedValue]);
|
||||
}
|
||||
|
||||
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
||||
__name: "diff-viewer",
|
||||
__ssrInlineRender: true,
|
||||
props: {
|
||||
leftJson: {},
|
||||
rightJson: {}
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const onlyShowDifferences = ref(false);
|
||||
const { leftJson, rightJson } = toRefs(props);
|
||||
const appTheme = useAppTheme();
|
||||
const result = computed(
|
||||
() => diff(leftJson.value, rightJson.value, { onlyShowDifferences: onlyShowDifferences.value })
|
||||
);
|
||||
const jsonAreTheSame = computed(() => _.isEqual(leftJson.value, rightJson.value));
|
||||
const showResults = computed(() => !_.isUndefined(leftJson.value) && !_.isUndefined(rightJson.value));
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
const _component_n_form_item = NFormItem;
|
||||
const _component_n_switch = NSwitch;
|
||||
const _component_c_card = __unplugin_components_1;
|
||||
const _cssVars = { style: {
|
||||
"--7a613f80": unref(appTheme).text.mutedColor,
|
||||
"--ed7825ee": unref(appTheme).success.colorFaded,
|
||||
"--31e3079f": unref(appTheme).success.color,
|
||||
"--8956bfb8": unref(appTheme).error.colorFaded,
|
||||
"--3a20e0b8": unref(appTheme).error.color,
|
||||
"--29d2da8a": unref(appTheme).text.baseColor
|
||||
} };
|
||||
if (unref(showResults)) {
|
||||
_push(`<div${ssrRenderAttrs(mergeProps(_attrs, _cssVars))} data-v-d84bb557><div flex justify-center data-v-d84bb557>`);
|
||||
_push(ssrRenderComponent(_component_n_form_item, {
|
||||
label: "Only show differences",
|
||||
"label-placement": "left"
|
||||
}, {
|
||||
default: withCtx((_2, _push2, _parent2, _scopeId) => {
|
||||
if (_push2) {
|
||||
_push2(ssrRenderComponent(_component_n_switch, {
|
||||
value: unref(onlyShowDifferences),
|
||||
"onUpdate:value": ($event) => isRef(onlyShowDifferences) ? onlyShowDifferences.value = $event : null
|
||||
}, null, _parent2, _scopeId));
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_n_switch, {
|
||||
value: unref(onlyShowDifferences),
|
||||
"onUpdate:value": ($event) => isRef(onlyShowDifferences) ? onlyShowDifferences.value = $event : null
|
||||
}, null, 8, ["value", "onUpdate:value"])
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent));
|
||||
_push(`</div>`);
|
||||
_push(ssrRenderComponent(_component_c_card, { "data-test-id": "diff-result" }, {
|
||||
default: withCtx((_2, _push2, _parent2, _scopeId) => {
|
||||
if (_push2) {
|
||||
if (unref(jsonAreTheSame)) {
|
||||
_push2(`<div text-center op-70 data-v-d84bb557${_scopeId}> The provided JSONs are the same </div>`);
|
||||
} else {
|
||||
_push2(ssrRenderComponent(unref(DiffRootViewer), { diff: unref(result) }, null, _parent2, _scopeId));
|
||||
}
|
||||
} else {
|
||||
return [
|
||||
unref(jsonAreTheSame) ? (openBlock(), createBlock("div", {
|
||||
key: 0,
|
||||
"text-center": "",
|
||||
"op-70": ""
|
||||
}, " The provided JSONs are the same ")) : (openBlock(), createBlock(unref(DiffRootViewer), {
|
||||
key: 1,
|
||||
diff: unref(result)
|
||||
}, null, 8, ["diff"]))
|
||||
];
|
||||
}
|
||||
}),
|
||||
_: 1
|
||||
}, _parent));
|
||||
_push(`</div>`);
|
||||
} else {
|
||||
_push(`<!---->`);
|
||||
}
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
/* unplugin-vue-components disabled */const diffViewer_vue_vue_type_style_index_0_scoped_d84bb557_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/tools/json-diff/diff-viewer/diff-viewer.vue");
|
||||
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
||||
};
|
||||
const DiffsViewer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d84bb557"]]);
|
||||
|
||||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||||
__name: "json-diff",
|
||||
__ssrInlineRender: true,
|
||||
setup(__props) {
|
||||
const rawLeftJson = ref("");
|
||||
const rawRightJson = ref("");
|
||||
const leftJson = computed(() => withDefaultOnError(() => JSON5.parse(rawLeftJson.value), void 0));
|
||||
const rightJson = computed(() => withDefaultOnError(() => JSON5.parse(rawRightJson.value), void 0));
|
||||
const jsonValidationRules = [
|
||||
{
|
||||
validator: (value) => value === "" || isNotThrowing(() => JSON5.parse(value)),
|
||||
message: "Invalid JSON format"
|
||||
}
|
||||
];
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
const _component_c_input_text = __unplugin_components_3;
|
||||
_push(`<!--[-->`);
|
||||
_push(ssrRenderComponent(_component_c_input_text, {
|
||||
value: unref(rawLeftJson),
|
||||
"onUpdate:value": ($event) => isRef(rawLeftJson) ? rawLeftJson.value = $event : null,
|
||||
"validation-rules": jsonValidationRules,
|
||||
label: "Your first JSON",
|
||||
placeholder: "Paste your first JSON here...",
|
||||
rows: "20",
|
||||
multiline: "",
|
||||
"test-id": "leftJson",
|
||||
"raw-text": "",
|
||||
monospace: ""
|
||||
}, null, _parent));
|
||||
_push(ssrRenderComponent(_component_c_input_text, {
|
||||
value: unref(rawRightJson),
|
||||
"onUpdate:value": ($event) => isRef(rawRightJson) ? rawRightJson.value = $event : null,
|
||||
"validation-rules": jsonValidationRules,
|
||||
label: "Your JSON to compare",
|
||||
placeholder: "Paste your JSON to compare here...",
|
||||
rows: "20",
|
||||
multiline: "",
|
||||
"test-id": "rightJson",
|
||||
"raw-text": "",
|
||||
monospace: ""
|
||||
}, null, _parent));
|
||||
_push(ssrRenderComponent(DiffsViewer, {
|
||||
"left-json": unref(leftJson),
|
||||
"right-json": unref(rightJson)
|
||||
}, null, _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/json-diff/json-diff.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