postnhost 0.0.0 → 0.1.0

data/app/views/postnhost/onboarding/show.html.erb

@@ -0,0 +1,51 @@
+<% content_for :title, "Set up PostnHost" %>
+<% content_for :meta_description, "Create your admin account and configure your site." %>
+<% content_for :robots, "noindex, nofollow" %>
+
+<div class="flex min-h-dvh min-h-screen bg-gray-50 pb-[max(1rem,env(safe-area-inset-bottom))] pt-[max(0.75rem,env(safe-area-inset-top))]">
+  <div class="flex w-full min-w-0 flex-1 flex-col justify-center px-4 sm:px-6 lg:px-8 sm:-mt-10">
+    <div class="mx-auto w-full <%= (@post_install_checklist || @step == 3) ? 'max-w-3xl' : 'max-w-md' %>">
+      <div class="rounded-2xl border border-gray-200 bg-white p-5 sm:p-8">
+        <div class="space-y-6">
+          <div class="space-y-2 text-center">
+            <h1 class="text-2xl font-semibold tracking-tight text-gray-900">
+              <%= if @post_install_checklist
+                    "Production checklist"
+                  elsif @step == 1
+                    "Create your admin account"
+                  elsif @step == 2
+                    "Choose blog languages"
+                  elsif @step == 3
+                    "Set your site details"
+                  elsif @step == 4
+                    "Start with sample content?"
+                  else
+                    t("postnhost.onboarding.title")
+                  end %>
+            </h1>
+            <% unless @post_install_checklist %>
+              <p class="text-sm text-gray-600">
+                <%= t("postnhost.onboarding.step_indicator", step: @step, total: 4) %>
+              </p>
+            <% end %>
+          </div>
+
+          <%= render "postnhost/shared/flash_messages" %>
+
+          <% if @post_install_checklist %>
+            <%= render "postnhost/onboarding/post_install_checklist" %>
+          <% else %>
+            <%= render "postnhost/onboarding/step_#{@step}" %>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="mt-4 flex justify-center">
+        <a href="https://postnhost.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-xs text-gray-400 transition-colors hover:text-gray-600">
+          Powered by
+          <%= image_tag "postnhost/logo.webp", alt: "PostnHost", class: "h-4 w-auto opacity-60 transition-opacity hover:opacity-100", width: 80, height: 16 %>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/postnhost/page_variants/_variants_list.html.erb

@@ -0,0 +1,82 @@
+<% variants.each do |variant| %>
+  <div class="px-6 py-4 hover:bg-gray-50 transition-colors duration-200">
+    <div class="flex items-center gap-2 md:gap-4">
+      <div class="flex items-center justify-center w-6 md:w-8 flex-shrink-0">
+        <input
+          type="checkbox"
+          name="ids[]"
+          value="<%= variant.id %>"
+          data-bulk-selection-target="checkbox"
+          data-action="change->bulk-selection#toggle"
+          <%= "disabled" if variant.generating? %>
+          class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 <%= variant.generating? ? 'cursor-not-allowed opacity-50' : 'cursor-pointer' %>"
+        >
+      </div>
+      <div class="flex-1 min-w-0">
+        <% if variant.generating? %>
+          <div class="block">
+            <div class="font-medium text-gray-900">
+              <%= variant.title.present? ? variant.title : 'Untitled Translation' %>
+            </div>
+            <% if variant.meta_description.present? %>
+              <div class="text-sm text-gray-500 mt-1 line-clamp-2">
+                <%= variant.meta_description %>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <%= link_to edit_page_variant_path(variant.page, variant), class: "block group" do %>
+            <div class="font-medium text-gray-900 group-hover:text-gray-600 transition-colors">
+              <%= variant.title.present? ? variant.title : 'Untitled Translation' %>
+            </div>
+            <% if variant.meta_description.present? %>
+              <div class="text-sm text-gray-500 mt-1 line-clamp-2">
+                <%= variant.meta_description %>
+              </div>
+            <% end %>
+          <% end %>
+        <% end %>
+      </div>
+
+      <div class="hidden md:block md:w-32 flex-shrink-0">
+        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+          <%= variant.language.name %>
+        </span>
+      </div>
+
+      <div class="hidden md:block md:w-28 flex-shrink-0">
+        <% if variant.generating? %>
+          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">
+            <%= icon("spinner", css_class: "animate-spin -ml-1 mr-1.5 h-3 w-3 text-purple-800") %>
+            Translating
+          </span>
+        <% else %>
+          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= variant.published? ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800' %>">
+            <%= variant.published? ? 'Published' : 'Draft' %>
+          </span>
+        <% end %>
+      </div>
+
+      <div class="w-16 md:w-24 flex items-center justify-end space-x-2 flex-shrink-0">
+        <% if variant.generating? %>
+          <span class="text-gray-300 cursor-not-allowed inline-flex" title="Editing is available when translation finishes">
+            <%= icon("edit", css_class: "w-4 h-4") %>
+          </span>
+        <% else %>
+          <%= link_to edit_page_variant_path(variant.page, variant), class: "text-gray-400 hover:text-gray-600 transition-colors cursor-pointer" do %>
+            <%= icon("edit", css_class: "w-4 h-4") %>
+          <% end %>
+        <% end %>
+
+        <%= link_to page_variant_path(variant.page, variant), method: :delete,
+            class: "text-gray-400 hover:text-red-600 transition-colors cursor-pointer",
+            data: {
+              turbo_method: :delete,
+              turbo_confirm: "Are you sure you want to delete this translation? This action cannot be undone."
+            } do %>
+          <%= icon("trash", css_class: "w-4 h-4") %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/postnhost/page_variants/edit.html.erb

