Merge pull request #2505 from tf/entry-links-v1

Entry links

Author: tf

app/assets/stylesheets/pageflow/editor/composables.scss

@@ -11,3 +11,7 @@
 .secondary_icon_button {
   @include icon-button;
 }
+
+.destructive_icon_button {
+  @include icon-button("destructive");
+}

app/assets/stylesheets/pageflow/ui.scss

@@ -15,6 +15,7 @@
   @import "./ui/table_cells/presence_table_cell";
   @import "./ui/table_cells/delete_row_table_cell";
   @import "./ui/table_cells/icon_table_cell";
+  @import "./ui/accordion_view";
   @import "./ui/tabs_view";
   @import "./ui/tooltip";
   @import "./ui/validation_error_messages";

app/assets/stylesheets/pageflow/ui/accordion_view.scss

@@ -0,0 +1,111 @@
+.accordion_view {
+  display: flex;
+  flex-direction: column;
+  gap: space(2);
+  min-height: 0;
+
+  &-section {
+    flex: none;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid var(--ui-on-surface-color-lighter);
+    border-radius: rounded();
+  }
+
+  &-section-fill {
+    &[open],
+    &.accordion_view-section-selected {
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+
+    > .accordion_view-content {
+      flex: 1 1 auto;
+    }
+  }
+
+  &-section[open],
+  &-section-selected {
+    > .accordion_view-header {
+      border-bottom: 1px solid var(--ui-on-surface-color-lightest);
+      border-radius: rounded() rounded() 0 0;
+    }
+  }
+
+  &-selectable_section > .accordion_view-header {
+    background: var(--ui-secondary-surface-color);
+  }
+
+  &-section-selected > .accordion_view-header {
+    background: var(--ui-selection-color-lighter);
+  }
+
+  &-section[open] > .accordion_view-summary::before {
+    transform: rotate(0deg);
+  }
+
+  &-header {
+    display: flex;
+    align-items: flex-start;
+    gap: space(2);
+    margin: 0;
+    padding: space(3) space(4);
+    border-radius: rounded();
+    line-height: 20px;
+    cursor: pointer;
+    background: var(--ui-primary-color-lightest);
+
+    input[type="radio"] {
+      flex: none;
+      width: 16px;
+      height: 16px;
+      margin: 2px 0 0;
+    }
+  }
+
+  &-summary {
+    list-style: none;
+
+    &::-webkit-details-marker {
+      display: none;
+    }
+
+    &::before {
+      content: "";
+      flex: none;
+      align-self: center;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 6px solid var(--ui-on-surface-color-light);
+      transform: rotate(-90deg);
+      transition: transform 0.2s;
+    }
+  }
+
+  &-header_text {
+    display: flex;
+    flex-direction: column;
+    gap: space(1);
+  }
+
+  &-title {
+    font-weight: 600;
+  }
+
+  &-description {
+    color: var(--ui-on-surface-color-light);
+  }
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+    gap: space(3);
+    padding: space(4);
+    min-height: 0;
+    color: var(--ui-on-surface-color);
+
+    &[hidden] {
+      display: none;
+    }
+  }
+}

app/assets/stylesheets/pageflow/ui/properties.scss

@@ -45,6 +45,7 @@
   --ui-warning-color: #ff7400;
   --ui-warning-color-lighter: hsla(27, 100%, 50%, 0.3);
   --ui-warning-color-lightest: hsla(27, 100%, 50%, 0.1);
+  --ui-on-warning-color: #fff;
 
   --ui-error-color: #ff4d6d;
   --ui-error-color-light: hsla(349, 100%, 65%, 0.6);

entry_types/scrolled/app/controllers/pageflow_scrolled/editor/fragment_libraries_controller.rb

@@ -5,6 +5,7 @@ class FragmentLibrariesController < ActionController::Base
       include Pageflow::EditorController
 
       helper Pageflow::FilesHelper
+      helper PageflowScrolled::LinkedEntriesHelper
 
       before_action do
         head :not_found unless @entry.feature_state('fragments')

entry_types/scrolled/app/controllers/pageflow_scrolled/editor/linkable_entries_controller.rb

