Fixed some webpack chunknames.

tine-groupware · Feb 28, 2025 · d9186b8 · d9186b8
1 parent 84d0a7e
commit d9186b8
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 10 deletions.
diff --git a/tine20/Tinebase/js/LoginPanel.js b/tine20/Tinebase/js/LoginPanel.js
@@ -759,7 +759,7 @@ Tine.Tinebase.LoginPanel = Ext.extend(Ext.BoxComponent, {
             return
         }
         try {
-            const rfc4648 = await import('rfc4648');
+            const rfc4648 = await import(/* webpackChunkName: "Tinebase/js/rfc4648"*/'rfc4648');
 
             if(this._credGetAbortController) this._credGetAbortController.abort()
             this._credGetAbortController = new AbortController()

diff --git a/tine20/Tinebase/js/ux/vue/PersonaContainer/index.js b/tine20/Tinebase/js/ux/vue/PersonaContainer/index.js
@@ -1,3 +1,4 @@
+import {default as vPersonaContainer} from './PersonaContainer.vue'
 Ext.ns("Tine.ux.vue")
 Ext.ns("Tine.personas")
 
@@ -28,10 +29,8 @@ export const PersonaContainer = Ext.extend(Ext.BoxComponent, {
 
     onRender: async function (ct, position){
         Ext.BoxComponent.superclass.onRender.call(this, ct, position)
-        window.vue = window.vue || await import(/* webpackChunkName: "Tinebase/js/Vue-Runtime" */"tine-vue")
-        const { default: PersonaContainer } = await import("./PersonaContainer.vue")
-        this.app = vue.createApp(
-            PersonaContainer,
+        this.app = window.vue.createApp(
+            vPersonaContainer,
             {
                 iconName: this.initialConfig.persona,
                 skinColor: this.initialConfig.skinColor

diff --git a/tine20/Tinebase/js/widgets/dialog/vue/PasswordChangeDialog/index.js b/tine20/Tinebase/js/widgets/dialog/vue/PasswordChangeDialog/index.js
@@ -37,7 +37,7 @@ Tine.Tinebase.PasswordChangeDialog = Ext.extend(Tine.widgets.dialog.ModalDialog,
             passwordLabel: this.passwordLabel,
             dialogText: this.dialogText
         })
-        const { default: PasswordChangeDialog } = await import(/* webpackChunkName: "Tinebase/vue/PasswordChangeDialog"*/'./PasswordChangeDialog.vue')
+        const { default: PasswordChangeDialog } = await import(/* webpackChunkName: "Tinebase/js/vPasswordChangeDialog"*/'./PasswordChangeDialog.vue')
         this.dlgContentComponent = PasswordChangeDialog
         this.vueEventBus.on('close', this.destroy.bind(this))
         this.vueEventBus.on('cancel', this.destroy.bind(this))

diff --git a/tine20/Tinebase/js/widgets/dialog/vue/PasswordDialog/index.js b/tine20/Tinebase/js/widgets/dialog/vue/PasswordDialog/index.js
@@ -75,7 +75,7 @@ Tine.Tinebase.widgets.dialog.PasswordDialog = Ext.extend(Tine.widgets.dialog.Mod
 
         this.injected['genPW'] = this.genPW.bind(this)
 
-        const { default: PasswordDialog } = await import(/* webpackChunkName: "Tinebase/vue/PasswordDialog"*/'./PasswordDialog.vue')
+        const { default: PasswordDialog } = await import(/* webpackChunkName: "Tinebase/js/vPasswordDialog"*/'./PasswordDialog.vue')
 
         this.dlgContentComponent = PasswordDialog
         this.postInit()

diff --git a/tine20/library/ExtJS/src/widgets/ColorPalette.js b/tine20/library/ExtJS/src/widgets/ColorPalette.js
@@ -233,8 +233,7 @@ cp.colors = ['000000', '993300', '333300'];
     renderColorPicker: async function () {
         const me = this;
 
-        window.vue = window.vue || await import(/* webpackChunkName: "Tinebase/js/Vue-Runtime"*/"tine-vue")
-        const {createApp, h} = await import("vue");
+        const {createApp, h} = window.vue
         const {default: ColorPickerApp} = await import(/* webpackChunkName: "Tinebase/js/ColorPickerApp" */ 'ux/form/ColorPickerApp.vue');
 
         const colorPickerApp = new Ext.Component({

diff --git a/tine20/library/ExtJS/src/widgets/form/VueAlert/index.js b/tine20/library/ExtJS/src/widgets/form/VueAlert/index.js
@@ -11,7 +11,7 @@ Ext.form.VueAlert = Ext.extend(Ext.BoxComponent, {
 
     initComponent: async function() {
         const {createApp, h, reactive} = window.vue
-        const {default: VueAlert} = await import(/* webpackChunkName: "Tinebase/vue/VueAlert"*/'./VueAlert.vue')
+        const {default: VueAlert} = await import(/* webpackChunkName: "Tinebase/js/VueAlert"*/'./VueAlert.vue')
         this.props = reactive({
             label: this.label,
             variant: this.variant