@@ -0,0 +1,50 @@
+<% content_for :title, "Editing #{@page_variant.title.presence || 'Translation'}" %>
+
+<div data-controller="auto-save publish-guard editor-mobile-sidebars">
+  <%= form_with model: @page_variant, url: page_variant_path(@page, @page_variant), local: true, data: { auto_save_target: "form" } do |form| %>
+  <%= render 'postnhost/shared/articles/error_messages', resource: @page_variant, resource_type: "variant" %>
+
+  <div class="md:hidden px-4 py-3 bg-white border-b border-gray-200">
+    <div class="grid grid-cols-2 gap-2">
+      <button type="button"
+              data-action="click->editor-mobile-sidebars#toggleMeta"
+              class="w-full bg-white border border-gray-300 text-gray-700 py-2.5 px-4 rounded-xl hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition duration-200 text-sm font-medium cursor-pointer">
+        Details
+      </button>
+      <button type="button"
+              data-action="click->editor-mobile-sidebars#toggleActions"
+              class="w-full bg-white border border-gray-300 text-gray-700 py-2.5 px-4 rounded-xl hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition duration-200 text-sm font-medium cursor-pointer">
+        Actions
+      </button>
+    </div>
+  </div>
+
+  <div class="flex flex-col md:flex-row min-h-screen">
+    <%= render 'postnhost/shared/pages/meta_sidebar',
+        form: form,
+        resource: @page_variant,
+        page: @page,
+        is_variant: true,
+        mobile_target: "metaSidebar" %>
+
+    <div class="order-3 md:order-2 w-full md:w-3/5 bg-white border-t border-b border-gray-200 border-t-0">
+      <%= render 'postnhost/shared/articles/title_field',
+        form: form,
+        placeholder: "Translation Title" %>
+
+      <%= render 'postnhost/shared/articles/tiptap_editor',
+        form: form,
+        content: @page_variant.content,
+        resource_type: 'page',
+        resource_id: @page.id %>
+    </div>
+
+    <%= render 'postnhost/shared/pages/action_buttons',
+        form: form,
+        resource: @page_variant,
+        page: @page,
+        is_variant: true,
+        mobile_target: "actionsSidebar" %>
+  </div>
+<% end %>
+</div>

data/app/views/postnhost/page_variants/index.html.erb

