mirror/pocketbase
1
0
Fork 0
mirror of https://github.com/pocketbase/pocketbase.git synced 2026-05-19 14:21:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

[#7649] renamed the stringify util and removed its unnecessery tags stripping

Browse Source
This commit is contained in:
Gani Georgiev
2026-04-20 11:46:35 +03:00
parent 1b18ab9bec
commit d35a0d841c
8 changed files with 30 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
CHANGELOG.md
View File

@@ -4,18 +4,20 @@
- Slightly adjusted the dark theme colors for better readability ([#7648](https://github.com/pocketbase/pocketbase/discussions/7648)).
- Removed unnecessery tags stripping from the displayed log attributes ([#7649](https://github.com/pocketbase/pocketbase/issues/7649)).
## v0.37.1
- Minor UI bugfixes:
- Fixed `number` field input values normalization ([#7646](https://github.com/pocketbase/pocketbase/issues/7646)).
- Allow opening collections in new tab on middle click.
- Allow opening collections in new tab with middle click.
- Show collection name in the page title on initial load.
## v0.37.0
- New UI rewritten from scratch and with support for external customizations in mind.
- New UI rewritten from scratch and with support for external customization in mind.
> Note that as explained in [#7612](https://github.com/pocketbase/pocketbase/discussions/7612) the new UI kit and extensions APIs will intentionally remain undocumented until "Stage 2 completion" _(there no ETAs)_.
The new UI also introduced several other small improvements:

10
ui/dist/assets/index-CqTYCBEi.js → ui/dist/assets/index-BNqjqJMs.js vendored
View File

File diff suppressed because one or more lines are too long

2
ui/dist/index.html vendored
View File

@@ -13,7 +13,7 @@
<!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-CqTYCBEi.js"></script>
<script type="module" crossorigin src="./assets/index-BNqjqJMs.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-B4KpgLuQ.css">
</head>

2
ui/src/fields/text/input.js
View File

@@ -73,7 +73,7 @@ export function input(props) {
const autodateValues = [];
for (let f of autodateFields) {
autodateValues.push(`${f.name}: ${app.utils.stringifyValue(props.record[f.name])}`);
autodateValues.push(`${f.name}: ${app.utils.displayValue(props.record[f.name])}`);
}
return t.div(

2
ui/src/logs/logPreviewModal.js
View File

@@ -239,7 +239,7 @@ function logPreviewModal(logIdOrModel, settings) {
return t.span({
className: "txt",
textContent: app.utils.stringifyValue(value, "N/A", 1000),
textContent: app.utils.displayValue(value, 1000),
});
}),
t.td({ className: "col-copy min-width" }, app.components.copyButton(value)),

10
ui/src/logs/logsList.js
View File

@@ -374,18 +374,12 @@ export function logsList(logsSettings) {
if (app.utils.logDataFormatters[keyItem.key]) {
value = app.utils.logDataFormatters[keyItem.key](log);
} else {
value = app.utils.stringifyValue(
log.data[keyItem.key],
"N/A",
80,
);
value = app.utils.displayValue(log.data[keyItem.key], 80);
}
labels.push(
t.span(
{
className: `label sm ${keyItem.label || ""}`,
},
{ className: `label sm ${keyItem.label || ""}` },
`${keyItem.key}: ${value}`,
),
);

2
ui/src/records/recordPreviewModal.js
View File

@@ -213,7 +213,7 @@ function recordPreviewModal(rawRecord, modalSettings) {
});
}
return app.utils.stringifyValue(data.record[f.name]);
return app.utils.displayValue(data.record[f.name], 1000);
},
),
);

41
ui/src/utils.js
View File

@@ -606,47 +606,36 @@ const utils = {
},
/**
* Stringifies the provided value or fallback to missingValue in case it is empty.
* Returns a stringified truncated version of the provided value
* or fallback to `missingValue` in case it is empty.
*
* @param {Mixed} val
* @param {number} [truncateLength]
* @param {string} [missingValue]
* @param {string} [truncateLength]
* @return {string}
*/
stringifyValue(val, missingValue = "N/A", truncateLength = 150) {
displayValue(val, truncateLength = 150, missingValue = "N/A") {
// check the raw value for "emptiness"
if (utils.isEmpty(val)) {
return missingValue;
}
if (typeof val == "number") {
return "" + val;
}
if (typeof val == "boolean") {
return val ? "True" : "False";
}
if (typeof val == "string") {
val = val.indexOf("<") >= 0 ? utils.plainText(val) : val;
return utils.truncate(val, truncateLength) || missingValue;
}
// plain array
if (Array.isArray(val) && typeof val[0] != "object") {
return utils.truncate(val.join(","), truncateLength);
}
// json
if (typeof val == "object") {
// already a string
} else if (typeof val == "boolean") {
val = val ? "True" : "False";
} else if (Array.isArray(val) && typeof val[0] != "object") {
// assuming primitive array values
val = val.map((child) => utils.displayValue(child, truncateLength, missingValue)).join(", ");
} else {
try {
return utils.truncate(JSON.stringify(val), truncateLength) || missingValue;
val = JSON.stringify(val) || "";
} catch (_) {
return missingValue;
val = "" + val;
}
}
// return as it is
return val;
return val ? utils.truncate(val, truncateLength) : missingValue;
},
/**