typo3-typescript-sources 13.4.20 → 13.4.21

package/.github/workflows/sync-and-publish.yml

@@ -178,6 +178,10 @@ jobs:
           cat > README.md << 'EOF'
           # TYPO3 TypeScript Sources
 
+          [![Sync and Publish](https://github.com/maikschneider/typo3-typescript-sources/actions/workflows/sync-and-publish.yml/badge.svg)](https://github.com/maikschneider/typo3-typescript-sources/actions/workflows/sync-and-publish.yml)
+          [![npm version](https://badge.fury.io/js/typo3-typescript-sources.svg)](https://www.npmjs.com/package/typo3-typescript-sources)
+          [![License: GPL v2](https://img.shields.io/badge/License-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html)
+
           This repository contains the TypeScript sources from the TYPO3 Core, automatically extracted and published to npm.
 
           ## 📦 Installation
@@ -225,12 +229,12 @@ jobs:
           Source: https://github.com/TYPO3/typo3/tree/${TYPO3_VERSION}
           Path: Build/Sources/TypeScript/"
           
-          # Erstelle Tag
+          # Erstelle Tag (entferne v-Prefix falls vorhanden)
           NPM_VERSION="${TYPO3_VERSION#v}"
-          git tag -a "v${NPM_VERSION}" -m "Release ${NPM_VERSION} from TYPO3 ${TYPO3_VERSION}"
+          git tag -a "${NPM_VERSION}" -m "Release ${NPM_VERSION} from TYPO3 ${TYPO3_VERSION}"
           
           git push origin main
-          git push origin "v${NPM_VERSION}"
+          git push origin "${NPM_VERSION}"
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
@@ -254,7 +258,7 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.PAT_TOKEN }}
         with:
-          tag_name: v${{ needs.check-and-sync.outputs.typo3_version }}
+          tag_name: ${{ needs.check-and-sync.outputs.typo3_version }}
           release_name: TYPO3 ${{ needs.check-and-sync.outputs.typo3_version }}
           body: |
             Synchronized with TYPO3 Core ${{ needs.check-and-sync.outputs.typo3_version }}

package/.last-synced-tag

@@ -1 +1 @@
-v13.4.20
+v13.4.21

package/README.md

@@ -1,5 +1,9 @@
 # TYPO3 TypeScript Sources
 
+[![Sync and Publish](https://github.com/maikschneider/typo3-typescript-sources/actions/workflows/sync-and-publish.yml/badge.svg)](https://github.com/maikschneider/typo3-typescript-sources/actions/workflows/sync-and-publish.yml)
+[![npm version](https://badge.fury.io/js/typo3-typescript-sources.svg)](https://www.npmjs.com/package/typo3-typescript-sources)
+[![License: GPL v2](https://img.shields.io/badge/License-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html)
+
 This repository contains the TypeScript sources from the TYPO3 Core, automatically extracted and published to npm.
 
 ## 📦 Installation
@@ -12,7 +16,7 @@ npm install typo3-typescript-sources
 
 - **Original Repository:** [TYPO3/typo3](https://github.com/TYPO3/typo3)
 - **Source Path:** `Build/Sources/TypeScript/`
-- **Current TYPO3 Version:** `v13.4.20`
+- **Current TYPO3 Version:** `v13.4.21`
 
 ## 📝 License
 

package/backend/date-time-picker.ts

@@ -185,6 +185,8 @@ class DateTimePicker {
           // collides with using altInput – sigh.
           self.altInput.id = self.input.id;
           self.input.removeAttribute('id');
+          // Disable browser autofill to prevent interference with the datepicker
+          self.altInput.setAttribute('autocomplete', 'off');
           self.altInput.clearable();
           if (self.input.dataset.formengineInputName !== undefined) {
             self.altInput.dataset.formengineDatepickerRealInputName = self.input.dataset.formengineInputName;
@@ -196,6 +198,13 @@ class DateTimePicker {
               self.altInput.classList.toggle('has-error', !e.detail.isValid);
             }
           });
+
+          // Move the hidden input (self.input) to right after the clearable wrapper
+          // This prevents it from affecting :first-child CSS selectors while maintaining proper DOM order
+          const wrapper = self.altInput.closest('.form-control-clearable-wrapper');
+          if (wrapper !== null) {
+            wrapper.insertAdjacentElement('afterend', self.input);
+          }
         }
       },
       onChange: (dates: Date[], currentDateString: string, self: flatpickr.Instance): void => {

package/backend/form-engine-link-browser-adapter.ts

@@ -72,9 +72,13 @@ export default (function() {
       const attributeValues = LinkBrowser.getLinkAttributeValues();
       // encode link on server
       attributeValues.url = input;
+      const searchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(attributeValues)) {
+        searchParams.set(key, value);
+      }
 
       (new AjaxRequest(TYPO3.settings.ajaxUrls.link_browser_encodetypolink))
-        .withQueryArguments(attributeValues)
+        .withQueryArguments(searchParams)
         .get()
         .then(async (response: AjaxResponse): Promise<void> => {
           const data: Response = await response.resolve();

package/backend/tree/tree.ts

@@ -1117,22 +1117,26 @@ export class Tree extends LitElement {
 
   protected createNodeContentLabel(node: TreeNodeInterface): TemplateResult
   {
-    let label = (node.prefix || '') + node.name + (node.suffix || '');
-    // make a text node out of it, and strip out any HTML (this is because the return value uses html()
-    // instead of text() which is needed to avoid XSS in a page title
-    const labelNode = document.createElement('div');
-    labelNode.textContent = label;
-    label = labelNode.innerHTML;
+    const label = (node.prefix || '') + node.name + (node.suffix || '');
+
+    let nodeContent: Array<TemplateResult|string> | string = label;
     if (this.searchTerm) {
       // Escape all meta characters of regular expressions: ( ) [ ] $ * + ? . { } / | ^ -
-      const regexp = new RegExp(this.searchTerm.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&'), 'gi');
-      label = label.replace(regexp, '<span class="node-highlight-text">$&</span>');
+      // Also wrap the search term in a capture group so the regex split retains the separator
+      const regexp = new RegExp(`(${this.searchTerm.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&')})`, 'gi');
+      const parts = label.split(regexp);
+      if (parts.length > 1) {
+        // grouped regex splits contain the match in every second spot, to keep things short we use a modulo-flip with the index
+        nodeContent = parts.map((part, index): TemplateResult | string =>
+          (index % 2 === 1) ? html`<span class="node-highlight-text">${part}</span>` : part
+        );
+      }
     }
 
     return html`
       <div class="node-contentlabel">
-      <div class="node-name" .innerHTML="${label}"></div>
-      ${node.note ? html`<div class="node-note">${node.note}</div>` : nothing }
+        <div class="node-name">${nodeContent}</div>
+        ${node.note ? html`<div class="node-note">${node.note}</div>` : nothing}
       </div>`;
   }
 

package/install/renderable/language-packs.ts

@@ -279,6 +279,7 @@ export class ExtensionMatrixElement extends LitElement {
             <button class="btn btn-default" title=${tooltip}
               @click=${() => this.dispatchEvent(new CustomEvent<DownloadPacksEvent>('download-packs', eventData))}>
               <typo3-backend-icon identifier="actions-download" size="small"></typo3-backend-icon>
+              ${language}
             </button>
           </td>
         `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typo3-typescript-sources",
-  "version": "13.4.20",
+  "version": "13.4.21",
   "description": "TYPO3 Core TypeScript Sources - Extracted from TYPO3/typo3 repository",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "typo3": {
     "sourceRepository": "https://github.com/TYPO3/typo3",
-    "sourceTag": "v13.4.20",
+    "sourceTag": "v13.4.21",
     "sourcePath": "Build/Sources/TypeScript"
   }
 }

package/rte-ckeditor/plugin/typo3-link.ts

@@ -254,6 +254,7 @@ export class Typo3UnlinkCommand extends Core.Command {
         writer.removeAttribute('linkTarget', range);
         writer.removeAttribute('linkTitle', range);
         writer.removeAttribute('linkRel', range);
+        writer.removeAttribute('linkDataRteError', range);
       }
     });
   }
@@ -570,10 +571,14 @@ export class Typo3LinkUI extends Core.Plugin {
   }
 
   private showUI(): void {
-    if (!this.getSelectedLinkElement()) {
+    const selectedLink = this.getSelectedLinkElement();
+    if (!selectedLink) {
       this.showFakeVisualSelection();
       this.openLinkBrowser(this.editor);
     } else {
+      // When clicking inside a link, check if we need to expand selection to full link
+      // This prevents link splitting when editing with partial selection
+      this.expandSelectionToFullLink();
       this.addToolbarView();
       this.balloon.showStack('main');
     }
@@ -735,11 +740,43 @@ export class Typo3LinkUI extends Core.Plugin {
     return position.getAncestors().find((ancestor: any) => LinkUtils.isLinkElement(ancestor));
   }
 
+  /**
+   * Expands the current selection to encompass the entire link element.
+   * This prevents link splitting when editing a link with partial text selection.
+   */
+  private expandSelectionToFullLink(): void {
+    const model = this.editor.model;
+    const selection = model.document.selection;
+
+    // Only expand if we have a link attribute in the selection
+    if (!selection.hasAttribute('linkHref')) {
+      return;
+    }
+
+    const linkHref = selection.getAttribute('linkHref') as string;
+    if (!linkHref) {
+      return;
+    }
+
+    model.change(writer => {
+      const position = selection.getFirstPosition();
+      // Find the full range of the link using the linkHref attribute
+      const linkRange = Typing.findAttributeRange(position, 'linkHref', linkHref, model);
+
+      if (linkRange) {
+        // Expand selection to cover the entire link
+        writer.setSelection(linkRange);
+      }
+    });
+  }
+
   private openLinkBrowser(editor: Core.Editor): void {
     const linkCommand = editor.commands.get('link') as unknown as Typo3LinkCommand;
     let additionalParameters = '';
 
+    // If editing an existing link, expand selection to full link first
     if (linkCommand.value) {
+      this.expandSelectionToFullLink();
       additionalParameters += '&P[curUrl][url]=' + encodeURIComponent(linkCommand.value);
       for (const [attr, value] of Object.entries(linkCommand.attrs)) {
         additionalParameters += '&P[curUrl][' + encodeURIComponent(attr) + ']=' + encodeURIComponent(value);

package/workspaces/preview.ts

@@ -40,6 +40,7 @@ enum Identifiers {
  * buttons, preview mode selector, preview slider and so on.
  */
 class Preview extends Workspaces {
+  override ajaxRoute: string = 'workspace_preview';
   private currentSlidePosition: number = 100;
   private readonly elements: { [key: string]: HTMLElement } = {};
 

package/workspaces/workspaces.ts

@@ -19,6 +19,8 @@ import { default as Modal, type ModalElement } from '@typo3/backend/modal';
 import { html } from 'lit';
 
 export default class Workspaces {
+  protected readonly ajaxRoute: string = 'workspace_dispatch';
+
   /**
    * Renders the send to stage window
    * @param {Object} response
@@ -70,7 +72,7 @@ export default class Workspaces {
   protected sendRemoteRequest(payload: object, progressContainer: string = '#workspace-content-wrapper'): Promise<AjaxResponse> {
     NProgress.configure({ parent: progressContainer, showSpinner: false });
     NProgress.start();
-    return (new AjaxRequest(TYPO3.settings.ajaxUrls.workspace_dispatch)).post(
+    return (new AjaxRequest(TYPO3.settings.ajaxUrls[this.ajaxRoute])).post(
       payload,
       {
         headers: {