postnhost 0.0.0 → 0.1.1

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

@@ -0,0 +1,82 @@
+<% content_for :title, "Translations - #{@category.name}" %>
+
+<%= turbo_stream_from "category_variants_#{@category.id}" %>
+<div class="space-y-8" data-controller="ai-translation dialog" data-action="click->dialog#backdropClose">
+  <%= render 'postnhost/shared/elements/page_header',
+    title: 'Category Translations',
+    description: "Manage translations for \"#{@category.name}\"",
+    stats: [
+      { text: "#{@variants.count} translations", class: '' },
+      { text: "#{@available_languages.count} available languages", class: '' }
+    ] do %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'Back to Category',
+      url: category_path(@category),
+      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_category_variant_path(@category, 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 cursor-pointer" 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? %>
+    <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+      <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-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-24 text-right">Actions</div>
+        </div>
+      </div>
+
+      <div id="category_variants_list" class="divide-y divide-gray-200">
+        <%= render partial: "category_variants_list", locals: { variants: @variants, category: @category } %>
+      </div>
+    </div>
+  <% 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: @category.name,
+      form_url: category_translations_path(@category),
+      available_languages: @available_languages %>
+</div>

data/app/views/postnhost/category_variants/new.html.erb

@@ -0,0 +1,21 @@
+<% content_for :title, "New Translation - #{@category.name}" %>
+
+<div class="max-w-2xl">
+  <%= render 'postnhost/shared/elements/form_page_header',
+    title: 'New Translation',
+    description: "Create a #{@category_variant.language&.name || 'new'} translation for \"#{@category.name}\"" %>
+
+  <%= form_with model: @category_variant, url: category_variants_path(@category), local: true, class: "space-y-6" do |form| %>
+    <%= render 'postnhost/shared/elements/error_messages', resource: @category_variant %>
+
+    <%= render 'postnhost/category_variants/form', form: form, category_variant: @category_variant %>
+
+    <div class="flex items-center space-x-4">
+      <%= form.submit "Create Translation", class: button_classes %>
+      <%= render 'postnhost/shared/elements/button_link',
+        text: 'Cancel',
+        url: category_variants_path(@category),
+        variant: :secondary %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,45 @@
+<% content_for :title, "Editing #{@language.name}" %>
+
+<div class="max-w-2xl">
+  <%= render 'postnhost/shared/elements/form_page_header',
+    title: 'Edit Language',
+    description: 'Update language information' %>
+
+  <%= form_with model: @language, local: true, class: "space-y-6" do |form| %>
+    <%= render 'postnhost/shared/elements/error_messages', resource: @language %>
+
+    <%= render 'postnhost/shared/elements/form_card' do %>
+      <div>
+        <%= form.label :name, class: form_label_classes %>
+        <%= form.text_field :name,
+            class: form_input_classes,
+            placeholder: "Enter language name (e.g., English, Spanish)" %>
+      </div>
+
+      <div>
+        <%= form.label :html_lang, "Language Code", class: form_label_classes %>
+        <%= form.text_field :html_lang,
+            class: form_input_classes,
+            placeholder: "Enter HTML language code (e.g., en, es, fr)" %>
+        <p class="mt-1 text-sm text-gray-500">ISO 639-1 language code for HTML lang attribute</p>
+      </div>
+
+      <div>
+        <div class="flex items-center">
+          <%= form.check_box :default,
+              class: "h-4 w-4 text-gray-600 focus:ring-gray-500 border-gray-300 rounded" %>
+          <%= form.label :default, "Default Language", class: "ml-2 block text-sm font-medium text-gray-700" %>
+        </div>
+        <p class="mt-1 text-sm text-gray-500">Set as the default language for new content</p>
+      </div>
+    <% end %>
+
+    <div class="flex items-center space-x-4">
+      <%= form.submit "Update Language", class: button_classes %>
+      <%= render 'postnhost/shared/elements/button_link',
+        text: 'Cancel',
+        url: language_path(@language),
+        variant: :secondary %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,86 @@
+<% content_for :title, "Languages" %>
+
+<div class="space-y-8">
+  <%= render 'postnhost/shared/elements/page_header',
+    title: 'Languages',
+    description: 'Manage your supported languages for articles and categories' do %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'New Language',
+      url: new_language_path,
+      icon: 'plus',
+      extra_class: 'w-full md:w-auto' %>
+  <% end %>
+
+  <% if @languages.any? %>
+    <%= render 'postnhost/shared/elements/table_container',
+      headers: [
+        { text: 'Language', class: 'col-span-5' },
+        { text: 'Articles', class: 'col-span-3' },
+        { text: 'Actions', class: 'col-span-4 text-right' }
+      ] do %>
+      <% @languages.each do |language| %>
+        <div class="<%= table_row_classes %>">
+          <div class="grid grid-cols-12 gap-4 items-center">
+            <div class="col-span-5">
+              <%= link_to language_path(language), class: "block group" do %>
+                <div class="flex items-center space-x-3">
+                  <div class="font-medium text-gray-900 group-hover:text-gray-600 transition-colors">
+                    <%= language.name %>
+                  </div>
+                  <% if language.default? %>
+                    <span class="<%= stats_badge_classes(variant: :blue) %> px-2 py-1">
+                      Default
+                    </span>
+                  <% end %>
+                </div>
+                <div class="text-sm text-gray-500 mt-1">
+                  Code: <%= language.html_lang %>
+                </div>
+              <% end %>
+            </div>
+
+            <div class="col-span-3">
+              <div class="flex items-center space-x-3">
+                <span class="<%= stats_badge_classes(variant: :blue) %>">
+                  <%= language.articles_count %>
+                </span>
+                <span class="<%= stats_badge_classes(variant: :purple) %>">
+                  <%= language.article_variants_count %>
+                </span>
+              </div>
+            </div>
+
+            <div class="col-span-4 flex items-center justify-end space-x-2">
+              <%= render 'postnhost/shared/elements/icon_button',
+                icon: 'eye',
+                url: language_path(language) %>
+
+              <%= render 'postnhost/shared/elements/icon_button',
+                icon: 'edit',
+                url: edit_language_path(language) %>
+
+              <%= render 'postnhost/shared/elements/icon_button',
+                icon: 'trash',
+                url: language_path(language),
+                variant: :danger,
+                data: {
+                  turbo_method: :delete,
+                  turbo_confirm: "Are you sure you want to delete this language? This action cannot be undone."
+                } %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  <% else %>
+    <%= render 'postnhost/shared/elements/empty_state',
+      icon: 'translate',
+      title: 'No languages',
+      description: 'Get started by creating your first language.' do %>
+      <%= render 'postnhost/shared/elements/button_link',
+        text: 'New Language',
+        url: new_language_path,
+        icon: 'plus' %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/postnhost/languages/new.html.erb

@@ -0,0 +1,45 @@
+<% content_for :title, "New Language" %>
+
+<div class="max-w-2xl">
+  <%= render 'postnhost/shared/elements/form_page_header',
+    title: 'New Language',
+    description: 'Add a new language for your articles and categories' %>
+
+  <%= form_with model: @language, local: true, class: "space-y-6" do |form| %>
+    <%= render 'postnhost/shared/elements/error_messages', resource: @language %>
+
+    <%= render 'postnhost/shared/elements/form_card' do %>
+      <div>
+        <%= form.label :name, class: form_label_classes %>
+        <%= form.text_field :name,
+            class: form_input_classes,
+            placeholder: "Enter language name (e.g., English, Spanish)" %>
+      </div>
+
+      <div>
+        <%= form.label :html_lang, "Language Code", class: form_label_classes %>
+        <%= form.text_field :html_lang,
+            class: form_input_classes,
+            placeholder: "Enter HTML language code (e.g., en, es, fr)" %>
+        <p class="mt-1 text-sm text-gray-500">ISO 639-1 language code for HTML lang attribute</p>
+      </div>
+
+      <div>
+        <div class="flex items-center">
+          <%= form.check_box :default,
+              class: "h-4 w-4 text-gray-600 focus:ring-gray-500 border-gray-300 rounded" %>
+          <%= form.label :default, "Default Language", class: "ml-2 block text-sm font-medium text-gray-700" %>
+        </div>
+        <p class="mt-1 text-sm text-gray-500">Set as the default language for new content</p>
+      </div>
+    <% end %>
+
+    <div class="flex items-center space-x-4">
+      <%= form.submit "Create Language", class: button_classes %>
+      <%= render 'postnhost/shared/elements/button_link',
+        text: 'Cancel',
+        url: languages_path,
+        variant: :secondary %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,156 @@
+<% content_for :title, @language.name %>
+
+<div class="space-y-8">
+  <%= render 'postnhost/shared/elements/page_header',
+    title: @language.name,
+    stats: [
+      { text: "Code: #{@language.html_lang}", class: '' },
+      { text: "#{@articles_pagy.count} articles", class: '' },
+      { text: "#{@article_variants_pagy.count} article variants", class: '' },
+      (@language.default? ? { text: "Default Language", class: stats_badge_classes(variant: :blue) } : nil)
+    ].compact do %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'Back to Languages',
+      url: languages_path(@article),
+      variant: :secondary,
+      icon: 'chevron-left',
+      extra_class: 'w-full md:w-auto' %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'Edit',
+      url: edit_language_path(@language),
+      icon: 'edit',
+      extra_class: 'w-full md:w-auto' %>
+    <%= render 'postnhost/shared/elements/button_link',
+      text: 'Delete',
+      url: language_path(@language),
+      variant: :danger,
+      icon: 'trash',
+      method: :delete,
+      extra_class: 'w-full md:w-auto',
+      data: {
+        turbo_method: :delete,
+        turbo_confirm: "Are you sure you want to delete this language? This action cannot be undone."
+      } %>
+  <% end %>
+
+  <% unless postnhost_public_locale_file_present_for?(@language.html_lang) %>
+    <div class="rounded-xl border border-yellow-200 bg-yellow-50 px-4 py-3 text-sm text-yellow-900 space-y-2">
+      <p class="font-medium">No locale file for this language code</p>
+      <p class="text-yellow-950">
+        There is no <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950">config/locales/<%= @language.html_lang %>.yml</code>
+        in your app and Postnhost does not ship one for <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950"><%= @language.html_lang %></code>.
+        Public pages may fall back to English for <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950">postnhost.public</code> strings.
+      </p>
+      <p class="text-yellow-950">
+        Generate a starter file from English:
+        <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950">bin/rails g postnhost:locale <%= @language.html_lang %></code>
+      </p>
+    </div>
+  <% end %>
+
+  <!-- Articles Section -->
+  <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+    <div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
+      <div class="flex items-center justify-between">
+        <div>
+          <h2 class="text-lg font-medium text-gray-900">Articles</h2>
+          <p class="mt-1 text-sm text-gray-600">Articles written in this language</p>
+        </div>
+
+        <span class="<%= stats_badge_classes(variant: :gray) %>">
+          <%= @articles_pagy.count %> articles
+        </span>
+      </div>
+    </div>
+
+    <% if @articles.any? %>
+      <div class="divide-y divide-gray-200">
+        <% @articles.each do |article| %>
+          <div class="<%= table_row_classes %>">
+            <div class="flex items-center justify-between">
+              <div class="flex-1">
+                <%= link_to edit_article_path(article), class: "block group" do %>
+                  <div class="font-medium text-gray-900 group-hover:text-gray-600 transition-colors">
+                    <%= article.title.present? ? article.title : 'Untitled' %>
+                  </div>
+                  <div class="text-sm text-gray-500 mt-1 flex items-center space-x-4">
+                    <% if article.categories.any? %>
+                      <span><%= article.categories.first.name %></span>
+                    <% end %>
+                    <span><%= article.created_at.strftime('%b %d, %Y') %></span>
+                  </div>
+                <% end %>
+              </div>
+
+              <div class="flex items-center space-x-2">
+                <span class="<%= stats_badge_classes(variant: article.published? ? :green : :gray) %>">
+                  <%= article.published? ? 'Published' : 'Draft' %>
+                </span>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+
+      <% if @articles_pagy.pages > 1 %>
+        <div class="border-t border-gray-200 px-6 py-4">
+          <%== pagination_nav(@articles_pagy) %>
+        </div>
+      <% end %>
+    <% else %>
+      <%= render 'postnhost/shared/elements/empty_state',
+        icon: 'document-text',
+        title: 'No articles',
+        description: 'No articles have been created in this language yet.' %>
+    <% end %>
+  </div>
+
+  <!-- Article Variants Section -->
+  <% if @article_variants.any? %>
+    <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
+        <div class="flex items-center justify-between">
+          <div>
+            <h2 class="text-lg font-medium text-gray-900">Article Variants</h2>
+            <p class="mt-1 text-sm text-gray-600">Article translations in this language</p>
+          </div>
+
+          <span class="<%= stats_badge_classes(variant: :gray) %>">
+            <%= @article_variants_pagy.count %> variants
+          </span>
+        </div>
+      </div>
+
+      <div class="divide-y divide-gray-200">
+        <% @article_variants.each do |variant| %>
+          <div class="<%= table_row_classes %>">
+            <div class="flex items-center justify-between">
+              <div class="flex-1">
+                <%= link_to edit_article_path(variant.article), class: "block group" do %>
+                  <div class="font-medium text-gray-900 group-hover:text-gray-600 transition-colors">
+                    <%= variant.title.present? ? variant.title : 'Untitled Variant' %>
+                  </div>
+                  <div class="text-sm text-gray-500 mt-1">
+                    <span>Original: <%= variant.article.title.present? ? variant.article.title : 'Untitled' %></span>
+                  </div>
+                <% end %>
+              </div>
+
+              <div class="flex items-center space-x-2">
+                <span class="<%= stats_badge_classes(variant: :purple) %>">
+                  Variant
+                </span>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+
+      <% if @article_variants_pagy.pages > 1 %>
+        <div class="border-t border-gray-200 px-6 py-4">
+          <%== pagination_nav(@article_variants_pagy) %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,40 @@
+<div class="space-y-5">
+  <p class="text-sm text-gray-600">
+    Review these host-app settings before deployment. Details are available in the Production checklist section of the README.
+  </p>
+
+  <div class="rounded-xl border border-gray-200 bg-gray-50 p-4">
+    <ul class="space-y-3 text-sm text-gray-700">
+      <li>
+        <span class="font-medium text-gray-900">1. Favicon</span><br>
+        Replace the favicon and related icon files in the host app if needed.
+      </li>
+      <li>
+        <span class="font-medium text-gray-900">2. 404 and 500 pages</span><br>
+        Review the host app&rsquo;s static error pages at <code>public/404.html</code> and <code>public/500.html</code>.
+      </li>
+      <li>
+        <span class="font-medium text-gray-900">3. robots.txt</span><br>
+        Update the host app&rsquo;s <code>public/robots.txt</code> and confirm that the sitemap URL matches your mount path.
+      </li>
+      <li>
+        <span class="font-medium text-gray-900">4. Public template styling</span><br>
+        To customize the public site, run <code>bin/rails g postnhost:views --views-scope=minimal</code> or use <code>--views-scope=full</code>, then edit the copied templates.
+      </li>
+      <li>
+        <span class="font-medium text-gray-900">5. Production uploads</span><br>
+        The generated CarrierWave initializer uses S3-compatible storage in production. Configure it through Rails credentials or <code>config/initializers/postnhost.rb</code>, or replace that storage configuration.
+      </li>
+    </ul>
+  </div>
+
+  <%= form_with url: postnhost.onboarding_path, method: :patch do %>
+    <%= hidden_field_tag :step, "post_install_done" %>
+    <button type="submit" class="group relative w-full cursor-pointer overflow-hidden rounded-xl bg-gray-900 px-4 py-3 font-medium text-white transition-all duration-300 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
+      <span class="relative flex items-center justify-center">
+        Go to Dashboard
+        <%= icon("arrow-right", css_class: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1") %>
+      </span>
+    </button>
+  <% end %>
+</div>

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

@@ -0,0 +1,42 @@
+<%= form_with model: @user, url: postnhost.onboarding_path, method: :patch, class: "space-y-5" do |f| %>
+  <%= hidden_field_tag :step, 1 %>
+  <%= render "postnhost/shared/form_errors", resource: @user %>
+
+  <div class="space-y-4">
+    <div>
+      <%= f.label :name, "Your name", class: "mb-1 block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :name,
+          autofocus: true,
+          autocomplete: "name",
+          placeholder: "Enter your name",
+          required: true,
+          class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 placeholder-gray-500 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0" %>
+    </div>
+
+    <div>
+      <%= f.label :email, "Email", class: "mb-1 block text-sm font-medium text-gray-700" %>
+      <%= f.email_field :email,
+          autocomplete: "email",
+          placeholder: "Enter your email address",
+          required: true,
+          class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 placeholder-gray-500 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0" %>
+    </div>
+
+    <div>
+      <%= f.label :password, "Password", class: "mb-1 block text-sm font-medium text-gray-700" %>
+      <%= f.password_field :password,
+          autocomplete: "new-password",
+          placeholder: "Create a password (min 6 characters)",
+          required: true,
+          minlength: 6,
+          class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 placeholder-gray-500 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0" %>
+    </div>
+  </div>
+
+  <button type="submit" class="group relative w-full cursor-pointer overflow-hidden rounded-xl bg-gray-900 px-4 py-3 font-medium text-white transition-all duration-300 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
+    <span class="relative flex items-center justify-center">
+      Continue
+      <%= icon("arrow-right", css_class: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1") %>
+    </span>
+  </button>
+<% end %>

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

@@ -0,0 +1,38 @@
+<%= form_with url: postnhost.onboarding_path, method: :patch, class: "space-y-5" do %>
+  <%= hidden_field_tag :step, 2 %>
+
+  <p class="text-xs text-gray-500">
+    Select one or more languages now. You can add more languages later.
+  </p>
+
+  <div class="space-y-2">
+    <%= hidden_field_tag "language_locales[]", "" %>
+    <% @language_options.each do |option| %>
+      <label class="flex cursor-pointer items-center justify-between rounded-xl border border-gray-200 bg-gray-50 px-3 py-2">
+        <div class="flex items-center gap-2">
+          <%= check_box_tag "language_locales[]",
+              option[:html_lang],
+              @selected_language_locales.include?(option[:html_lang]),
+              id: "language_locale_#{option[:html_lang]}",
+              class: "cursor-pointer rounded border-gray-300 text-gray-900 focus:ring-gray-900" %>
+          <span class="text-sm text-gray-900"><%= option[:name] %> (<%= option[:html_lang] %>)</span>
+        </div>
+        <div class="flex items-center gap-2">
+          <%= radio_button_tag :default_locale,
+              option[:html_lang],
+              @selected_default_locale == option[:html_lang],
+              id: "default_locale_#{option[:html_lang]}",
+              class: "cursor-pointer border-gray-300 text-gray-900 focus:ring-gray-900" %>
+          <span class="text-xs font-medium uppercase tracking-wide text-gray-500">Default</span>
+        </div>
+      </label>
+    <% end %>
+  </div>
+
+  <button type="submit" class="group relative w-full cursor-pointer overflow-hidden rounded-xl bg-gray-900 px-4 py-3 font-medium text-white transition-all duration-300 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
+    <span class="relative flex items-center justify-center">
+      Continue
+      <%= icon("arrow-right", css_class: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1") %>
+    </span>
+  </button>
+<% end %>

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

@@ -0,0 +1,62 @@
+<%= form_with url: postnhost.onboarding_path, method: :patch, class: "space-y-5" do %>
+  <%= hidden_field_tag :step, 3 %>
+
+  <p class="text-sm text-gray-600">
+    Configure where your public site lives and how it appears to visitors and search engines.
+  </p>
+
+  <% if @locale.to_s != "en" %>
+    <div class="space-y-3 rounded-xl border border-yellow-200 bg-yellow-50 px-4 py-3 text-sm text-yellow-900">
+      <p class="font-medium">Non-English default locale selected</p>
+      <p class="text-yellow-950">
+        Add <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950">config.i18n.fallbacks = [:en]</code>
+        to <code class="rounded bg-yellow-100 px-1.5 py-0.5 text-xs font-mono text-yellow-950">config/application.rb</code>
+        to keep missing translations safe.
+      </p>
+    </div>
+  <% end %>
+
+  <div class="space-y-3">
+    <div class="grid gap-x-4 gap-y-3 sm:grid-cols-2">
+      <div class="space-y-1">
+        <%= label_tag :site_url, "Site URL", class: "block cursor-pointer text-sm font-medium text-gray-700" %>
+        <%= url_field_tag :site_url,
+            @site_url,
+            placeholder: "https://example.com",
+            autocomplete: "url",
+            spellcheck: false,
+            aria: { describedby: "site_url_help" },
+            class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 placeholder-gray-500 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0" %>
+      </div>
+
+      <% @site_copy.each do |key, value| %>
+        <div class="space-y-1">
+          <label for="translation_<%= key.parameterize %>" class="block cursor-pointer text-sm font-medium text-gray-700"><%= site_copy_label(key) %></label>
+          <%= text_field_tag "translations[#{key}]",
+              value,
+              id: "translation_#{key.parameterize}",
+              class: "block w-full rounded-xl border-gray-200 bg-gray-50 px-4 py-3 text-sm font-medium text-gray-900 placeholder-gray-500 transition-all duration-200 focus:border-gray-900 focus:bg-white focus:ring-0" %>
+        </div>
+      <% end %>
+    </div>
+
+    <%= hidden_field_tag :site_indexing, "noindex", id: nil %>
+    <label class="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200 bg-gray-50 px-4 py-3">
+      <%= check_box_tag :site_indexing,
+          "index",
+          @site_indexing == "index",
+          class: "mt-0.5 h-4 w-4 cursor-pointer rounded border-gray-300 text-gray-900 focus:ring-gray-900" %>
+      <span class="space-y-0.5">
+        <span class="block text-sm font-medium text-gray-900">Allow search engines to index this site</span>
+        <span class="block text-xs text-gray-500">Turn this off to output noindex, nofollow on every public page.</span>
+      </span>
+    </label>
+  </div>
+
+  <button type="submit" class="group relative w-full cursor-pointer overflow-hidden rounded-xl bg-gray-900 px-4 py-3 font-medium text-white transition-all duration-300 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
+    <span class="relative flex items-center justify-center">
+      Continue
+      <%= icon("arrow-right", css_class: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1") %>
+    </span>
+  </button>
+<% end %>

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

@@ -0,0 +1,26 @@
+<%= form_with url: postnhost.onboarding_path, method: :patch, class: "space-y-5" do %>
+  <%= hidden_field_tag :step, 4 %>
+
+  <div class="space-y-3">
+    <p class="text-sm text-gray-600">
+      Generate demo categories and articles similar to the development seeds, or skip and start with an empty blog.
+    </p>
+    <div class="space-y-2">
+      <label class="flex cursor-pointer items-center gap-2 text-sm text-gray-700">
+        <%= radio_button_tag :generate_sample, "1", true, class: "cursor-pointer" %>
+        Yes, add sample categories and articles
+      </label>
+      <label class="flex cursor-pointer items-center gap-2 text-sm text-gray-700">
+        <%= radio_button_tag :generate_sample, "0", false, class: "cursor-pointer" %>
+        No, start empty
+      </label>
+    </div>
+  </div>
+
+  <button type="submit" class="group relative w-full cursor-pointer overflow-hidden rounded-xl bg-gray-900 px-4 py-3 font-medium text-white transition-all duration-300 hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-gray-900 focus:ring-offset-2">
+    <span class="relative flex items-center justify-center">
+      Finish setup
+      <%= icon("arrow-right", css_class: "ml-2 h-4 w-4 transition-transform group-hover:translate-x-1") %>
+    </span>
+  </button>
+<% end %>