metabrainz · reosarevok · Sep 11, 2024 · Sep 16, 2024 · Apr 24, 2025 · Oct 17, 2025
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -990,6 +990,7 @@ export default [
       'root/static/scripts/edit/components/UrlRelationshipCreditFieldset.js',
       'root/static/scripts/edit/externalLinks.js',
       'root/static/scripts/event/components/EventEditForm.js',
+      'root/static/scripts/recording/components/RecordingEditForm.js',
       'root/static/scripts/relationship-editor/components/DialogPreview.js',
     ],
     rules: {

diff --git a/lib/MusicBrainz/Server/Controller/Event.pm b/lib/MusicBrainz/Server/Controller/Event.pm
@@ -130,7 +130,6 @@ with 'MusicBrainz::Server::Controller::Role::Merge' => {
 with 'MusicBrainz::Server::Controller::Role::Create' => {
     form      => 'Event',
     edit_type => $EDIT_EVENT_CREATE,
-    dialog_template => 'event/edit_form.tt',
 };
 
 with 'MusicBrainz::Server::Controller::Role::Edit' => {

diff --git a/lib/MusicBrainz/Server/Controller/Recording.pm b/lib/MusicBrainz/Server/Controller/Recording.pm
@@ -199,7 +199,6 @@ with 'MusicBrainz::Server::Controller::Role::Create' => {
         $ret{form_args} = { used_by_tracks => 0 };
         return %ret;
     },
-    dialog_template => 'recording/edit_form.tt',
 };
 
 sub _merge_load_entities {

diff --git a/lib/MusicBrainz/Server/Controller/Role/Create.pm b/lib/MusicBrainz/Server/Controller/Role/Create.pm
@@ -62,9 +62,12 @@ role {
         my $type = model_to_type($model);
         my $entity;
         my %props;
+        my %edit_arguments = $params->edit_arguments->($self, $c);
 
-        if ($model eq 'Event' || $model eq 'Genre') {
-            my $form = $c->form( form => $params->form );
+        if ($model eq 'Event' || $model eq 'Genre' || $model eq 'Recording') {
+            my $type = model_to_type($model);
+            my %form_args = %{ $edit_arguments{form_args} || {}};
+            my $form = $c->form( form => $params->form, ctx => $c, %form_args );
             %props = ( form => $form->TO_JSON );
 
             $c->stash(
@@ -111,14 +114,17 @@ role {
                 if ($self->does('MusicBrainz::Server::Controller::Role::IdentifierSet')) {
                     $self->munge_compound_text_fields($c, $form);
                 }
+                if ($model eq 'Recording') {
+                    $props{usedByTracks} = $form->used_by_tracks;
+                }
             },
             redirect => sub {
                 $c->response->redirect($c->uri_for_action(
                     $self->action_for('show'), [ $entity->gid ]));
             },
             no_redirect => $args{within_dialog},
             edit_rels   => 1,
-            $params->edit_arguments->($self, $c),
+            %edit_arguments,
         );
 
         if ($ENTITIES{$type}{artist_credits}) {

diff --git a/lib/MusicBrainz/Server/Controller/Role/Edit.pm b/lib/MusicBrainz/Server/Controller/Role/Edit.pm
@@ -35,17 +35,23 @@ role {
     method 'edit' => sub {
         my ($self, $c) = @_;
 
-        my @react_models = qw( Event Genre);
+        my @react_models = qw( Event Genre Recording );
         my $entity_name = $self->{entity_name};
         my $edit_entity = $c->stash->{ $entity_name };
         my $model = $self->{model};
         my $type = model_to_type($model);
         my %props;
+        my %edit_arguments = $params->edit_arguments->($self, $c, $edit_entity);
 
         if (any { $_ eq $model } @react_models) {
+            my $type = model_to_type($model);
+
+            my %form_args = %{ $edit_arguments{form_args} || {}};
             my $form = $c->form(
                 form => $params->form,
+                ctx => $c,
                 init_object => $edit_entity,
+                %form_args,
             );
 
             %props = (
@@ -82,12 +88,15 @@ role {
                     $self->munge_compound_text_fields($c, $form);
                     $self->stash_current_identifier_values($c, $edit_entity->id);
                 }
+                if ($model eq 'Recording') {
+                    $props{usedByTracks} = $form->used_by_tracks;
+                }
             },
             redirect    => sub {
                 $c->response->redirect(
                     $c->uri_for_action($self->action_for('show'), [ $edit_entity->gid ]));
             },
-            $params->edit_arguments->($self, $c, $edit_entity),
+            %edit_arguments,
         );
 
         if ($ENTITIES{$type}{artist_credits}) {

diff --git a/lib/MusicBrainz/Server/Track.pm b/lib/MusicBrainz/Server/Track.pm
@@ -45,25 +45,40 @@ sub FormatTrackLength
         sprintf($print_formats->{ms}, $minutes, $seconds);
 }
 
+# Keep in sync with static/scripts/common/utility/unformatTrackLength.js
 sub UnformatTrackLength
 {
     my $length = shift;
 
-    if ($length =~ /^\s*(\d{1,3}):(\d{1,2}):(\d{1,2})\s*$/ && $2 < 60 && $3 < 60)
+    # ?:?? or just space are allowed to indicate unknown/empty
+    if ($length =~ /^\s*\?:\?\?\s*$/ || $length =~ /^\s*$/)
+    {
+        return undef;
+    }
+    # Check for HH:MM:SS
+    elsif ($length =~ /^\s*(\d{1,3}):(\d{1,2}):(\d{1,2})\s*$/ && $2 < 60 && $3 < 60)
     {
         return ($1 * 3600 + $2 * 60 + $3) * 1000;
     }
+    # Check for MM:SS
     elsif ($length =~ /^\s*(\d+):(\d{1,2})\s*$/ && $2 < 60)
     {
         return ($1 * 60 + $2) * 1000;
     }
+    # Check for :SS
+    elsif ($length =~ /^\s*:(\d{1,2})\s*$/ && $1 < 60)
+    {
+        return ($1) * 1000;
+    }
+    # Check for XX ms
     elsif ($length =~ /^\s*(\d+(\.\d+)?)?\s+ms\s*$/)
     {
         return int($1);
     }
-    elsif ($length =~ /^\s*\?:\?\?\s*$/ || $length =~ /^\s*$/)
+    # Check for just a number of seconds
+    elsif ($length =~ /^\s*(\d+)\s*$/)
     {
-        return undef;
+        return ($1) * 1000;
     }
     else {
         confess("$length is not a valid track length");

diff --git a/root/recording/CreateRecording.js b/root/recording/CreateRecording.js
@@ -0,0 +1,30 @@
+/*
+ * @flow strict-local
+ * Copyright (C) 2024 MetaBrainz Foundation
+ *
+ * This file is part of MusicBrainz, the open internet music database,
+ * and is licensed under the GPL version 2, or (at your option) any
+ * later version: http://www.gnu.org/licenses/gpl-2.0.txt
+ */
+
+import Layout from '../layout/index.js';
+import manifest from '../static/manifest.mjs';
+import RecordingEditForm
+  from '../static/scripts/recording/components/RecordingEditForm.js';
+
+import type {RecordingFormT} from './types.js';
+
+component CreateRecording(form: RecordingFormT, usedByTracks: boolean) {
+  return (
+    <Layout fullWidth title={lp('Add recording', 'header')}>
+      <div id="content">
+        <h1>{lp('Add recording', 'header')}</h1>
+        <RecordingEditForm form={form} usedByTracks={usedByTracks} />
+      </div>
+      {manifest('recording/components/RecordingEditForm', {async: true})}
+      {manifest('relationship-editor', {async: true})}
+    </Layout>
+  );
+}
+
+export default CreateRecording;
diff --git a/root/recording/EditRecording.js b/root/recording/EditRecording.js
@@ -0,0 +1,36 @@
+/*
+ * @flow strict-local
+ * Copyright (C) 2024 MetaBrainz Foundation
+ *
+ * This file is part of MusicBrainz, the open internet music database,
+ * and is licensed under the GPL version 2, or (at your option) any
+ * later version: http://www.gnu.org/licenses/gpl-2.0.txt
+ */
+
+import manifest from '../static/manifest.mjs';
+import RecordingEditForm
+  from '../static/scripts/recording/components/RecordingEditForm.js';
+
+import RecordingLayout from './RecordingLayout.js';
+import type {RecordingFormT} from './types.js';
+
+component EditRecording(
+  entity: RecordingT,
+  form: RecordingFormT,
+  usedByTracks: boolean,
+) {
+  return (
+    <RecordingLayout
+      entity={entity}
+      fullWidth
+      page="edit"
+      title={lp('Edit recording', 'header')}
+    >
+      <RecordingEditForm form={form} usedByTracks={usedByTracks} />
+      {manifest('recording/components/RecordingEditForm', {async: true})}
+      {manifest('relationship-editor', {async: true})}
+    </RecordingLayout>
+  );
+}
+
+export default EditRecording;
diff --git a/root/recording/create.tt b/root/recording/create.tt
diff --git a/root/recording/edit_form.tt b/root/recording/edit_form.tt
diff --git a/root/recording/types.js b/root/recording/types.js
@@ -0,0 +1,19 @@
+/*
+ * @flow strict
+ * Copyright (C) 2024 MetaBrainz Foundation
+ *
+ * This file is part of MusicBrainz, the open internet music database,
+ * and is licensed under the GPL version 2, or (at your option) any
+ * later version: http://www.gnu.org/licenses/gpl-2.0.txt
+ */
+
+export type RecordingFormT = FormT<{
+    +artist_credit: ArtistCreditFieldT,
+    +comment: FieldT<string>,
+    +edit_note: FieldT<string>,
+    +isrcs: TextListFieldT,
+    +length: FieldT<string>,
+    +make_votable: FieldT<boolean>,
+    +name: FieldT<string | null>,
+    +video: FieldT<boolean>,
+  }>;
diff --git a/root/server/components.mjs b/root/server/components.mjs
@@ -188,7 +188,9 @@ export default {
   'place/PlaceMap': (): Promise<mixed> => import('../place/PlaceMap.js'),
   'place/PlaceMerge': (): Promise<mixed> => import('../place/PlaceMerge.js'),
   'place/PlacePerformances': (): Promise<mixed> => import('../place/PlacePerformances.js'),
+  'recording/CreateRecording': (): Promise<mixed> => import('../recording/CreateRecording.js'),
   'recording/DeleteRecording': (): Promise<mixed> => import('../recording/DeleteRecording.js'),
+  'recording/EditRecording': (): Promise<mixed> => import('../recording/EditRecording.js'),
   'recording/RecordingFingerprints': (): Promise<mixed> => import('../recording/RecordingFingerprints.js'),
   'recording/RecordingIndex': (): Promise<mixed> => import('../recording/RecordingIndex.js'),
   'recording/RecordingMerge': (): Promise<mixed> => import('../recording/RecordingMerge.js'),
@@ -546,12 +548,11 @@ export default {
   'static/scripts/common/components/WarningIcon': (): Promise<mixed> => import('../static/scripts/common/components/WarningIcon.js'),
   'static/scripts/edit/components/AddIcon': (): Promise<mixed> => import('../static/scripts/edit/components/AddIcon.js'),
   'static/scripts/edit/components/FormRowNameWithGuessCase': (): Promise<mixed> => import('../static/scripts/edit/components/FormRowNameWithGuessCase.js'),
-  'static/scripts/edit/components/FormRowTextList': (): Promise<mixed> => import('../static/scripts/edit/components/FormRowTextList.js'),
   'static/scripts/edit/components/FormRowTextListSimple': (): Promise<mixed> => import('../static/scripts/edit/components/FormRowTextListSimple.js'),
   'static/scripts/edit/components/GuessCaseIcon': (): Promise<mixed> => import('../static/scripts/edit/components/GuessCaseIcon.js'),
   'static/scripts/edit/components/HydratedDateRangeFieldset': (): Promise<mixed> => import('../static/scripts/edit/components/HydratedDateRangeFieldset.js'),
   'static/scripts/edit/components/InformationIcon': (): Promise<mixed> => import('../static/scripts/edit/components/InformationIcon.js'),
-  'static/scripts/recording/RecordingName': (): Promise<mixed> => import('../static/scripts/recording/RecordingName.js'),
+  'static/scripts/edit/components/StandaloneFormRowTextList': (): Promise<mixed> => import('../static/scripts/edit/components/StandaloneFormRowTextList.js'),
   'static/scripts/relationship-editor/components/RelationshipEditorWrapper': (): Promise<mixed> => import('../static/scripts/relationship-editor/components/RelationshipEditorWrapper.js'),
   'static/scripts/release-editor/components/EditNoteTab': (): Promise<mixed> => import('../static/scripts/release-editor/components/EditNoteTab.js'),
   'static/scripts/series/components/SeriesRelationshipEditor': (): Promise<mixed> => import('../static/scripts/series/components/SeriesRelationshipEditor.js'),