@conduction/nextcloud-vue 1.0.0-beta.10 → 1.0.0-beta.11

package/dist/nextcloud-vue.cjs.js

@@ -45779,7 +45779,15 @@ var script$Q = {
 		CnJsonViewer: __vue_component__$T,
 		CnColorPicker: __vue_component__$R,
 		// Lazy-required to break the circular dep with CnAdvancedFormDialog.
-		CnAdvancedFormDialog: () => Promise.resolve().then(function () { return CnAdvancedFormDialog; }),
+		// `.then(m => m.default)` unwraps the dynamic-import module namespace
+		// before Vue receives it. With rollup's `inlineDynamicImports: true`
+		// the namespace is frozen (`Object.freeze({__proto__: null, default:
+		// component})`), and Vue 2's `Vue.extend()` against that wrapper
+		// trips "Cannot add property _Ctor, object is not extensible" when
+		// downstream code (Vue Router, `<component :is>`) attaches its
+		// internal `_Ctor` cache. Pre-unwrapping yields the raw component
+		// options object, which is extensible.
+		CnAdvancedFormDialog: () => Promise.resolve().then(function () { return CnAdvancedFormDialog; }).then(m => m.default),
 	},
 
 	props: {
@@ -46917,7 +46925,7 @@ __vue_render__$Q._withStripped = true;
   /* style */
   const __vue_inject_styles__$Q = undefined;
   /* scoped */
-  const __vue_scope_id__$Q = "data-v-2d8ad664";
+  const __vue_scope_id__$Q = "data-v-65492b92";
   /* module identifier */
   const __vue_module_identifier__$Q = undefined;
   /* functional template */
@@ -108450,9 +108458,24 @@ var CnFilesPage = /*#__PURE__*/Object.freeze({
  * library extensions can add their own by passing a merged map to
  * `CnAppRoot` (or `CnPageRenderer`) via the `pageTypes` prop.
  *
- * Each entry is wrapped in `defineAsyncComponent` so that apps using
- * only a subset of types do not pay the bundle cost for the others
- * (notably `dashboard` which depends on GridStack).
+ * Each entry uses `defineAsyncComponent` with an explicit
+ * `.then(m => m.default)` unwrap. The unwrap is load-bearing: rollup's
+ * `inlineDynamicImports: true` flattens every `import()` call into a
+ * `Promise.resolve().then(() => namespace)` where `namespace` is a
+ * frozen `Object.freeze({__proto__: null, default: <component>})`.
+ * Vue 2's async-component resolution against that frozen wrapper trips
+ * `Cannot add property _Ctor, object is not extensible` when downstream
+ * `Vue.extend()` (e.g. via Vue Router or `<component :is>`) tries to
+ * attach its internal `_Ctor` cache. Pre-unwrapping the `default`
+ * property yields the raw, extensible component options object —
+ * which Vue can then mutate freely.
+ *
+ * Keeping `defineAsyncComponent` (rather than collapsing to static
+ * imports) preserves the test-environment hack of NOT loading
+ * `CnDashboardPage` → `CnDashboardGrid` → `gridstack` at module-load
+ * time; gridstack ships ESM that Jest's default transform refuses
+ * unless explicitly allowlisted. Async imports keep that load
+ * deferred to actual render.
  *
  * The special `custom` type is NOT registered here — CnPageRenderer
  * handles it inline, resolving `page.component` against the
@@ -108473,13 +108496,13 @@ var CnFilesPage = /*#__PURE__*/Object.freeze({
  *   `src/components/index.js` barrel. No change to CnPageRenderer.vue.
  */
 const defaultPageTypes = {
-	index: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnIndexPage; })),
-	detail: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnDetailPage; })),
-	dashboard: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnDashboardPage; })),
-	logs: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnLogsPage; })),
-	settings: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnSettingsPage; })),
-	chat: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnChatPage; })),
-	files: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnFilesPage; })),
+	index: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnIndexPage; }).then(m => m.default)),
+	detail: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnDetailPage; }).then(m => m.default)),
+	dashboard: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnDashboardPage; }).then(m => m.default)),
+	logs: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnLogsPage; }).then(m => m.default)),
+	settings: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnSettingsPage; }).then(m => m.default)),
+	chat: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnChatPage; }).then(m => m.default)),
+	files: Vue.defineAsyncComponent(() => Promise.resolve().then(function () { return CnFilesPage; }).then(m => m.default)),
 };
 
 //