Version 2.4.0

Author: suterma

CHANGELOG.md

@@ -1,3 +1,18 @@
+## [2.4.0](https://github.com/suterma/replayer-pwa/compare/v2.3.0...v2.4.0) (2023-07-03)
+
+This release adds PDF display, improved fade- and preroll-handling, and tag-based filtering.
+
+## What's Changed
+
+-   Added tags for display and filtering
+-   Added omittable fades and pre-roll for cues
+-   No fades on loop (configurable)
+-   Updated filename handling when saving compilations
+-   Various bugfixes
+-   minor UI improvements
+
+**Full Changelog**: https://github.com/suterma/replayer-pwa/compare/v2.3.0...v2.4.0
+
 ## [2.3.0](https://github.com/suterma/replayer-pwa/compare/v2.1.0...v2.3.0) (2023-03-30)
 
 This release adds a playback rate setting, fixes some storage issues and implements various UI improvements.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "replayer",
-    "version": "2.3.0",
+    "version": "2.4.0",
     "description": "Replayer is a free, cue-based media player for rehearsals with playback music. By the click of a button, Replayer starts to play at predefined times in the audio or video file.",
     "homepage": "https://replayer.app",
     "main": "./public/index.html",

src/App.vue

@@ -140,6 +140,11 @@ function handleAppUpdate() {
                 'Version 2.3.0: Storage bugfixes and minor UI improvements\r\n' +
                 updateText;
         }
