Move explorePanel into components

scriptype · scriptype · commit 853252eda35a · 2026-02-26T08:55:25.000+03:00
diff --git a/src/cms/server/public/AGENTS.md b/src/cms/server/public/AGENTS.md
@@ -4,8 +4,11 @@
 ## Architecture
 - `app/` contains the UI code
 - `app/components/` holds reusable components
-- Feature-specific modules live in their own folders (e.g., `app/explorePanel/`)
+- Feature-specific modules live in their own folders under `app/components/` (e.g., `app/components/explorePanel/`)
 
 ## Preferences
 - No 3rd party libraries — vanilla JS only
 - No external CSS files — styles are inline `<style>` blocks within component templates
+
+## Verification
+- After moving/renaming files or changing imports, check the browser console for errors (server runs on port 8080)
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 '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 const modelConfigs = {
   homepage: [],
diff --git a/src/cms/server/public/app/components/explorePanel/createHomepage.js b/src/cms/server/public/app/components/explorePanel/createHomepage.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const createHomepage = () => {
   return api.homepage.create({
diff --git a/src/cms/server/public/app/components/explorePanel/createSubpage.js b/src/cms/server/public/app/components/explorePanel/createSubpage.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const createSubpage = () => {
   return api.subpage.create({
diff --git a/src/cms/server/public/app/components/explorePanel/getCollections.js b/src/cms/server/public/app/components/explorePanel/getCollections.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getContentModel.js b/src/cms/server/public/app/components/explorePanel/getContentModel.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getContentTypes.js b/src/cms/server/public/app/components/explorePanel/getContentTypes.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getFileSystemTree.js b/src/cms/server/public/app/components/explorePanel/getFileSystemTree.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getHomepage.js b/src/cms/server/public/app/components/explorePanel/getHomepage.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getSSGOptions.js b/src/cms/server/public/app/components/explorePanel/getSSGOptions.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getSettings.js b/src/cms/server/public/app/components/explorePanel/getSettings.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getSubpage.js b/src/cms/server/public/app/components/explorePanel/getSubpage.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/getSubpages.js b/src/cms/server/public/app/components/explorePanel/getSubpages.js
@@ -1,5 +1,5 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
 
 export default async () => {
   dialog.textContent('Loading').show()
diff --git a/src/cms/server/public/app/components/explorePanel/index.js b/src/cms/server/public/app/components/explorePanel/index.js
@@ -1,21 +1,21 @@
-import { query, createDOMNodeFromHTML, setIframeSrc } from './common.js'
-import ssgBuild from './explorePanel/ssgBuild.js'
-import ssgWatch from './explorePanel/ssgWatch.js'
-import ssgStopWatcher from './explorePanel/ssgStopWatcher.js'
-import getSSGOptions from './explorePanel/getSSGOptions.js'
-import getSettings from './explorePanel/getSettings.js'
-import updateSettings from './explorePanel/updateSettings.js'
-import getContentTypes from './explorePanel/getContentTypes.js'
-import selectContentTypes from './explorePanel/selectContentTypes.js'
-import createContentType from './explorePanel/createContentType.js'
-import getContentModel from './explorePanel/getContentModel.js'
-import getFileSystemTree from './explorePanel/getFileSystemTree.js'
-import getCollections from './explorePanel/getCollections.js'
-import getSubpages from './explorePanel/getSubpages.js'
-import getSubpage from './explorePanel/getSubpage.js'
-import createSubpage from './explorePanel/createSubpage.js'
-import getHomepage from './explorePanel/getHomepage.js'
-import createHomepage from './explorePanel/createHomepage.js'
+import { query, createDOMNodeFromHTML, setIframeSrc } from '../../common.js'
+import ssgBuild from './ssgBuild.js'
+import ssgWatch from './ssgWatch.js'
+import ssgStopWatcher from './ssgStopWatcher.js'
+import getSSGOptions from './getSSGOptions.js'
+import getSettings from './getSettings.js'
+import updateSettings from './updateSettings.js'
+import getContentTypes from './getContentTypes.js'
+import selectContentTypes from './selectContentTypes.js'
+import createContentType from './createContentType.js'
+import getContentModel from './getContentModel.js'
+import getFileSystemTree from './getFileSystemTree.js'
+import getCollections from './getCollections.js'
+import getSubpages from './getSubpages.js'
+import getSubpage from './getSubpage.js'
+import createSubpage from './createSubpage.js'
+import getHomepage from './getHomepage.js'
+import createHomepage from './createHomepage.js'
 
 const template = () => {
   return `
diff --git a/src/cms/server/public/app/components/explorePanel/selectContentTypes.js b/src/cms/server/public/app/components/explorePanel/selectContentTypes.js
@@ -1,7 +1,7 @@
-import api from '../../api.js'
-import dialog from '../components/dialog.js'
-import selectContentTypesForm from '../components/selectContentTypesForm.js'
-import defaultContentTypes from '../defaultContentTypes.js'
+import api from '../../../api.js'
+import dialog from '../dialog.js'
+import selectContentTypesForm from '../selectContentTypesForm.js'
+import defaultContentTypes from '../../defaultContentTypes.js'
 
 export default async () => {
   const { $el: $contentTypeForm } = selectContentTypesForm({
diff --git a/src/cms/server/public/app/components/explorePanel/ssgBuild.js b/src/cms/server/public/app/components/explorePanel/ssgBuild.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const ssgBuild = async () => {
   const ssgOptions = await api.ssgOptions.get()
diff --git a/src/cms/server/public/app/components/explorePanel/ssgStopWatcher.js b/src/cms/server/public/app/components/explorePanel/ssgStopWatcher.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const ssgStopWatcher = async () => {
   return api.ssg.stopWatcher()
diff --git a/src/cms/server/public/app/components/explorePanel/ssgWatch.js b/src/cms/server/public/app/components/explorePanel/ssgWatch.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const ssgWatch = async () => {
   const ssgOptions = await api.ssgOptions.get()
diff --git a/src/cms/server/public/app/components/explorePanel/updateSettings.js b/src/cms/server/public/app/components/explorePanel/updateSettings.js
@@ -1,4 +1,4 @@
-import api from '../../api.js'
+import api from '../../../api.js'
 
 const updateSettings = () => {
   const values = ['a', 'b', 'c', 'd']
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/explorePanel.js"></script>
+        <script type="module" src="app/components/explorePanel/index.js"></script>
     </body>
 
-</html>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import api from '../../api.js'`
	`1`	`+import api from '../../../api.js'`
`2`	`2`
`3`	`3`	`const createHomepage = () => {`
`4`	`4`	`return api.homepage.create({`