@@ -0,0 +1,128 @@
+<% content_for :title, "Translations for #{@page.title}" %>
+
+<%= turbo_stream_from "page_variants_#{@page.id}" %>
+<div class="space-y-8" data-controller="ai-translation dialog" data-action="click->dialog#backdropClose">
+  <%= render 'postnhost/shared/elements/page_header',
+    title: 'Page Translations',
+    description: "Manage translations for \"#{@page.title.present? ? @page.title : 'Untitled Page'}\"",
+    stats: [
+      { text: "#{@pagy.count} translations", class: '' },
+      { text: "#{@available_languages.count} available languages", class: '' }
+    ] do %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'Back to Page',
+      url: edit_page_path(@page),
+      variant: :secondary,
+      icon: 'chevron-left',
+      extra_class: 'w-full md:w-auto' %>
+
+    <% if @available_languages.any? %>
+      <button
+        data-action="dialog#open"
+        class="<%= button_classes %> w-full md:w-auto">
+        <%= icon("sparkles", css_class: "w-4 h-4 mr-2") %>
+        Translate with AI
+      </button>
+
+      <div class="relative w-full md:w-auto" data-controller="dropdown">
+        <button
+          data-action="click->dropdown#toggle"
+          class="<%= button_classes %> w-full md:w-auto">
+          <%= icon("language", css_class: "w-4 h-4 mr-2") %>
+          Manual Translation
+          <%= icon("chevron-down", css_class: "w-4 h-4 ml-2") %>
+        </button>
+
+        <div data-dropdown-target="menu" class="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 overflow-hidden z-20 hidden">
+          <div class="py-1">
+            <% @available_languages.each do |language| %>
+              <%= link_to new_page_variant_path(@page, language_id: language.id), data: { turbo_prefetch: false}, class: "flex items-center px-4 py-3 text-sm text-gray-700 hover:bg-gray-50 transition-colors duration-150" do %>
+                <div class="flex-1">
+                  <div class="font-medium"><%= language.name %></div>
+                  <div class="text-xs text-gray-500"><%= language.html_lang %></div>
+                </div>
+              <% end %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <span class="<%= button_classes(variant: :secondary, disabled: true) %> w-full md:w-auto">
+        All languages translated
+      </span>
+    <% end %>
+  <% end %>
+
+  <% if @variants.any? %>
+    <%= form_with url: "#", method: :patch, data: { controller: "bulk-selection" } do |form| %>
+      <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+        <div data-bulk-selection-target="bulkActions" class="hidden px-6 py-4 bg-gray-50 border-b border-gray-200">
+          <div class="flex items-center justify-between">
+            <span class="text-sm font-medium text-gray-700">
+              <span data-bulk-selection-target="selectedCount">0</span> translation(s) selected
+            </span>
+            <div class="flex space-x-3">
+              <%= form.button type: "submit",
+                  formaction: bulk_publish_page_variants_path(@page),
+                  data: { turbo_confirm: "Publish selected translation(s)?" },
+                  class: "#{button_classes} bg-green-600 hover:bg-green-700" do %>
+                Publish
+              <% end %>
+              <%= form.button type: "submit",
+                  formaction: bulk_unpublish_page_variants_path(@page),
+                  data: { turbo_confirm: "Unpublish selected translation(s)?" },
+                  class: "#{button_classes(variant: :secondary)} border border-gray-300" do %>
+                Unpublish
+              <% end %>
+              <%= form.button type: "submit",
+                  formaction: bulk_destroy_page_variants_path(@page),
+                  formmethod: "delete",
+                  data: { turbo_confirm: "Are you sure you want to delete the selected translation(s)? This action cannot be undone." },
+                  class: "#{button_classes} bg-red-600 hover:bg-red-700" do %>
+                Delete
+              <% end %>
+            </div>
+          </div>
+        </div>
+
+      <div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
+        <div class="flex items-center gap-2 md:gap-4 text-xs font-medium text-gray-500 uppercase tracking-wider">
+          <div class="flex items-center justify-center w-6 md:w-8">
+            <input
+              type="checkbox"
+              data-bulk-selection-target="checkAll"
+              data-action="change->bulk-selection#toggleAll"
+              class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 cursor-pointer"
+            >
+          </div>
+          <div class="flex-1">Translation</div>
+          <div class="hidden md:block md:w-32">Language</div>
+          <div class="hidden md:block md:w-28">Status</div>
+          <div class="w-16 md:w-24 text-right">Actions</div>
+        </div>
+      </div>
+
+        <div id="variants_list" class="divide-y divide-gray-200">
+          <%= render partial: "variants_list", locals: { variants: @variants } %>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- Pagination -->
+    <% if @pagy.pages > 1 %>
+      <div class="mt-8 flex justify-center">
+        <%== pagination_nav(@pagy) %>
+      </div>
+    <% end %>
+  <% else %>
+    <%= render 'postnhost/shared/elements/empty_state',
+      icon: 'translate',
+      title: 'No translations',
+      description: 'Use "Translate with AI" to automatically create translations, or "Manual Translation" to create them manually.' %>
+  <% end %>
+
+  <%= render "postnhost/shared/ai_translation_modal",
+      subject_title: (@page.title.present? ? @page.title : "this page"),
+      form_url: page_translations_path(@page),
+      available_languages: @available_languages %>
+</div>

