CHANGELOG.md

+## [1.12.3](https://code.castopod.org/adaures/castopod/compare/v1.12.2...v1.12.3) (2024-07-04)
+
+### Bug Fixes
+
+- **audio-player:** set player icons to default instead of missing Castopod's
+  ([c89d298](https://code.castopod.org/adaures/castopod/commit/c89d29867e122fe7d4d5563f0ab1e9993e2ece16))
+
 ## [1.12.2](https://code.castopod.org/adaures/castopod/compare/v1.12.1...v1.12.2) (2024-07-03)
 
 ### Bug Fixes

app/Config/Constants.php

@@ -11,7 +11,7 @@ declare(strict_types=1);
  |
  | NOTE: this constant is updated upon release with Continuous Integration.
  */
-defined('CP_VERSION') || define('CP_VERSION', '1.12.2');
+defined('CP_VERSION') || define('CP_VERSION', '1.12.3');
 
 /*
  | --------------------------------------------------------------------

app/Helpers/components_helper.php

@@ -381,7 +381,6 @@ if (! function_exists('audio_player')) {
                 id="castopod-vm-player"
                 theme="light"
                 language="{$language}"
-                icons="castopod-icons"
                 class="{$class} relative z-0"
                 style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-control-spacing: 4px; --vm-menu-item-focus-bg: hsl(var(--color-background-highlight));"
             >
@@ -389,7 +388,7 @@ if (! function_exists('audio_player')) {
                     <source src="{$source}" type="{$mediaType}" />
                 </vm-audio>
                 <vm-ui>
-                    <vm-icon-library name="castopod-icons"></vm-icon-library>
+                    <vm-icon-library></vm-icon-library>
                     <vm-controls full-width>
                         <vm-playback-control></vm-playback-control>
                         <vm-volume-control></vm-volume-control>

app/Resources/js/admin-audio-player.ts

@@ -36,14 +36,6 @@ import "@vime/core/themes/default.css";
 import "@vime/core/themes/light.css";
 import "./modules/play-episode-button";
 
-// Register Castopod's icons library
-const library: HTMLVmIconLibraryElement | null = document.querySelector(
-  'vm-icon-library[name="castopod-icons"]'
-);
-if (library) {
-  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;
-}
-
 // Vime elements for audio player
 customElements.define("vm-player", VmPlayer);
 customElements.define("vm-file", VmFile);

app/Resources/js/audio-player.ts

@@ -62,7 +62,6 @@ const player = html`<div
     id="castopod-vm-player"
     theme="light"
     language="en"
-    icons="castopod-icons"
     class="flex-1"
     style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-menu-item-focus-bg: hsl(var(--color-background-highlight));"
   >
@@ -70,7 +69,7 @@ const player = html`<div
       <source src="" type="" />
     </vm-audio>
     <vm-ui>
-      <vm-icon-library name="castopod-icons"></vm-icon-library>
+      <vm-icon-library></vm-icon-library>
       <vm-controls full-width>
         <vm-playback-control></vm-playback-control>
         <vm-volume-control></vm-volume-control>
@@ -86,14 +85,6 @@ const player = html`<div
 
 render(player, document.body);
 
-// Register Castopod's icons library
-const library: HTMLVmIconLibraryElement | null = document.querySelector(
-  'vm-icon-library[name="castopod-icons"]'
-);
-if (library) {
-  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;
-}
-
 // Vime elements for audio player
 customElements.define("vm-player", VmPlayer);
 customElements.define("vm-file", VmFile);

app/Resources/js/embed.ts

@@ -35,14 +35,6 @@ import {
 import "@vime/core/themes/default.css";
 import "@vime/core/themes/light.css";
 
-// Register Castopod's icons library
-const library: HTMLVmIconLibraryElement | null = document.querySelector(
-  'vm-icon-library[name="castopod-icons"]'
-);
-if (library) {
-  library.resolver = (iconName) => `/assets/icons/${iconName}.svg`;
-}
-
 // Vime elements for audio player
 customElements.define("vm-player", VmPlayer);
 customElements.define("vm-file", VmFile);

composer.json

 {
   "name": "adaures/castopod",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "type": "project",
   "description": "Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience.",
   "homepage": "https://castopod.org",

package.json

 {
   "name": "castopod",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "description": "Castopod Host is an open-source hosting platform made for podcasters who want engage and interact with their audience.",
   "private": true,
   "license": "AGPL-3.0-or-later",

themes/cp_app/embed.php

@@ -40,7 +40,6 @@
                 id="castopod-vm-player"
                 theme="<?= str_starts_with($theme, 'dark') ? 'dark' : 'light' ?>"
                 language="<?= service('request')->getLocale() ?>"
-                icons="castopod-icons"
                 class="w-full mt-auto"
                 style="--vm-player-box-shadow:0; --vm-player-theme: hsl(var(--color-accent-base)); --vm-control-focus-color: hsl(var(--color-accent-contrast)); --vm-control-spacing: 4px; --vm-menu-item-focus-bg: hsl(var(--color-background-highlight)); --vm-control-icon-size: 24px; <?= str_ends_with($theme, 'transparent') ? '--vm-controls-bg: transparent;' : '' ?>"
             >
@@ -55,7 +54,7 @@
                 <source src="<?= $source ?>" type="<?= $episode->audio->file_mimetype ?>" />
             </vm-audio>
             <vm-ui>
-                <vm-icon-library name="castopod-icons"></vm-icon-library>
+                <vm-icon-library></vm-icon-library>
                 <vm-controls full-width>
                     <vm-playback-control></vm-playback-control>
                     <vm-volume-control></vm-volume-control>