mgv-backoffice 1.32.0 → 1.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +59 -1
- package/dist/components/BaseCodeBlock.vue.d.ts +17 -0
- package/dist/composables/usePolling.d.ts +31 -0
- package/dist/composables/useThemeClasses.d.ts +27 -24
- package/dist/index.d.ts +5 -1
- package/dist/ui-lib.css +1 -2
- package/dist/ui-lib.js +722 -607
- package/dist/ui-lib.umd.cjs +1 -1
- package/dist/utils/format.d.ts +12 -0
- package/dist/utils/validate.d.ts +35 -0
- package/package.json +1 -1
- package/src/components/BaseCodeBlock.test.ts +70 -0
- package/src/components/BaseCodeBlock.vue +74 -0
- package/src/composables/usePolling.test.ts +112 -0
- package/src/composables/usePolling.ts +90 -0
- package/src/composables/useThemeClasses.test.ts +34 -0
- package/src/composables/useThemeClasses.ts +30 -26
- package/src/index.ts +11 -0
- package/src/style.css +22 -0
- package/src/utils/format.test.ts +29 -0
- package/src/utils/format.ts +28 -0
- package/src/utils/validate.test.ts +82 -0
- package/src/utils/validate.ts +76 -0
package/src/utils/format.ts
CHANGED
|
@@ -168,6 +168,34 @@ export function fmtBytes(bytes: number | null | undefined): string {
|
|
|
168
168
|
return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
+
/**
|
|
172
|
+
* Pretty-print a string that may contain JSON: parseable input is
|
|
173
|
+
* re-serialized with 2-space indentation, anything else is returned
|
|
174
|
+
* verbatim. Handy for request/response bodies of unknown content type.
|
|
175
|
+
*/
|
|
176
|
+
export function formatJson(content: string): string {
|
|
177
|
+
try {
|
|
178
|
+
return JSON.stringify(JSON.parse(content), null, 2)
|
|
179
|
+
} catch {
|
|
180
|
+
return content
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
/**
|
|
185
|
+
* Render an unknown value as a display string: strings pass through,
|
|
186
|
+
* null/undefined become '', everything else is JSON-serialized (falling
|
|
187
|
+
* back to String() for values JSON can't handle, e.g. cycles or BigInt).
|
|
188
|
+
*/
|
|
189
|
+
export function stringifyValue(value: unknown): string {
|
|
190
|
+
if (value === null || value === undefined) return ''
|
|
191
|
+
if (typeof value === 'string') return value
|
|
192
|
+
try {
|
|
193
|
+
return JSON.stringify(value)
|
|
194
|
+
} catch {
|
|
195
|
+
return String(value)
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
171
199
|
/**
|
|
172
200
|
* Format a millisecond duration as compact day/hour/minute units, e.g.
|
|
173
201
|
* "3d 5h", "5h 12m" or "12m". Zero-value leading units are dropped;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import {
|
|
3
|
+
isValidAbsoluteUrl,
|
|
4
|
+
isValidJson,
|
|
5
|
+
isValidXml,
|
|
6
|
+
isValidBase64,
|
|
7
|
+
} from './validate'
|
|
8
|
+
|
|
9
|
+
describe('isValidAbsoluteUrl', () => {
|
|
10
|
+
it('accepts absolute http/https URLs', () => {
|
|
11
|
+
expect(isValidAbsoluteUrl('http://example.com')).toBe(true)
|
|
12
|
+
expect(isValidAbsoluteUrl('https://example.com/path?q=1')).toBe(true)
|
|
13
|
+
expect(isValidAbsoluteUrl(' https://example.com ')).toBe(true)
|
|
14
|
+
})
|
|
15
|
+
|
|
16
|
+
it('rejects empty, relative and non-http schemes', () => {
|
|
17
|
+
expect(isValidAbsoluteUrl('')).toBe(false)
|
|
18
|
+
expect(isValidAbsoluteUrl(' ')).toBe(false)
|
|
19
|
+
expect(isValidAbsoluteUrl('/relative/path')).toBe(false)
|
|
20
|
+
expect(isValidAbsoluteUrl('example.com')).toBe(false)
|
|
21
|
+
expect(isValidAbsoluteUrl('ftp://example.com')).toBe(false)
|
|
22
|
+
expect(isValidAbsoluteUrl('mailto:a@b.c')).toBe(false)
|
|
23
|
+
expect(isValidAbsoluteUrl('not a url')).toBe(false)
|
|
24
|
+
})
|
|
25
|
+
})
|
|
26
|
+
|
|
27
|
+
describe('isValidJson', () => {
|
|
28
|
+
it('treats empty input as valid', () => {
|
|
29
|
+
expect(isValidJson('')).toBe(true)
|
|
30
|
+
expect(isValidJson(' \n ')).toBe(true)
|
|
31
|
+
})
|
|
32
|
+
|
|
33
|
+
it('accepts well-formed JSON of any root type', () => {
|
|
34
|
+
expect(isValidJson('{"a":1}')).toBe(true)
|
|
35
|
+
expect(isValidJson('[1,2]')).toBe(true)
|
|
36
|
+
expect(isValidJson('"str"')).toBe(true)
|
|
37
|
+
expect(isValidJson('42')).toBe(true)
|
|
38
|
+
})
|
|
39
|
+
|
|
40
|
+
it('rejects malformed JSON', () => {
|
|
41
|
+
expect(isValidJson('{a:1}')).toBe(false)
|
|
42
|
+
expect(isValidJson('{"a":1,}')).toBe(false)
|
|
43
|
+
expect(isValidJson('<xml/>')).toBe(false)
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
|
|
47
|
+
describe('isValidXml', () => {
|
|
48
|
+
it('treats empty input as valid', () => {
|
|
49
|
+
expect(isValidXml('')).toBe(true)
|
|
50
|
+
expect(isValidXml(' ')).toBe(true)
|
|
51
|
+
})
|
|
52
|
+
|
|
53
|
+
it('accepts well-formed XML', () => {
|
|
54
|
+
expect(isValidXml('<root><child a="1"/></root>')).toBe(true)
|
|
55
|
+
expect(isValidXml('<?xml version="1.0"?><r/>')).toBe(true)
|
|
56
|
+
})
|
|
57
|
+
|
|
58
|
+
it('rejects malformed XML', () => {
|
|
59
|
+
expect(isValidXml('<root><unclosed></root>')).toBe(false)
|
|
60
|
+
expect(isValidXml('just text')).toBe(false)
|
|
61
|
+
expect(isValidXml('<a><b></a></b>')).toBe(false)
|
|
62
|
+
})
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
describe('isValidBase64', () => {
|
|
66
|
+
it('treats empty input as valid', () => {
|
|
67
|
+
expect(isValidBase64('')).toBe(true)
|
|
68
|
+
expect(isValidBase64(' \n ')).toBe(true)
|
|
69
|
+
})
|
|
70
|
+
|
|
71
|
+
it('accepts well-formed base64, ignoring embedded whitespace', () => {
|
|
72
|
+
expect(isValidBase64('aGVsbG8=')).toBe(true)
|
|
73
|
+
expect(isValidBase64('aGVs\nbG8=')).toBe(true)
|
|
74
|
+
expect(isValidBase64('YQ==')).toBe(true)
|
|
75
|
+
})
|
|
76
|
+
|
|
77
|
+
it('rejects bad lengths, bad alphabets and undecodable input', () => {
|
|
78
|
+
expect(isValidBase64('aGVsbG8')).toBe(false) // length % 4 !== 0
|
|
79
|
+
expect(isValidBase64('aGV$bG8=')).toBe(false) // bad character
|
|
80
|
+
expect(isValidBase64('====')).toBe(false) // padding only
|
|
81
|
+
})
|
|
82
|
+
})
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Pure, dependency-free input validators shared across back-office forms —
|
|
3
|
+
* extracted from WireMate's mock form.
|
|
4
|
+
*
|
|
5
|
+
* Semantics note: the payload validators (`isValidJson`, `isValidXml`,
|
|
6
|
+
* `isValidBase64`) treat empty/whitespace-only input as VALID — callers
|
|
7
|
+
* gate on "is there something to check" separately (required-ness is a
|
|
8
|
+
* different rule from well-formedness). `isValidAbsoluteUrl` is the
|
|
9
|
+
* opposite: it validates a value that must exist, so empty is invalid.
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* `true` when `value` parses as an absolute http:// or https:// URL.
|
|
14
|
+
* Deliberately tightens the scheme list — backends' HTTP clients won't
|
|
15
|
+
* follow ftp:// or mailto: anyway, so a stray scheme is a typo.
|
|
16
|
+
*/
|
|
17
|
+
export function isValidAbsoluteUrl(value: string): boolean {
|
|
18
|
+
const trimmed = (value ?? '').trim()
|
|
19
|
+
if (!trimmed) return false
|
|
20
|
+
try {
|
|
21
|
+
const url = new URL(trimmed)
|
|
22
|
+
return url.protocol === 'http:' || url.protocol === 'https:'
|
|
23
|
+
} catch {
|
|
24
|
+
return false
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* `true` when `str` is empty or parses as JSON.
|
|
30
|
+
*/
|
|
31
|
+
export function isValidJson(str: string): boolean {
|
|
32
|
+
if (!str.trim()) return true
|
|
33
|
+
try {
|
|
34
|
+
JSON.parse(str)
|
|
35
|
+
return true
|
|
36
|
+
} catch {
|
|
37
|
+
return false
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* `true` when `str` is empty or is well-formed XML. Runs the browser's
|
|
43
|
+
* DOMParser and checks for a `<parsererror>` node — the only reliable
|
|
44
|
+
* signal DOMParser provides, since it never throws on bad input.
|
|
45
|
+
*/
|
|
46
|
+
export function isValidXml(str: string): boolean {
|
|
47
|
+
if (!str.trim()) return true
|
|
48
|
+
try {
|
|
49
|
+
const doc = new DOMParser().parseFromString(str, 'application/xml')
|
|
50
|
+
return !doc.getElementsByTagName('parsererror').length
|
|
51
|
+
} catch {
|
|
52
|
+
return false
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* `true` when `str` is empty or is well-formed base64 (after stripping
|
|
58
|
+
* whitespace/newlines, which are harmless in both RFC 4648 and most
|
|
59
|
+
* real-world payloads). Rejects lengths that can't possibly decode
|
|
60
|
+
* (`length % 4 !== 0` after padding) — the common "off by a character"
|
|
61
|
+
* copy/paste issue — then defers to the native decoder as the final
|
|
62
|
+
* authority.
|
|
63
|
+
*/
|
|
64
|
+
export function isValidBase64(str: string): boolean {
|
|
65
|
+
if (!str.trim()) return true
|
|
66
|
+
const compact = str.replace(/\s+/g, '')
|
|
67
|
+
if (!compact) return true
|
|
68
|
+
if (compact.length % 4 !== 0) return false
|
|
69
|
+
if (!/^[A-Za-z0-9+/]*={0,2}$/.test(compact)) return false
|
|
70
|
+
try {
|
|
71
|
+
atob(compact)
|
|
72
|
+
return true
|
|
73
|
+
} catch {
|
|
74
|
+
return false
|
|
75
|
+
}
|
|
76
|
+
}
|