apostrophe 4.12.0 → 4.13.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## 4.13.0 (2025-02-19)
+
+### Adds
+
+* Supports progress notification type, can be used when no job are involved. Manage progress state into the new `processes` entity. 
+* Moves global notification logic into Pinia store as well as job polling that updates processes.
+
+### Fixes
+
+* Field inputs inside an array modal can now be focused/tabbed via keyboard
+* Fixes admin bar overlapping widget area add menu.
+* Fixed the checkered background for gauging color transparency.
+* Fixes `group.operations` (batch configuration) merging between modules in the same way that `group.fields` are merged.
+* The i18n manager detects the current locale correctly in some edge cases, like when the locale is changed per document (Editor Modal) and the localization manager is opened from a relationship manager via a document context menu. 
+
+### Adds
+
+* Add support for batch localization of pieces and pages.
+* Adds type for each file uploaded by big-upload. Moves big-upload-client to `apos/ui` folder and makes it esm. 
+* When present, projections for reverse relationships now automatically include the special id and field storage properties for the relationship in question, allowing the related documents to be successfully returned.
+* Introduce `AposModalReport` component for displaying table reports. It's accessible via `apos.report(content, options)` method and it's now used in the `@apostrophecms/i18n` module for detailed reporting after a batch localization operation.
+
+### Changes
+
+* The array editor's `isModified` method is now a computed property for consistency.
+* The `modal` configuration property for batch operations without a group is now accepted and works as expected in the same way as for grouped operations.
+* Explicitly enable document versions for `@apostrophecms/file-tag`, `@apostrophecms/file`, `@apostrophecms/image-tag` and `@apostrophecms/image` piece types.
+
+### Adds
+
+* If `error.cause` is prevent, log the property.
+
 ## 4.12.0 (2025-01-27)
 
 ### Fixes

package/lib/moog.js