+        if (compare(previousVersion, '2.4.0', '<')) {
+            updateText =
+                'Version 2.4.0: PDF display, improved fade- and preroll-handling, and tag-based filtering\r\n' +
+                updateText;
+        }
 
         acknowledgeVersion(currentVersion, updateText).then(() => {
             app.updateAcknowledgedVersion(currentVersion);

src/components/Compilation.vue

@@ -16,8 +16,7 @@
 
         <!-- Selectable tags -->
         <TagsSelector
-            v-if="compilationHasTags && experimentalUseTags"
-            v-experiment="experimentalUseTags"
+            v-if="compilationHasTags"
             :all-tags="getAllTags"
             :selected-tags="selectedTags"
             @selected="selectTag"
@@ -105,7 +104,6 @@ const {
     hasSingleMediaTrack,
     allTracks,
     getAllTags,
-    playbackMode,
     trackViewMode,
     isTrackEditable,
     isTrackMixable,
@@ -115,7 +113,7 @@ const {
 const noSleep: NoSleep = new NoSleep();
 
 const settings = useSettingsStore();
-const { preventScreenTimeout, experimentalUseTags } = storeToRefs(settings);
+const { preventScreenTimeout } = storeToRefs(settings);
 
 /** Handle scrolling to the changed active track.
  * @remarks This is intentionally only invoked on when the active track changes (and it's not the only audio track).

src/components/SetlistItem.vue

@@ -23,8 +23,7 @@
                     <TrackTitleName :name="track.Name"></TrackTitleName>
                 </h2>
                 <TagsDisplay
-                    v-if="trackHasTags && experimentalUseTags"
-                    v-experiment="experimentalUseTags"
+                    v-if="trackHasTags"
                     class="ml-2"
                     small
                     readonly
@@ -162,8 +161,6 @@ const { experimentalUseMeter } = storeToRefs(settings);
 
 // --- Tag handling ---
 
-const { experimentalUseTags } = storeToRefs(settings);
-
 const trackHasTags = computed(() => {
     return props.track.Tags.size > 0;
 });

src/components/track/MediaTrack.vue

@@ -134,7 +134,6 @@
 
                         <TagsDisplay
                             v-if="!isTrackEditable && trackHasTags"
-                            v-experiment="experimentalUseTags"
                             :tags="props.track.Tags"
                             small
                             readonly
@@ -1043,7 +1042,6 @@ const {
     showOverviewWaveformOnEdit,
     useFadingOnLoopBoundaries,
     experimentalUseMeter,
-    experimentalUseTags,
 } = storeToRefs(settings);
 
 const {

src/components/track/PdfTrack.vue

@@ -82,7 +82,6 @@
                                 </p>
                                 <TagsDisplay
                                     v-if="!isTrackEditable && trackHasTags"
-                                    v-experiment="experimentalUseTags"
                                     class="ml-2"
                                     :tags="props.track.Tags"
                                     small
@@ -138,20 +137,14 @@
                                 </LabeledInput>
                             </div>
                             <!-- Tags -->
-                            <CoveredPanel
-                                v-if="experimentalUseTags"
-                                v-experiment="experimentalUseTags"
-                                title="Tag"
-                                class="level-item"
-                            >
+                            <CoveredPanel title="Tag" class="level-item">
                                 <template #caption
                                     ><span class="label">Tags</span></template
                                 >
                                 <TagInput @new-tag="addNewTag"></TagInput>
                             </CoveredPanel>
                             <TagsDisplay
-                                v-if="trackHasTags && experimentalUseTags"
-                                v-experiment="experimentalUseTags"
+                                v-if="trackHasTags"
                                 class="level-item"
                                 :tags="props.track.Tags"
                                 @remove="removeTag"
@@ -248,7 +241,7 @@ const app = useAppStore();
 const { isTrackEditable } = storeToRefs(app);
 
 const settings = useSettingsStore();
-const { showPdfInline, experimentalUseTags } = storeToRefs(settings);
+const { showPdfInline } = storeToRefs(settings);
 
 /** Whether the pdf is currently expanded */
 const isExpanded = ref(false);

src/components/track/TrackHeader.vue

@@ -209,20 +209,14 @@
                 </CoveredPanel>
 
                 <!-- Tags -->
-                <CoveredPanel
-                    v-if="experimentalUseTags"
-                    v-experiment="experimentalUseTags"
-                    title="Tag"
-                    class="level-item"
-                >
+                <CoveredPanel title="Tag" class="level-item">
                     <template #caption
                         ><span class="label">Tags</span></template
                     >
                     <TagInput @new-tag="addNewTag"></TagInput>
                 </CoveredPanel>
                 <TagsDisplay
-                    v-if="trackHasTags && experimentalUseTags"
-                    v-experiment="experimentalUseTags"
+                    v-if="trackHasTags"
                     class="level-item"
                     :tags="props.track.Tags"
                     @remove="removeTag"
@@ -354,11 +348,8 @@ const app = useAppStore();
 const { isTrackEditable } = storeToRefs(app);
 
 const settings = useSettingsStore();
-const {
-    experimentalUseMeter,
-    experimentalAllowTrackSharingByLink,
-    experimentalUseTags,
-} = storeToRefs(settings);
+const { experimentalUseMeter, experimentalAllowTrackSharingByLink } =
+    storeToRefs(settings);
 
 const useMeasureNumbers = inject(useMeasureNumbersInjectionKey);
 

src/store/app/getters.ts

@@ -100,11 +100,10 @@ export const getters = {
 
         // specifically handle the experiment - remove after official release of tags
         const settings = useSettingsStore();
-        const { experimentalUseTags } = storeToRefs(settings);
 
         let tracks = new Array<ITrack>();
         // if any tag is selected, filter by these selected tags
-        if (isAnyTagSelected && experimentalUseTags.value) {
+        if (isAnyTagSelected) {
             console.debug('app::allTracks:selectedTags', selectedTags);
             tracks =
                 state.compilation.value.Tracks?.filter((track) => {

src/store/settings/index.ts

@@ -180,11 +180,6 @@ export const useSettingsStore = defineStore(Store.Settings, () => {
      */
     const experimentalUseMeter = useLocalStorage('experimentalUseMeter', false);
 
-    /** EXPERIMENTAL: Whether to show tags
-     * @remarks Default is false
-     */
-    const experimentalUseTags = useLocalStorage('experimentalUseTags', false);
-
     /** EXPERIMENTAL: Whether to hide the stage mark
      * @remarks This is not persisted to keep the user still informed after any restart
      */
@@ -215,7 +210,6 @@ export const useSettingsStore = defineStore(Store.Settings, () => {
         experimentalMultitrack.value = false;
         experimentalUseQueueCueMode.value = false;
         experimentalUseMeter.value = false;
-        experimentalUseTags.value = false;
         experimentalHideStageMark.value = false;
     }
 
@@ -245,7 +239,6 @@ export const useSettingsStore = defineStore(Store.Settings, () => {
         experimentalMultitrack,
         experimentalUseQueueCueMode,
         experimentalUseMeter,
-        experimentalUseTags,
         experimentalHideStageMark,
         $reset,
     };