data/app/views/postnhost/page_variants/publish.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace "page_variant_actions" do %>
+  <%= render "postnhost/shared/pages/post_actions", resource: @page_variant, resource_type: "variant", page: @page %>
+<% end %>

data/app/views/postnhost/page_variants/unpublish.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace "page_variant_actions" do %>
+  <%= render "postnhost/shared/pages/post_actions", resource: @page_variant, resource_type: "variant", page: @page %>
+<% end %>

data/app/views/postnhost/page_variants/update.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace "page_variant_actions" do %>
+  <%= render "postnhost/shared/pages/post_actions", resource: @page_variant, resource_type: "variant", page: @page %>
+<% end %>

data/app/views/postnhost/pages/edit.html.erb

@@ -0,0 +1,50 @@
+<% content_for :title, "Editing #{@page.title.presence || 'Page'}" %>
+
+<div data-controller="auto-save publish-guard editor-mobile-sidebars">
+  <%= form_with model: @page, local: true, data: { auto_save_target: "form" } do |form| %>
+    <%= render 'postnhost/shared/form_errors', resource: @page %>
+
+    <div class="md:hidden px-4 py-3 bg-white border-b border-gray-200">
+      <div class="grid grid-cols-2 gap-2">
+        <button type="button"
+                data-action="click->editor-mobile-sidebars#toggleMeta"
+                class="w-full bg-white border border-gray-300 text-gray-700 py-2.5 px-4 rounded-xl hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition duration-200 text-sm font-medium cursor-pointer">
+          Details
+        </button>
+        <button type="button"
+                data-action="click->editor-mobile-sidebars#toggleActions"
+                class="w-full bg-white border border-gray-300 text-gray-700 py-2.5 px-4 rounded-xl hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 transition duration-200 text-sm font-medium cursor-pointer">
+          Actions
+        </button>
+      </div>
+    </div>
+
+    <div class="flex flex-col md:flex-row min-h-screen">
+      <%= render 'postnhost/shared/pages/meta_sidebar',
+          form: form,
+          resource: @page,
+          page: @page,
+          is_variant: false,
+          mobile_target: "metaSidebar" %>
+
+      <div class="order-3 md:order-2 w-full md:w-3/5 bg-white border-t border-b border-gray-200 border-t-0">
+        <%= render 'postnhost/shared/articles/title_field',
+          form: form,
+          placeholder: "Untitled Page" %>
+
+        <%= render 'postnhost/shared/articles/tiptap_editor',
+          form: form,
+          content: @page.content,
+          resource_type: 'page',
+          resource_id: @page.id %>
+      </div>
+
+      <%= render 'postnhost/shared/pages/action_buttons',
+          form: form,
+          resource: @page,
+          page: @page,
+          is_variant: false,
+          mobile_target: "actionsSidebar" %>
+    </div>
+  <% end %>
+</div>