@@ -232,6 +232,10 @@ module.exports = function(options) {
           if (properties.group) {
             const groups = klona(that[`${cascade}Groups`]);
             for (const value of Object.values(properties.group)) {
+              // Handle `operations` alias of `fields`. Only one of them should be used.
+              if (Array.isArray(value.operations)) {
+                value.fields = value.operations;
+              }
               for (const field of value.fields || []) {
                 // Remove fields from existing groups if they're added to a new
                 // group.
@@ -252,6 +256,10 @@ module.exports = function(options) {
                 value.fields = groups[key].fields.concat(value.fields);
                 value.label = value.label || groups[key].label;
               }
+              // Copy back `fields` to `operations` (alias).
+              if (Array.isArray(value.operations)) {
+                value.operations = value.fields;
+              }
             }
 
             that[`${cascade}Groups`] = {

package/modules/@apostrophecms/color-field/ui/apos/components/AposColor.vue

@@ -32,7 +32,7 @@
           class="apos-color__active-color"
           :style="{ background: activeColor }"
         />
-        <Checkboard />
+        <AposColorCheckerboard />
       </div>
     </div>
     <div v-if="!disableFields" class="apos-color__field">
@@ -97,7 +97,7 @@
           class="apos-color__presets-color"
           @click="handlePreset(c)"
         >
-          <Checkboard />
+          <AposColorCheckerboard />
         </div>
       </template>
     </div>
@@ -110,7 +110,6 @@ import editableInput from '../lib/AposColorEditableInput.vue';
 import saturation from '../lib/AposColorSaturation.vue';
 import hue from '../lib/AposColorHue.vue';
 import alpha from '../lib/AposColorAlpha.vue';
-import checkboard from '../lib/AposColorCheckerboard.vue';
 
 const defaultOptions = { ...apos.modules['@apostrophecms/color-field'].defaultOptions };
 
@@ -120,8 +119,7 @@ export default {
     Saturation: saturation,
     Hue: hue,
     Alpha: alpha,
-    EditableContent: editableInput,
-    Checkboard: checkboard
+    EditableContent: editableInput
   },
   mixins: [ colorMixin ],
   props: {
@@ -296,10 +294,6 @@ export default {
   box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%), inset 0 0 4px rgb(0 0 0 / 25%);
 }
 
-.apos-color__color-wrap .apos-color__checkerboard {
-  background-size: auto;
-}
-
 .apos-color__field {
   display: flex;
   padding-top: 4px;
@@ -353,7 +347,7 @@ export default {
   box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
 }
 
-.apos-color__presets-color .apos-color__checkerboard {
+.apos-color__presets-color {
   box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
   border-radius: 3px;
 }

package/modules/@apostrophecms/color-field/ui/apos/lib/AposColorAlpha.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="apos-color__alpha">
     <div class="apos-color__alpha-checkboard-wrap">
-      <Checkboard />
+      <AposColorCheckerboard />
     </div>
     <div class="apos-color__alpha-gradient" :style="{ background: gradientColor }" />
     <div
@@ -19,13 +19,8 @@
 </template>
 
 <script>
-import checkboard from './AposColorCheckerboard.vue';
-
 export default {
   name: 'AposColorAlpha',
-  components: {
-    Checkboard: checkboard
-  },
   props: {
     value: {
       type: Object,

package/modules/@apostrophecms/doc-type/index.js

@@ -1751,7 +1751,9 @@ module.exports = {
             const add = [];
             const remove = [];
 
-            // Add type in projection by default
+            // Add fundamentals by default to allow Apostrophe's core
+            // operations to find what they expect (determining document type,
+            // distinguishing documents from widgets)
             const hasExclusion = Object.values(projection).some(value => !value);
             if (!_.isEmpty(projection) && !hasExclusion) {
               add.push('type');

package/modules/@apostrophecms/file/index.js

@@ -18,6 +18,7 @@ module.exports = {
     insertViaUpload: true,
     slugPrefix: 'file-',
     autopublish: true,
+    versions: true,
     editRole: 'editor',
     publishRole: 'editor',
     showPermissions: true,

package/modules/@apostrophecms/file-tag/index.js

@@ -5,6 +5,7 @@ module.exports = {
     pluralLabel: 'apostrophe:fileTags',
     quickCreate: false,
     autopublish: true,
+    versions: true,
     editRole: 'editor',
     publishRole: 'editor',
     shortcut: 'G,Shift+F',

package/modules/@apostrophecms/http/lib/big-upload-middleware.js

@@ -72,34 +72,37 @@ module.exports = (self) => ({
     await self.bigUploadCleanup();
     try {
       const id = self.apos.util.generateId();
-      files = Object.fromEntries(Object.entries(files).map(([ param, info ]) => {
-        if ((typeof param) !== 'string') {
-          throw invalid('param');
-        }
-        if (((typeof info) !== 'object') || (info == null)) {
-          throw invalid('info');
-        }
-        if ((typeof info.name) !== 'string') {
-          throw invalid('name');
-        }
-        if (!info.name.length) {
-          throw invalid('name empty');
-        }
-        if ((typeof info.size) !== 'number') {
-          throw invalid('size');
-        }
-        if ((typeof info.chunks) !== 'number') {
-          throw invalid('chunks');
-        }
-        return [ param, {
-          name: info.name,
-          size: info.size,
-          chunks: info.chunks
-        } ];
-      }));
+      const formattedFiles = Object.fromEntries(
+        Object.entries(files).map(([ param, info ]) => {
+          if ((typeof param) !== 'string') {
+            throw invalid('param');
+          }
+          if (((typeof info) !== 'object') || (info == null)) {
+            throw invalid('info');
+          }
+          if ((typeof info.name) !== 'string') {
+            throw invalid('name');
+          }
+          if (!info.name.length) {
+            throw invalid('name empty');
+          }
+          if ((typeof info.size) !== 'number') {
+            throw invalid('size');
+          }
+          if ((typeof info.chunks) !== 'number') {
+            throw invalid('chunks');
+          }
+          return [ param, {
+            name: info.name,
+            size: info.size,
+            type: info.type,
+            chunks: info.chunks
+          } ];
+        })
+      );
       await self.bigUploads.insert({
         _id: id,
-        files,
+        files: formattedFiles,
         start: Date.now()
       });
       return req.res.send({
@@ -162,14 +165,10 @@ module.exports = (self) => ({
       let n = 0;
       req.files = {};
       for (const [ param, {
-        name, chunks
+        name, type, chunks
       } ] of Object.entries(bigUpload.files)) {
-        let ext = require('path').extname(name);
-        if (ext) {
-          ext = ext.substring(1);
-        } else {
-          ext = 'tmp';
-        }
+        const extname = require('path').extname(name);
+        const ext = extname ? extname.substring(1) : 'tmp';
         const tmp = `${ufs.getTempPath()}/${id}-${n}.${ext}`;
         const out = await open(tmp, 'w');
         for (let i = 0; (i < chunks); i++) {
@@ -191,7 +190,8 @@ module.exports = (self) => ({
         n++;
         req.files[param] = {
           name,
-          path: tmp
+          path: tmp,
+          type
         };
       }
       return next();

package/{lib → modules/@apostrophecms/http/ui/apos}/big-upload-client.js

@@ -35,11 +35,10 @@ const defaultChunkSize = 1024 * 1024 * 4;
 // may be specified otherwise the standard Apostrophe `apos.http` object
 // and the browser's `FormData` are used.
 
-module.exports = async (url, options) => {
+export default async (url, options) => {
   const chunkSize = options.chunkSize || defaultChunkSize;
   const http = options.http || window.apos?.http;
-  const progress = options.progress || (n => {});
-  const files = options.files || [];
+  const files = options.files || {};
   const info = {};
   let totalBytes = 0;
   let sentBytes = 0;
@@ -48,6 +47,7 @@ module.exports = async (url, options) => {
     info[param] = {
       name: file.name,
       size: file.size,
+      type: file.type,
       chunks: Math.ceil(file.size / chunkSize)
     };
   }
@@ -81,7 +81,9 @@ module.exports = async (url, options) => {
         body: formData
       });
       sentBytes += thisChunkSize;
-      progress(sentBytes / totalBytes);
+      if (typeof options.progress === 'function') {
+        progressInterface(options.progress, sentBytes, totalBytes);
+      }
       chunk++;
     }
     n++;
@@ -98,3 +100,15 @@ module.exports = async (url, options) => {
   });
   return result;
 };
+
+function progressInterface(fn, sent, total) {
+  if (typeof fn !== 'function') {
+    return;
+  }
+  if (fn.length === 1) {
+    fn(sent / total);
+    return;
+  }
+
+  fn(sent, total);
+}

package/modules/@apostrophecms/http/ui/apos/package.json

@@ -0,0 +1,4 @@
+{
+  "description": "NOTE: needed for testing in test/utils.js, for js files to be treated as ESM",
+  "type": "module"
+}

package/modules/@apostrophecms/i18n/i18n/de.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} bearbeitet dieses Dokument. Willst du die Kontrolle übernehmen?",
   "takeControlFromSelf": "Du bearbeitest dieses Dokument in einer anderen Registerkarte oder einem anderen Fenster. Möchtest du die Kontrolle in dieser Registerkarte übernehmen?",
   "thereAreActiveChanges": "Es gibt Änderungen an diesem Dokument.",
-  "thereWasAnIssueLocalizing": "Es ist ein Fehler beim Übersetzen des Inhalts aufgetreten:",
   "thisDocument": "Dieses Dokument",
   "thisDocumentAndRelated": "Dieses und alle zugehörigen Dokumente",
   "title": "Titel",

package/modules/@apostrophecms/i18n/i18n/en.json

@@ -133,6 +133,7 @@
   "deleteTable": "Delete Table",
   "description": "Description",
   "deselectAll": "Deselect All",
+  "details": "Details",
   "disabled": "Disabled",
   "discardChanges": "Discard Changes",
   "discardChangesPrompt": "Do you want to discard changes?",
@@ -153,6 +154,7 @@
   "doesNotExistYet": "Does Not Exist Yet",
   "doesNotExistYetDescription": "The document does not exist yet as {{ mode }} in the {{ locale }} locale.",
   "download": "Download",
+  "downloadAs": "Download as",
   "draft": "Draft",
   "draftDeleted": "Draft Deleted",
   "draftDiscarded": "Draft Discarded",
@@ -268,7 +270,18 @@
   "localizeNewRelated": "Localize new related documents",
   "localizeNotYetLocalized": "Not Yet Localized",
   "localized": "Localized the {{ type }} {{ title }} to {{ locale }}",
+  "localizedBatch": "Processed {{ count }} {{ type }}",
+  "localizingBatch": "Localizing {{ type }}...",
   "localizingBusy": "Localizing Content",
+  "localizingNotificationSuccess": "{{ count }} document successfully localized",
+  "localizingNotificationSuccess_plural": "{{ count }} documents successfully localized",
+  "localizingNotificationDanger": "{{ count }} document unable to be localized",
+  "localizingNotificationDanger_plural": "{{ count }} documents unable to be localized",
+  "localizingNotificationWarning": "{{ count }} document successfully localized, {{ skipCount }} skipped",
+  "localizingNotificationWarning_plural": "{{ count }} documents successfully localized, {{ skipCount }} skipped",
+  "localizingReportDesc": "Some documents could not be localized. You can review and export the list of the skipped documents.",
+  "localizingReportHeading": "{{ count }} document could not be localized",
+  "localizingReportHeading_plural": "{{ count }} documents could not be localized",
   "logOut": "Log Out",
   "logOutNotLoggedIn": "You were not logged in.",
   "login": "Login",
@@ -408,6 +421,7 @@
   "relatedDocTypesToLocalize": "Related document types to localize",
   "relatedDocsDefinition": "Related documents are documents referenced by this document. This typically includes images, content defined by relationships, etc.",
   "relatedDocsOnly": "Related documents only",
+  "relationship": "Relationship",
   "relationshipSuggestionHelp": "Type to search all {{ type }}...",
   "relationshipSuggestionLabel": "Suggestions",
   "relationshipSuggestionNoResults": "Can't find what you're looking for?",
@@ -540,9 +554,10 @@
   "takeControlFromOther": "{{ who }} is editing that document. Do you want to take control?",
   "takeControlFromSelf": "You are editing that document in another tab or window. Do you want to take control in this tab?",
   "thereAreActiveChanges": "There are active changes to this document.",
-  "thereWasAnIssueLocalizing": "There was an issue localizing some content:",
   "thisDocument": "This document",
+  "theseDocuments": "These documents",
   "thisDocumentAndRelated": "This document and related documents",
+  "theseDocumentsAndRelated": "These documents and related documents",
   "title": "Title",
   "toggleEditMode": "Toggle Edit Mode",
   "toggleHeaderCell": "Toggle Header (Cell)",

package/modules/@apostrophecms/i18n/i18n/es.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} está editando ese documento. ¿Quiere tomar el control?",
   "takeControlFromSelf": "Está editando ese documento en otra pestaña o ventana. ¿Quiere tomar control en esta pestaña?",
   "thereAreActiveChanges": "Este documento tiene cambios en curso.",
-  "thereWasAnIssueLocalizing": "Hubo un problema al traducir cierto contenido:",
   "thisDocument": "Este documento",
   "thisDocumentAndRelated": "Este documento y documentos relacionados",
   "title": "Título",

package/modules/@apostrophecms/i18n/i18n/fr.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} est en train de modifier ce document. Voulez-vous prendre le contrôle ?",
   "takeControlFromSelf": "Vous modifiez ce document dans un autre onglet ou une autre fenêtre. Voulez-vous prendre le contrôle dans cet onglet ?",
   "thereAreActiveChanges": "Il y a des modifications actives à ce document.",
-  "thereWasAnIssueLocalizing": "Un problème est survenu lors du changement de langue de certains contenus :",
   "thisDocument": "Ce document",
   "thisDocumentAndRelated": "Ce document et les documents associés",
   "title": "Titre",

package/modules/@apostrophecms/i18n/i18n/it.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} sta modificando quel documento. Vuoi prendere il controllo?",
   "takeControlFromSelf": "Stai modificando quel documento in un'altra scheda o finestra. Vuoi prendere il controllo in questa scheda?",
   "thereAreActiveChanges": "Ci sono modifiche attive a questo documento.",
-  "thereWasAnIssueLocalizing": "Si è verificato un problema nella localizzazione di alcuni contenuti:",
   "thisDocument": "Questo documento",
   "thisDocumentAndRelated": "Questo documento e i documenti correlati",
   "title": "Titolo",

package/modules/@apostrophecms/i18n/i18n/pt-BR.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} está editando esse documento. Você quer assumir o controle?",
   "takeControlFromSelf": "Você está editando esse documento em outra guia ou janela. Você deseja assumir o controle nesta guia?",
   "thereAreActiveChanges": "Existem alterações ativas neste documento.",
-  "thereWasAnIssueLocalizing": "Ocorreu um problema ao localizar algum conteúdo:",
   "thisDocument": "Este documento",
   "thisDocumentAndRelated": "Este e documentos relacionados",
   "title": "Título",

package/modules/@apostrophecms/i18n/i18n/sk.json

@@ -538,7 +538,6 @@
   "takeControlFromOther": "{{ who }} upravuje tento dokument. Chcete prevziať kontrolu?",
   "takeControlFromSelf": "Tento dokument upravujete na inej karte alebo v inom okne. Chcete na tejto karte prevziať kontrolu?",
   "thereAreActiveChanges": "V tomto dokumente sú aktívne zmeny.",
-  "thereWasAnIssueLocalizing": "Pri preklade obsahu sa vyskytol problém:",
   "thisDocument": "Tento dokument",
   "thisDocumentAndRelated": "Tento dokument a súvisiace dokumenty",
   "title": "Názov",