Ditch default <pre> wrapper in dialog

scriptype · scriptype · commit b69b7f4d7a45 · 2026-02-20T02:02:05.000+03:00
diff --git a/src/cms/server/public/app/explorePanel/createContentType.js b/src/cms/server/public/app/explorePanel/createContentType.js
@@ -26,6 +26,7 @@ const modelConfigs = {
 
 export default async () => {
   dialog.html(`
+<pre>
 <form>
   <label>
     Name:
@@ -97,7 +98,7 @@ export default async () => {
 
   <button type="submit">Create</button>
 </form>
-  `).show()
+</pre>`).show()
 
   const form = dialog.find('form')
 
diff --git a/src/cms/server/public/app/explorePanel/getCollections.js b/src/cms/server/public/app/explorePanel/getCollections.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const collections = await api.collections.get()
 
-  dialog.textContent(JSON.stringify(collections, null, 2))
+  dialog.html(`<pre>${JSON.stringify(collections, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getContentModel.js b/src/cms/server/public/app/explorePanel/getContentModel.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const contentModel = await api.contentModel.get()
 
-  dialog.textContent(JSON.stringify(contentModel, null, 2))
+  dialog.html(`<pre>${JSON.stringify(contentModel, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getContentTypes.js b/src/cms/server/public/app/explorePanel/getContentTypes.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const contentTypes = await api.contentTypes.get()
 
-  dialog.textContent(JSON.stringify(contentTypes, null, 2))
+  dialog.html(`<pre>${JSON.stringify(contentTypes, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getFileSystemTree.js b/src/cms/server/public/app/explorePanel/getFileSystemTree.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const fileSystemTree = await api.fileSystemTree.get()
 
-  dialog.textContent(JSON.stringify(fileSystemTree, null, 2))
+  dialog.html(`<pre>${JSON.stringify(fileSystemTree, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getHomepage.js b/src/cms/server/public/app/explorePanel/getHomepage.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const homepage = await api.homepage.get()
 
-  dialog.textContent(JSON.stringify(homepage, null, 2))
+  dialog.html(`<pre>${JSON.stringify(homepage, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getSSGOptions.js b/src/cms/server/public/app/explorePanel/getSSGOptions.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const ssgOptions = await api.ssgOptions.get()
 
-  dialog.textContent(JSON.stringify(ssgOptions, null, 2))
+  dialog.html(`<pre>${JSON.stringify(ssgOptions, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getSettings.js b/src/cms/server/public/app/explorePanel/getSettings.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const settings = await api.settings.get()
 
-  dialog.textContent(JSON.stringify(settings, null, 2))
+  dialog.html(`<pre>${JSON.stringify(settings, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getSubpage.js b/src/cms/server/public/app/explorePanel/getSubpage.js
@@ -8,5 +8,5 @@ export default async () => {
     title: prompt('Enter subpage title')
   })
 
-  dialog.textContent(JSON.stringify(subpage, null, 2))
+  dialog.html(`<pre>${JSON.stringify(subpage, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/explorePanel/getSubpages.js b/src/cms/server/public/app/explorePanel/getSubpages.js
@@ -6,5 +6,5 @@ export default async () => {
 
   const subpages = await api.subpages.get()
 
-  dialog.textContent(JSON.stringify(subpages, null, 2))
+  dialog.html(`<pre>${JSON.stringify(subpages, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/index.html b/src/cms/server/public/index.html
@@ -73,10 +73,6 @@
             backdrop-filter: blur(10px);
         }
 
-        #dialog-content {
-            white-space: pre-wrap;
-        }
-
         .collapsed {
             width: 3em;
             height: 3em;
@@ -112,7 +108,7 @@
             <form method="dialog">
                 <button autofocus>Close</button>
             </form>
-            <pre id="dialog-content"></pre>
+            <div id="dialog-content"></div>
         </dialog>
         <script type="module" src="app.js"></script>
         <script type="module" src="app/explorePanel.js"></script>

Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const collections = await api.collections.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(collections, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(collections, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const contentModel = await api.contentModel.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(contentModel, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(contentModel, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const contentTypes = await api.contentTypes.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(contentTypes, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(contentTypes, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const fileSystemTree = await api.fileSystemTree.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(fileSystemTree, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(fileSystemTree, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const homepage = await api.homepage.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(homepage, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(homepage, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const ssgOptions = await api.ssgOptions.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(ssgOptions, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(ssgOptions, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const settings = await api.settings.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(settings, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(settings, null, 2)}</pre>`)
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,5 +8,5 @@ export default async () => {`
`8`	`8`	`title: prompt('Enter subpage title')`
`9`	`9`	`})`
`10`	`10`
`11`		`- dialog.textContent(JSON.stringify(subpage, null, 2))`
	`11`	+ dialog.html(`<pre>${JSON.stringify(subpage, null, 2)}</pre>`)
`12`	`12`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ export default async () => {`
`6`	`6`
`7`	`7`	`const subpages = await api.subpages.get()`
`8`	`8`
`9`		`- dialog.textContent(JSON.stringify(subpages, null, 2))`
	`9`	+ dialog.html(`<pre>${JSON.stringify(subpages, null, 2)}</pre>`)
`10`	`10`	`}`