merge newui branch

ui/src/fields/json/view.js

@@ -0,0 +1,21 @@
+// {
+//     record: undefined,
+//     field: undefined,
+//     short: false,
+// }
+export function view(props) {
+    return t.div({ className: "record-field-view field-type-json" }, () => {
+        const rawValue = props.record[props.field.name];
+
+        if (props.short) {
+            return t.span({
+                className: "txt-code txt-ellipsis",
+                textContent: app.utils.truncate(app.utils.trimQuotedValue(JSON.stringify(rawValue)) || ""),
+            });
+        }
+
+        return app.components.codeBlock({
+            value: () => JSON.stringify(rawValue, null, 2),
+        });
+    });
+}