Rename components

scriptype · scriptype · commit 9acd2c3cb672 · 2026-02-28T10:53:40.000+03:00
diff --git a/src/cms/server/public/app/components/Content/contentTree.js b/src/cms/server/public/app/components/Content/contentTree.js
diff --git a/src/cms/server/public/app/components/Content/index.js b/src/cms/server/public/app/components/Content/index.js
@@ -1,6 +1,6 @@
 import { createDOMNodeFromHTML } from '../../common.js'
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 import defaultContentTypes from '../../defaultContentTypes.js'
 import { flattenSubtree } from './contentTree.js'
 import { template } from './template.js'
@@ -95,7 +95,7 @@ const addListeners = ($panel, nodes) => {
 }
 
 const render = async () => {
-  dialog.textContent('Loading…').show()
+  Dialog.textContent('Loading…').show()
 
   const contentModel = await api.contentModel.get()
   state.tree = flattenSubtree(contentModel)
@@ -118,8 +118,8 @@ const update = () => {
   })
   const $panel = createDOMNodeFromHTML(html)
   addListeners($panel, nodes)
-  dialog.html('')
-  dialog.appendChild($panel)
+  Dialog.html('')
+  Dialog.appendChild($panel)
 }
 
 export default { render }
diff --git a/src/cms/server/public/app/components/Content/template.js b/src/cms/server/public/app/components/Content/template.js
diff --git a/src/cms/server/public/app/components/Toolbar.js b/src/cms/server/public/app/components/Toolbar.js
@@ -75,7 +75,7 @@ const template = ({ tools }) => {
   `)
 }
 
-const toolbarPanel = ({ tools }) => {
+const Toolbar = ({ tools }) => {
   const html = template({ tools })
   const $el = createDOMNodeFromHTML(html)
 
@@ -93,4 +93,4 @@ const toolbarPanel = ({ tools }) => {
   }
 }
 
-export default toolbarPanel
+export default Toolbar
diff --git a/src/cms/server/public/app/components/explorePanel/createContentType.js b/src/cms/server/public/app/components/explorePanel/createContentType.js
@@ -1,5 +1,5 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 const modelConfigs = {
   homepage: [],
@@ -25,7 +25,7 @@ const modelConfigs = {
 }
 
 export default async () => {
-  dialog.html(`
+  Dialog.html(`
 <pre>
 <form>
   <label>
@@ -100,12 +100,12 @@ export default async () => {
 </form>
 </pre>`).show()
 
-  const form = dialog.find('form')
+  const form = Dialog.find('form')
 
-  const nameInput = dialog.find('input[name=name]')
-  const modelSelect = dialog.find('select[name=model]')
-  const modelConfigContainer = dialog.find('#model-config')
-  const submitButton = dialog.find('button[type=submit]')
+  const nameInput = Dialog.find('input[name=name]')
+  const modelSelect = Dialog.find('select[name=model]')
+  const modelConfigContainer = Dialog.find('#model-config')
+  const submitButton = Dialog.find('button[type=submit]')
 
   const validate = () => {
     if (!modelSelect.value) {
diff --git a/src/cms/server/public/app/components/explorePanel/getCollections.js b/src/cms/server/public/app/components/explorePanel/getCollections.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const collections = await api.collections.get()
 
-  dialog.html(`<pre>${JSON.stringify(collections, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(collections, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getContentModel.js b/src/cms/server/public/app/components/explorePanel/getContentModel.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const contentModel = await api.contentModel.get()
 
-  dialog.html(`<pre>${JSON.stringify(contentModel, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(contentModel, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getContentTypes.js b/src/cms/server/public/app/components/explorePanel/getContentTypes.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const contentTypes = await api.contentTypes.get()
 
-  dialog.html(`<pre>${JSON.stringify(contentTypes, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(contentTypes, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getFileSystemTree.js b/src/cms/server/public/app/components/explorePanel/getFileSystemTree.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const fileSystemTree = await api.fileSystemTree.get()
 
-  dialog.html(`<pre>${JSON.stringify(fileSystemTree, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(fileSystemTree, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getHomepage.js b/src/cms/server/public/app/components/explorePanel/getHomepage.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const homepage = await api.homepage.get()
 
-  dialog.html(`<pre>${JSON.stringify(homepage, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(homepage, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getSSGOptions.js b/src/cms/server/public/app/components/explorePanel/getSSGOptions.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const ssgOptions = await api.ssgOptions.get()
 
-  dialog.html(`<pre>${JSON.stringify(ssgOptions, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(ssgOptions, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getSettings.js b/src/cms/server/public/app/components/explorePanel/getSettings.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const settings = await api.settings.get()
 
-  dialog.html(`<pre>${JSON.stringify(settings, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(settings, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getSubpage.js b/src/cms/server/public/app/components/explorePanel/getSubpage.js
@@ -1,12 +1,12 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const subpage = await api.subpage.get({
     title: prompt('Enter subpage title')
   })
 
-  dialog.html(`<pre>${JSON.stringify(subpage, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(subpage, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/getSubpages.js b/src/cms/server/public/app/components/explorePanel/getSubpages.js
@@ -1,10 +1,10 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
+import Dialog from '../Dialog.js'
 
 export default async () => {
-  dialog.textContent('Loading').show()
+  Dialog.textContent('Loading').show()
 
   const subpages = await api.subpages.get()
 
-  dialog.html(`<pre>${JSON.stringify(subpages, null, 2)}</pre>`)
+  Dialog.html(`<pre>${JSON.stringify(subpages, null, 2)}</pre>`)
 }
diff --git a/src/cms/server/public/app/components/explorePanel/selectContentTypes.js b/src/cms/server/public/app/components/explorePanel/selectContentTypes.js
@@ -1,20 +1,20 @@
 import api from '../../../api.js'
-import dialog from '../dialog.js'
-import selectContentTypesForm from '../selectContentTypesForm.js'
+import Dialog from '../Dialog.js'
+import SelectContentTypesForm from '../SelectContentTypesForm.js'
 import defaultContentTypes from '../../defaultContentTypes.js'
 
 export default async () => {
-  const { $el: $contentTypeForm } = selectContentTypesForm({
+  const { $el: $contentTypeForm } = SelectContentTypesForm({
     defaultContentTypes,
     onSubmit: (selectedContentTypes) => {
       console.log('selectedContentTypes', selectedContentTypes)
       selectedContentTypes.forEach(async contentType => {
         await api.contentTypes.create(contentType)
       })
-      dialog.hide()
+      Dialog.hide()
     }
   })
-  dialog
+  Dialog
     .html('')
     .appendChild($contentTypeForm)
     .show()
diff --git a/src/cms/server/public/app/editProject.js b/src/cms/server/public/app/editProject.js
@@ -1,16 +1,16 @@
 import api from '../api.js'
 import { query, setIframeSrc } from './common.js'
-import toolbarPanel from './components/toolbarPanel.js'
-import contentPanel from './components/contentPanel/index.js'
+import Toolbar from './components/Toolbar.js'
+import Content from './components/Content/index.js'
 
 const initToolbar = () => {
-  const { $el: $toolbar } = toolbarPanel({
+  const { $el: $toolbar } = Toolbar({
     tools: [
       {
         name: 'content',
         icon: '📋',
         label: 'Content',
-        action: contentPanel.render
+        action: Content.render
       }
     ]
   })
diff --git a/src/cms/server/public/index.html b/src/cms/server/public/index.html
@@ -111,7 +111,7 @@
             <div id="dialog-content"></div>
         </dialog>
         <script type="module" src="app.js"></script>
-        <script type="module" src="app/components/explorePanel/index.js"></script>
+        <script type="module" src="app/components/ExplorePanel/index.js"></script>
     </body>
 
 </html>

Original file line number	Diff line number	Diff line change
`@@ -75,7 +75,7 @@ const template = ({ tools }) => {`
`75`	`75`	`)
`76`	`76`	`}`
`77`	`77`
`78`		`-const toolbarPanel = ({ tools }) => {`
	`78`	`+const Toolbar = ({ tools }) => {`
`79`	`79`	`const html = template({ tools })`
`80`	`80`	`const $el = createDOMNodeFromHTML(html)`
`81`	`81`
`@@ -93,4 +93,4 @@ const toolbarPanel = ({ tools }) => {`
`93`	`93`	`}`
`94`	`94`	`}`
`95`	`95`
`96`		`-export default toolbarPanel`
	`96`	`+export default Toolbar`