data/app/views/postnhost/pages/index.html.erb

@@ -0,0 +1,110 @@
+<% content_for :title, "Pages" %>
+
+<div class="space-y-8">
+  <%= render 'postnhost/shared/elements/page_header',
+    title: 'Pages',
+    description: 'Manage pages and review code-defined static pages.' do %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'New Page',
+      url: new_page_path,
+      icon: 'plus',
+      data: { turbo_prefetch: false },
+      extra_class: 'w-full md:w-auto' %>
+  <% end %>
+
+  <% if @pages.any? %>
+    <%= render 'postnhost/shared/elements/table_container',
+      headers: [
+        { text: 'Page', class: 'col-span-6 md:col-span-5' },
+        { text: 'Path', class: 'col-span-6 md:col-span-3' },
+        { text: 'Status', class: 'hidden md:block col-span-2' },
+        { text: 'Actions', class: 'hidden md:block col-span-2 text-right' },
+      ] do %>
+      <% @pages.each do |page| %>
+        <div class="<%= table_row_classes %>">
+          <div class="grid grid-cols-12 gap-4 items-center">
+            <div class="col-span-6 md:col-span-5">
+              <%= link_to edit_page_path(page), class: "block group" do %>
+                <div class="font-medium text-gray-900 group-hover:text-gray-600 transition-colors">
+                  <%= page.title.presence || "Untitled Page" %>
+                </div>
+              <% end %>
+            </div>
+
+            <div class="col-span-6 md:col-span-3">
+              <% if page.slug.present? %>
+                <code class="text-sm text-gray-700">/<%= page.slug %></code>
+              <% end %>
+            </div>
+
+            <div class="hidden md:flex col-span-2 items-center space-x-2">
+              <span class="<%= stats_badge_classes(variant: page.published? ? :green : :gray) %>">
+                <%= page.published? ? 'Published' : 'Draft' %>
+              </span>
+            </div>
+
+            <div class="hidden md:flex col-span-2 items-center justify-end space-x-2">
+              <%= render 'postnhost/shared/elements/icon_button',
+                icon: 'edit',
+                url: edit_page_path(page) %>
+
+              <%= render 'postnhost/shared/elements/icon_button',
+                icon: 'trash',
+                url: page_path(page),
+                variant: :danger,
+                data: {
+                  turbo_method: :delete,
+                  turbo_confirm: "Are you sure you want to delete this page? This action cannot be undone."
+                } %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  <% else %>
+    <%= render 'postnhost/shared/elements/empty_state',
+      icon: 'layers',
+      title: 'No pages',
+      description: 'Create your first custom page.' do %>
+      <%= render 'postnhost/shared/elements/button_link',
+        text: 'New Page',
+        url: new_page_path,
+        data: { turbo_prefetch: false },
+        icon: 'plus' %>
+    <% end %>
+  <% end %>
+
+  <% if @static_page_slugs.any? %>
+    <div class="space-y-4">
+      <h2 class="text-lg font-semibold text-gray-900">Code-defined static pages</h2>
+      <%= render 'postnhost/shared/elements/table_container',
+        headers: [
+          { text: 'Static Page', class: 'col-span-6' },
+          { text: 'Path', class: 'col-span-6 text-right' }
+        ] do %>
+        <% @static_page_slugs.each do |slug| %>
+          <div class="<%= table_row_classes %>">
+            <div class="grid grid-cols-12 gap-4 items-center">
+              <div class="min-w-0 col-span-6">
+                <div class="font-medium text-gray-900 break-words"><%= slug.humanize %></div>
+                <div class="text-sm text-gray-500 mt-1 break-all"><%= slug %>.html.erb</div>
+              </div>
+
+              <div class="min-w-0 col-span-6 text-right">
+                <code class="text-sm text-gray-700 whitespace-normal break-all inline-block">/<%= slug %></code>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div class="rounded-xl border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-600">
+        These templates are defined in <code>app/views/postnhost/static_pages</code> and are not editable in the admin panel.
+      </div>
+    </div>
+  <% else %>
+    <div class="rounded-xl border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-600">
+      No code-defined static pages found. Add templates in <code>app/views/postnhost/static_pages</code> (for example, <code>about.html.erb</code> maps to <code>/about</code>), or run <code>rails g postnhost:static_pages about</code> to scaffold a starter template.
+    </div>
+  <% end %>
+</div>

