Update service import paths

demo/services.js

@@ -2,12 +2,12 @@ import MainNavigation from './mainNavigation.js';
 
 export default {
     MainNavigation: () => MainNavigation,
-    PageController: () => import('./controllers/page'),
-    ArticleController: () => import('./controllers/article'),
-    TagController: () => import('./controllers/tag'),
-    UserController: () => import('./controllers/user'),
-    CategoryController: () => import('./controllers/category'),
-    MediaController: () => import('./controllers/media'),
-    SnippetController: () => import('./controllers/snippet'),
-    MySettingsController: () => import('./controllers/mySettings')
+    PageController: () => import('./controllers/page.js'),
+    ArticleController: () => import('./controllers/article/index.js'),
+    TagController: () => import('./controllers/tag.js'),
+    UserController: () => import('./controllers/user.js'),
+    CategoryController: () => import('./controllers/category.js'),
+    MediaController: () => import('./controllers/media.js'),
+    SnippetController: () => import('./controllers/snippet.js'),
+    MySettingsController: () => import('./controllers/mySettings.js')
 };

documentation/adding-resource.md

@@ -112,7 +112,7 @@ Open up your services file (src/services.js) and add new tag resource controller
 Use dynamic import to load controller code and its dependencies only when controller is actually rendered.
 ```js
 ...
-TagController: () => import('./controllers/tag'),
+TagController: () => import('./controllers/tag.js'),
 ...
 ```
 Done! Read up on [services](/core-concepts-and-api.html#services) if you want to learn more.

documentation/changelog.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## 0.79.7
+* Change: update internal services import paths
+
 ## 0.79.6
 * Change: update package dependencies
 * Change: refactor styles to support new sass version

documentation/core-concepts-and-api.md

@@ -395,9 +395,9 @@ A typical service container with navigation and few registered controllers looks
 
 ```js
 export default {
-    MainNavigation: () => import('./controllers/mainNavigation'),
-    PageController: () => import('./controllers/page'),
-    TagController: () => import('./controllers/tag')
+    MainNavigation: () => import('./controllers/mainNavigation.js'),
+    PageController: () => import('./controllers/page.js'),
+    TagController: () => import('./controllers/tag.js')
 };
 ```
 If you need to access service container manually somewhere in your code:

src/js/appServices.js

@@ -21,15 +21,15 @@ export default {
     // Common components
     MainNavigation: () => MainNavigation,
     BaseMainNavigation: () => MainNavigation,
-    AppSearch: () => import('./components/appSearch'),
+    AppSearch: () => import('./components/appSearch.vue'),
 
     // Controllers
     BaseResourceController: () => BaseResourceController,
-    BaseResourceEditController: () => import('./controllers/baseResourceEdit'),
-    BaseMediaResourceController: () => import('./controllers/baseMediaResource'),
-    BaseNestedResourceController: () => import('./controllers/baseNestedResource'),
-    ErrorController: () => import('./controllers/error'),
-    AuthController: () => import('./controllers/auth'),
+    BaseResourceEditController: () => import('./controllers/baseResourceEdit.vue'),
+    BaseMediaResourceController: () => import('./controllers/baseMediaResource.vue'),
+    BaseNestedResourceController: () => import('./controllers/baseNestedResource.vue'),
+    ErrorController: () => import('./controllers/error.vue'),
+    AuthController: () => import('./controllers/auth.vue'),
 
     // List items
     TextListItem: () => TextListItem,
@@ -38,30 +38,30 @@ export default {
     DateTimeListItem: () => DateTimeListItem,
     BlipListItem: () => BlipListItem,
     ButtonListItem: () => ButtonListItem,
-    MediaListItem: () => import('./listElements/media'),
+    MediaListItem: () => import('./listElements/media.vue'),
     ContextMenuListItem: () => ContextMenuListItem,
 
     // Form elements
     TextFormElement: () => TextFormElement,
-    NumberFormElement: () => import('./formElements/number'),
+    NumberFormElement: () => import('./formElements/number.vue'),
     TextareaFormElement: () => TextareaFormElement,
     CheckboxFormElement: () => CheckboxFormElement,
     SelectFormElement: () => SelectFormElement,
     ExternalAdminFormElement: () => ExternalAdminFormElement,
     IncludedAdminFormElement: () => IncludedAdminFormElement,
-    StateSelectFormElement: () => import('./formElements/stateSelect'),
-    DateFormElement: () => import('./formElements/date'),
-    DateTimeFormElement: () => import('./formElements/dateTime'),
-    HiddenFormElement: () => import('./formElements/hidden'),
-    HtmlFormElement: () => import('./formElements/html'),
-    HtmlComponentsFormElement: () => import('./formElements/htmlComponents'),
-    MapFormElement: () => import('./formElements/map'),
-    MultipleSelectFormElement: () => import('./formElements/multipleSelect'),
-    FileAttachmentFormElement: () => import('./formElements/fileAttachment'),
-    MediaPreviewFormElement: () => import('./formElements/mediaPreview'),
-    MediaFormElement: () => import('./formElements/media'),
-    NestedSelectFormElement: () => import('./formElements/nestedSelect'),
-    CodeFormElement: () => import('./formElements/code'),
-    ColorFormElement: () => import('./formElements/color')
+    StateSelectFormElement: () => import('./formElements/stateSelect.vue'),
+    DateFormElement: () => import('./formElements/date.vue'),
+    DateTimeFormElement: () => import('./formElements/dateTime.vue'),
+    HiddenFormElement: () => import('./formElements/hidden.vue'),
+    HtmlFormElement: () => import('./formElements/html.vue'),
+    HtmlComponentsFormElement: () => import('./formElements/htmlComponents/index.vue'),
+    MapFormElement: () => import('./formElements/map.vue'),
+    MultipleSelectFormElement: () => import('./formElements/multipleSelect.vue'),
+    FileAttachmentFormElement: () => import('./formElements/fileAttachment.vue'),
+    MediaPreviewFormElement: () => import('./formElements/mediaPreview.vue'),
+    MediaFormElement: () => import('./formElements/media.vue'),
+    NestedSelectFormElement: () => import('./formElements/nestedSelect/index.vue'),
+    CodeFormElement: () => import('./formElements/code.vue'),
+    ColorFormElement: () => import('./formElements/color.vue')
 
 };