@@ -0,0 +1,19 @@
+module PageflowScrolled
+  module Editor
+    # @api private
+    class LinkableEntriesController < ActionController::Base
+      include Pageflow::EditorController
+
+      helper PageflowScrolled::LinkedEntriesHelper
+
+      def index
+        @entries = Pageflow::Entry
+                   .accessible_by(current_ability, :read)
+                   .where(account: @entry.account, fragment_library: nil)
+                   .where.not(id: @entry.id)
+                   .preload(:site, :account, :published_revision, :draft, permalink: :directory)
+                   .order(:title)
+      end
+    end
+  end
+end

entry_types/scrolled/app/helpers/pageflow_scrolled/entry_json_seed_helper.rb

@@ -12,6 +12,7 @@ module EntryJsonSeedHelper
     include Pageflow::PublicI18n::LocalesHelper
     include PageflowScrolled::I18nHelper
     include PageflowScrolled::ThemesHelper
+    include PageflowScrolled::LinkedEntriesHelper
 
     def scrolled_entry_json_seed_script_tag(scrolled_entry, options = {})
       seed_json = render_json do |json|
@@ -28,6 +29,7 @@ def scrolled_entry_json_seed(json, scrolled_entry, options = {})
       revision = scrolled_entry.revision
       sections = scrolled_entry_json_seed_sections(scrolled_entry, options)
       content_elements = scrolled_entry_json_seed_content_elements(revision, sections)
+      widgets = scrolled_entry.resolve_widgets(insert_point: :react)
       entry_config = Pageflow.config_for(scrolled_entry)
 
       json.partial!('pageflow_scrolled/entry_json_seed/entry',
@@ -42,7 +44,9 @@ def scrolled_entry_json_seed(json, scrolled_entry, options = {})
                       content_elements,
                       include_unused: options[:include_unused_file_reference_locations]
                     ),
-                    widgets: scrolled_entry.resolve_widgets(insert_point: :react),
+                    linked_entries: scrolled_linked_entries(scrolled_entry,
+                                                            content_elements + widgets),
+                    widgets:,
                     options:)
     end
 

entry_types/scrolled/app/helpers/pageflow_scrolled/linked_entries_helper.rb

@@ -0,0 +1,32 @@
+module PageflowScrolled
+  # Determine urls of entries that links point to.
+  #
+  # @api private
+  module LinkedEntriesHelper
+    include Pageflow::SocialShareHelper
+
+    def scrolled_linked_entries(scrolled_entry, configurables)
+      entry_ids = EntryLinkReferences.new(configurables.map(&:configuration)).entry_ids
+      return [] if entry_ids.empty?
+
+      Pageflow::Entry
+        .where(id: entry_ids, account_id: scrolled_entry.account.id)
+        .preload(:site, :account, :published_revision, :draft, permalink: :directory)
+        .order(:id)
+        .map do |entry|
+          scrolled_linked_entry(entry, include_preview: !scrolled_entry.published_revision?)
+        end
+    end
+
+    def scrolled_linked_entry(entry, include_preview: true)
+      linked_entry = Pageflow::PublishedEntry.new(entry, entry.published_revision || entry.draft)
+      result = {entry: linked_entry, url: social_share_entry_url(linked_entry)}
+
+      return result unless include_preview
+
+      result.merge(preview_url: main_app.preview_admin_entry_path(entry),
+                   publication_state: entry.publication_state,
+                   signature: EntryLinkSignature.generate(entry.id))
+    end
+  end
+end

entry_types/scrolled/app/views/pageflow_scrolled/editor/fragment_libraries/index.json.jbuilder

@@ -30,6 +30,11 @@ json.array!(@libraries) do |library|
       end
     end
 
+    json.linked_entries(scrolled_linked_entries(library.entry,
+                                                library.content_elements)) do |linked_entry|
+      json.partial!('pageflow_scrolled/entry_json_seed/linked_entry', **linked_entry)
+    end
+
     files_json_seed(json, library.entry)
   end
 end

entry_types/scrolled/app/views/pageflow_scrolled/editor/linkable_entries/index.json.jbuilder

@@ -0,0 +1,5 @@
+json.key_format!(camelize: :lower)
+
+json.array!(@entries) do |entry|
+  json.partial!('pageflow_scrolled/entry_json_seed/linked_entry', **scrolled_linked_entry(entry))
+end