data/app/views/postnhost/pages/publish.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace "page_actions" do %>
+  <%= render "postnhost/shared/pages/post_actions", resource: @page, resource_type: "page", page: @page %>
+<% end %>

data/app/views/postnhost/pages/unpublish.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.replace "page_actions" do %>
+  <%= render "postnhost/shared/pages/post_actions", resource: @page, resource_type: "page", page: @page %>
+<% end %>

data/app/views/postnhost/public/articles/content_for/_index.html.erb

@@ -0,0 +1,30 @@
+<% content_for :title, public_articles_index_title %>
+<% content_for :url, public_blog_index_url %>
+<% content_for :robots, "noindex, nofollow" if public_search_endpoint? %>
+<% unless paginated_public_page? %>
+  <% content_for :meta_description, t("postnhost.public.site.blog_meta_description") %>
+<% end %>
+<% content_for :lang, @current_language.html_lang %>
+
+<%# Hreflang tags for language variants %>
+<% if @other_languages.any? %>
+  <% content_for :hreflang do %>
+    <!-- Current language -->
+    <% if @current_language.default? %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= root_url %>">
+      <link rel="alternate" hreflang="x-default" href="<%= root_url %>">
+    <% else %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= localized_root_url(@current_language.html_lang) %>">
+    <% end %>
+
+    <!-- Other languages -->
+    <% @other_languages.each do |language| %>
+      <% if language.default? %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= root_url %>">
+        <link rel="alternate" hreflang="x-default" href="<%= root_url %>">
+      <% else %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= localized_root_url(language.html_lang) %>">
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/postnhost/public/articles/content_for/_preview.html.erb

@@ -0,0 +1,9 @@
+<% content_for :title, @content.title_tag.present? ? @content.title_tag : @content.title %>
+<% content_for :og_title, @content.og_title if @content.og_title.present? %>
+<% content_for :schema_headline, @content.schema_headline if @content.schema_headline.present? %>
+<% if @content.use_excerpt_as_meta_description? && article_excerpt(@content).present? %>
+  <% content_for :meta_description, article_excerpt(@content) %>
+<% elsif @content.meta_description.present? %>
+  <% content_for :meta_description, @content.meta_description %>
+<% end %>
+<% content_for :lang, @actual_language.html_lang %>

data/app/views/postnhost/public/articles/content_for/_show.html.erb

@@ -0,0 +1,24 @@
+<% content_for :title, @content.title_tag.present? ? @content.title_tag : @content.title %>
+<% content_for :og_title, @content.og_title if @content.og_title.present? %>
+<% content_for :schema_headline, @content.schema_headline if @content.schema_headline.present? %>
+<% if @content.use_excerpt_as_meta_description? && article_excerpt(@content).present? %>
+  <% content_for :meta_description, article_excerpt(@content) %>
+<% elsif @content.meta_description.present? %>
+  <% content_for :meta_description, @content.meta_description %>
+<% end %>
+<% content_for :lang, @actual_language.html_lang %>
+<% content_for :url, params[:locale].present? ? localized_public_article_url(@actual_language.html_lang, @article.slug) : public_article_url(@article.slug) %>
+
+<%# Hreflang tags for language variants %>
+<% content_for :hreflang do %>
+  <!-- Original article -->
+  <link rel="alternate" hreflang="<%= @primary_language.html_lang %>" href="<%= public_article_url(@article.slug) %>" data-turbo-track="reload">
+
+  <!-- Article variants -->
+  <% @available_variants.each do |variant| %>
+    <link rel="alternate" hreflang="<%= variant.language.html_lang %>" href="<%= localized_public_article_url(variant.language.html_lang, @article.slug) %>" data-turbo-track="reload">
+  <% end %>
+
+  <!-- x-default -->
+  <link rel="alternate" hreflang="x-default" href="<%= public_article_url(@article.slug) %>" data-turbo-track="reload">
+<% end %>

data/app/views/postnhost/public/authors/content_for/_show.html.erb

@@ -0,0 +1,24 @@
+<% content_for :title, author_name(@author) %>
+<% content_for :url, language_author_url(@author.slug, @current_language) %>
+<% content_for :meta_description, @author.bio if @author.bio.present? %>
+<% content_for :lang, @current_language.html_lang %>
+
+<% if @other_languages.any? %>
+  <% content_for :hreflang do %>
+    <% if @current_language.default? %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= public_author_url(@author.slug) %>">
+      <link rel="alternate" hreflang="x-default" href="<%= public_author_url(@author.slug) %>">
+    <% else %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= localized_public_author_url(@current_language.html_lang, @author.slug) %>">
+    <% end %>
+
+    <% @other_languages.each do |language| %>
+      <% if language.default? %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= public_author_url(@author.slug) %>">
+        <link rel="alternate" hreflang="x-default" href="<%= public_author_url(@author.slug) %>">
+      <% else %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= localized_public_author_url(language.html_lang, @author.slug) %>">
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/postnhost/public/categories/content_for/_index.html.erb

@@ -0,0 +1,29 @@
+<% content_for :title, public_category_title(@category) %>
+<% content_for :url, public_category_index_url(@category) %>
+<% unless paginated_public_page? %>
+  <% content_for :meta_description, public_category_description(@category) if public_category_description(@category).present? %>
+<% end %>
+<% content_for :lang, @current_language.html_lang %>
+
+<%# Hreflang tags for language variants %>
+<% unless @localized_category_fallback %>
+  <% content_for :hreflang do %>
+    <% if @current_language.default? %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= public_category_url(@category.slug) %>">
+    <% else %>
+      <link rel="alternate" hreflang="<%= @current_language.html_lang %>" href="<%= localized_public_category_url(@current_language.html_lang, @category.slug) %>">
+    <% end %>
+
+    <% @other_languages.each do |language| %>
+      <% next unless language.default? || @published_category_language_ids.include?(language.id) %>
+
+      <% if language.default? %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= public_category_url(@category.slug) %>">
+      <% else %>
+        <link rel="alternate" hreflang="<%= language.html_lang %>" href="<%= localized_public_category_url(language.html_lang, @category.slug) %>">
+      <% end %>
+    <% end %>
+
+    <link rel="alternate" hreflang="x-default" href="<%= public_category_url(@category.slug) %>">
+  <% end %>
+<% end %>

data/app/views/postnhost/public/static_pages/content_for/_show.html.erb

@@ -0,0 +1,19 @@
+<% content_for :title, @content.title_tag.present? ? @content.title_tag : @content.title %>
+<% content_for :og_title, @content.og_title if @content.og_title.present? %>
+<% content_for :meta_description, @content.meta_description if @content.meta_description.present? %>
+<% content_for :lang, @actual_language.html_lang %>
+<% content_for :url, params[:locale].present? ? localized_public_static_page_url(locale: @actual_language.html_lang, slug: @page.slug) : public_static_page_url(slug: @page.slug) %>
+
+<%# Hreflang tags for language variants %>
+<% content_for :hreflang do %>
+  <!-- Original page -->
+  <link rel="alternate" hreflang="<%= @page.language&.html_lang || @current_language.html_lang %>" href="<%= public_static_page_url(slug: @page.slug) %>" data-turbo-track="reload">
+
+  <!-- Page variants -->
+  <% @available_variants.each do |variant| %>
+    <link rel="alternate" hreflang="<%= variant.language.html_lang %>" href="<%= localized_public_static_page_url(locale: variant.language.html_lang, slug: @page.slug) %>" data-turbo-track="reload">
+  <% end %>
+
+  <!-- x-default -->
+  <link rel="alternate" hreflang="x-default" href="<%= public_static_page_url(slug: @page.slug) %>" data-turbo-track="reload">
+<% end %>