postnhost 0.0.0 → 0.1.0

data/app/assets/stylesheets/application.tailwind.css

@@ -0,0 +1,343 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+.flash-close-button {
+  cursor: pointer;
+  background: none;
+  border: none;
+  line-height: 1;
+}
+
+/* Flash message container positioning */
+[data-controller="flash-message"] {
+  position: relative;
+  padding-right: 3rem;
+  /* Space for close button */
+}
+
+/* Dialog backdrop styling and centering */
+dialog[data-dialog-target="dialog"] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  padding: 0;
+  border: none;
+  box-shadow: 0 0 0 100vw rgb(0 0 0 / 0.5);
+}
+
+/* Prevent scrolling while dialog is open */
+body:has(dialog[data-dialog-target="dialog"][open]) {
+  overflow: hidden;
+}
+
+/* TipTap Editor Styles */
+.ProseMirror {
+  outline: none;
+}
+
+/* Syntax-highlighted code blocks shared by the editor and public prose. */
+.prose pre,
+.ProseMirror pre {
+  overflow-x: auto;
+  border-radius: 0.75rem;
+  background-color: #0f172a;
+  color: #e2e8f0;
+  font-size: 0.875rem;
+  line-height: 1.7;
+  tab-size: 2;
+}
+
+.ProseMirror pre {
+  padding-right: 9rem;
+}
+
+.prose pre code,
+.ProseMirror pre code {
+  display: block;
+  min-width: max-content;
+  border: 0;
+  background: transparent;
+  padding: 0;
+  color: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  white-space: pre;
+}
+
+.prose pre code::before,
+.prose pre code::after,
+.ProseMirror pre code::before,
+.ProseMirror pre code::after {
+  content: none;
+}
+
+.prose :where(.hljs-comment, .hljs-quote, .c, .ch, .cm, .cp, .cpf, .c1, .cs),
+.ProseMirror :where(.hljs-comment, .hljs-quote, .c, .ch, .cm, .cp, .cpf, .c1, .cs) {
+  color: #94a3b8;
+  font-style: italic;
+}
+
+.prose :where(.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-section, .hljs-link, .k, .kc, .kd, .kn, .kp, .kr, .kt),
+.ProseMirror :where(.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-section, .hljs-link, .k, .kc, .kd, .kn, .kp, .kr, .kt) {
+  color: #f472b6;
+}
+
+.prose :where(.hljs-string, .hljs-regexp, .hljs-addition, .s, .sa, .sb, .sc, .dl, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss, .gi),
+.ProseMirror :where(.hljs-string, .hljs-regexp, .hljs-addition, .s, .sa, .sb, .sc, .dl, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss, .gi) {
+  color: #86efac;
+}
+
+.prose :where(.hljs-number, .hljs-symbol, .hljs-bullet, .m, .mb, .mf, .mh, .mi, .il, .mo),
+.ProseMirror :where(.hljs-number, .hljs-symbol, .hljs-bullet, .m, .mb, .mf, .mh, .mi, .il, .mo) {
+  color: #fbbf24;
+}
+
+.prose :where(.hljs-title, .hljs-title.class_, .hljs-title.function_, .hljs-function, .nc, .ne, .nf, .fm),
+.ProseMirror :where(.hljs-title, .hljs-title.class_, .hljs-title.function_, .hljs-function, .nc, .ne, .nf, .fm) {
+  color: #93c5fd;
+}
+
+.prose :where(.hljs-type, .hljs-built_in, .hljs-builtin-name, .nb, .bp),
+.ProseMirror :where(.hljs-type, .hljs-built_in, .hljs-builtin-name, .nb, .bp) {
+  color: #c4b5fd;
+}
+
+.prose :where(.hljs-attr, .hljs-attribute, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .na),
+.ProseMirror :where(.hljs-attr, .hljs-attribute, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .na) {
+  color: #67e8f9;
+}
+
+.prose :where(.hljs-variable, .hljs-template-variable, .hljs-params, .nv, .vc, .vg, .vi, .vm),
+.ProseMirror :where(.hljs-variable, .hljs-template-variable, .hljs-params, .nv, .vc, .vg, .vi, .vm) {
+  color: #fdba74;
+}
+
+.prose :where(.hljs-meta, .hljs-meta .hljs-keyword, .hljs-doctag, .cp, .cpf, .nd),
+.ProseMirror :where(.hljs-meta, .hljs-meta .hljs-keyword, .hljs-doctag, .cp, .cpf, .nd) {
+  color: #f9a8d4;
+}
+
+.prose :where(.hljs-deletion, .gd, .gr, .gt),
+.ProseMirror :where(.hljs-deletion, .gd, .gr, .gt) {
+  color: #fca5a5;
+}
+
+.prose :where(.hljs-emphasis, .ge),
+.ProseMirror :where(.hljs-emphasis, .ge) {
+  font-style: italic;
+}
+
+.prose :where(.hljs-strong, .gs),
+.ProseMirror :where(.hljs-strong, .gs) {
+  font-weight: 700;
+}
+
+/* Prevent links from being clickable in editor */
+.ProseMirror a {
+  pointer-events: none;
+  cursor: text;
+}
+
+/* Task list styling for TipTap */
+.ProseMirror ul[data-type="taskList"] {
+  list-style: none;
+  padding-left: 0;
+}
+
+.ProseMirror ul[data-type="taskList"] li {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 0.5rem;
+}
+
+.ProseMirror ul[data-type="taskList"] li label {
+  margin-right: 0.5rem;
+  user-select: none;
+}
+
+.ProseMirror ul[data-type="taskList"] li input[type="checkbox"] {
+  margin-right: 0.5rem;
+}
+
+/* Toolbar button states */
+.tiptap-toolbar button.is-active {
+  background-color: #e5e7eb;
+  color: #1f2937;
+}
+
+/* Image resize extension styles */
+.ProseMirror .image-resizer {
+  position: relative;
+  display: inline-block;
+  line-height: 0;
+}
+
+.ProseMirror .image-resizer img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.ProseMirror .image-resizer .resize-handle {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: #3b82f6;
+  border: 2px solid white;
+  border-radius: 2px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  cursor: nw-resize;
+  z-index: 10;
+}
+
+.ProseMirror .image-resizer .resize-handle.top-left {
+  top: -5px;
+  left: -5px;
+  cursor: nw-resize;
+}
+
+.ProseMirror .image-resizer .resize-handle.top-right {
+  top: -5px;
+  right: -5px;
+  cursor: ne-resize;
+}
+
+.ProseMirror .image-resizer .resize-handle.bottom-left {
+  bottom: -5px;
+  left: -5px;
+  cursor: sw-resize;
+}
+
+.ProseMirror .image-resizer .resize-handle.bottom-right {
+  bottom: -5px;
+  right: -5px;
+  cursor: se-resize;
+}
+
+/* Image alignment styles */
+.ProseMirror .image-resizer.align-left {
+  float: left;
+  margin-right: 1rem;
+  margin-bottom: 0.5rem;
+}
+
+.ProseMirror .image-resizer.align-right {
+  float: right;
+  margin-left: 1rem;
+  margin-bottom: 0.5rem;
+}
+
+.ProseMirror .image-resizer.align-center {
+  display: block;
+  margin: 1rem auto;
+}
+
+.prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
+.prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.ProseMirror .selectedCell {
+  background-color: #dbeafe;
+}
+
+.ProseMirror table p {
+  margin: 0;
+}
+
+
+.ProseMirror .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: -2px;
+  width: 4px;
+  background-color: #3b82f6;
+  pointer-events: none;
+}
+
+.ProseMirror.resize-cursor {
+  cursor: col-resize;
+}
+
+/* Hide image resize handles on mobile and tablets (below lg breakpoint: 1024px) */
+@media (max-width: 1023px) {
+
+  .ProseMirror [style*="cursor: nwse-resize"],
+  .ProseMirror [style*="cursor: nesw-resize"] {
+    display: none !important;
+  }
+
+  /* Make images full width on mobile - override inline styles */
+  .prose .image-container {
+    width: 100% !important;
+    margin: 0 !important;
+  }
+
+  .prose .image-container .image-wrapper {
+    width: 100% !important;
+  }
+
+  .prose .image-container img,
+  .prose img {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+}
+
+/* Responsive YouTube embeds */
+.youtube-embed,
+.prose iframe[src*="youtube"] {
+  width: 100% !important;
+  height: auto !important;
+  aspect-ratio: 16 / 9;
+}
+
+/* Image alignment containers */
+.prose .image-container {
+  display: flex;
+}
+
+.prose .image-container .image-wrapper {
+  max-width: 100%;
+}
+
+.prose .image-container .image-wrapper img,
+.prose img:not(.image-container img) {
+  max-width: 100%;
+  height: auto;
+}
+
+.prose table {
+  border-collapse: collapse;
+}
+
+.prose th,
+.prose td {
+  border: 1px solid #e5e7eb;
+  padding: 0.5rem 0.75rem;
+}
+
+.prose th {
+  background-color: #f9fafb;
+  font-weight: 600;
+}
+
+.prose table td:has(> p:not(:empty)),
+.prose table th:has(> p:not(:empty)),
+.prose table tr:has(> td > p:not(:empty)),
+.prose table tr:has(> th > p:not(:empty)) {}
+
+.prose table td>p:not(:empty):not(:where([class~=not-prose], [class~=not-prose] *)),
+.prose table th>p:not(:empty):not(:where([class~=not-prose], [class~=not-prose] *)) {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}

data/app/assets/stylesheets/postnhost/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/xsl/sitemap.xsl

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml"
+  exclude-result-prefixes="sitemap xhtml">
+
+  <xsl:output method="html" encoding="UTF-8" indent="yes" omit-xml-declaration="yes"/>
+
+  <xsl:template match="/">
+    <html lang="en">
+      <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <meta name="robots" content="noindex, nofollow"/>
+        <title>Sitemap</title>
+        <style>
+          body { font-family: system-ui, -apple-system, Segoe UI, sans-serif; margin: 1.5rem; color: #111827; line-height: 1.5; }
+          h1 { font-size: 1.25rem; font-weight: 600; margin: 0 0 1rem; }
+          p.meta { font-size: 0.875rem; color: #6b7280; margin-bottom: 1rem; }
+          table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
+          th, td { border: 1px solid #e5e7eb; padding: 0.5rem 0.75rem; text-align: left; vertical-align: top; word-break: break-word; }
+          th { background: #f9fafb; font-weight: 600; }
+          tbody tr:nth-child(even) td { background: #fafafa; }
+          a { color: #2563eb; text-decoration: underline; }
+          a:hover { color: #1d4ed8; }
+          .alt { display: block; margin: 0.15rem 0; }
+          code { font-size: 0.85em; background: #f3f4f6; padding: 0.1em 0.35em; border-radius: 0.25rem; }
+        </style>
+      </head>
+      <body>
+        <h1>Sitemap</h1>
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">URL</th>
+              <th scope="col">Last modified</th>
+              <th scope="col">Alternates</th>
+            </tr>
+          </thead>
+          <tbody>
+            <xsl:for-each select="sitemap:urlset/sitemap:url">
+              <tr>
+                <td>
+                  <a href="{sitemap:loc}"><xsl:value-of select="sitemap:loc"/></a>
+                </td>
+                <td><xsl:value-of select="sitemap:lastmod"/></td>
+                <td>
+                  <xsl:for-each select="xhtml:link">
+                    <span class="alt">
+                      <code><xsl:value-of select="@hreflang"/></code>
+                      <xsl:text> </xsl:text>
+                      <a href="{@href}"><xsl:value-of select="@href"/></a>
+                    </span>
+                  </xsl:for-each>
+                </td>
+              </tr>
+            </xsl:for-each>
+          </tbody>
+        </table>
+      </body>
+    </html>
+  </xsl:template>
+</xsl:stylesheet>

data/app/controllers/concerns/postnhost/authentication.rb

@@ -0,0 +1,59 @@
+module Postnhost
+  module Authentication
+    extend ActiveSupport::Concern
+
+    included do
+      helper_method :current_user, :user_signed_in?
+    end
+
+    protected
+
+    def authenticate_user!
+      return if user_signed_in?
+
+      if Postnhost::User.none?
+        redirect_to postnhost.onboarding_path
+      else
+        redirect_to postnhost.new_session_path, alert: "You need to sign in before continuing."
+      end
+    end
+
+    def skip_authentication
+      return unless user_signed_in?
+
+      redirect_to postnhost.articles_path
+    end
+
+    def sign_in(user)
+      reset_session
+      session[:user_id] = user.id
+      cookies.encrypted[:auth_user_id] = {
+        value: user.id,
+        httponly: true,
+        same_site: :lax
+      }
+    end
+
+    def sign_out
+      cookies.delete(:auth_user_id)
+      reset_session
+    end
+
+    private
+
+    def current_user
+      return @current_user if defined?(@current_user)
+
+      user_id = session[:user_id]
+      return @current_user = nil if user_id.blank?
+
+      @current_user = Postnhost::User.find_by(id: user_id)
+      sign_out if session[:user_id].present? && @current_user.nil?
+      @current_user
+    end
+
+    def user_signed_in?
+      current_user.present?
+    end
+  end
+end

data/app/controllers/concerns/postnhost/canonical_first_page_redirect.rb

@@ -0,0 +1,14 @@
+module Postnhost
+  module CanonicalFirstPageRedirect
+    private
+
+    def redirect_page_one_to_canonical!
+      return unless params[:page].to_s == "1"
+
+      query_params = request.query_parameters.except("page")
+      canonical_path = query_params.present? ? "#{request.path}?#{query_params.to_query}" : request.path
+
+      redirect_to canonical_path, status: :moved_permanently
+    end
+  end
+end

data/app/controllers/concerns/postnhost/language_switcher.rb

@@ -0,0 +1,42 @@
+module Postnhost
+  module LanguageSwitcher
+    extend ActiveSupport::Concern
+
+    included do
+      before_action :set_language_data
+    end
+
+    private
+
+    def set_language_data
+      language = public_request_context.requested_language
+      @current_language = language || ensure_default_language
+      public_request_context.default_language = @current_language if @current_language.default?
+
+      I18n.locale = @current_language.html_lang.to_sym
+
+      @other_languages = Postnhost::Language.where.not(id: @current_language.id).order(:name)
+    end
+
+    def ensure_default_language
+      public_request_context.default_language || create_english_default
+    end
+
+    def public_request_context
+      @public_request_context ||= Postnhost::PublicRequestContext.for(request)
+    end
+
+    def localized_request?
+      params[:locale].present?
+    end
+
+    def create_english_default
+      language = Postnhost::Language.find_or_initialize_by(html_lang: "en") do |lang|
+        lang.name = "English"
+      end
+      language.default = true
+      language.save! if language.new_record?
+      language
+    end
+  end
+end

data/app/controllers/concerns/postnhost/onboarding/access_control.rb

@@ -0,0 +1,57 @@
+module Postnhost
+  module Onboarding
+    module AccessControl
+      extend ActiveSupport::Concern
+
+      private
+
+      def ensure_onboarding_allowed!
+        if user_signed_in?
+          return if post_install_checklist_mode?
+
+          redirect_to postnhost.articles_path
+          return
+        end
+
+        return unless Postnhost::User.exists? && session[:onboarding_pending_user_id].blank?
+
+        redirect_to postnhost.new_session_path, alert: "Sign in to continue."
+      end
+
+      def current_step
+        step = (session[:onboarding_step] || 1).to_i
+        step.clamp(1, 4)
+      end
+
+      def pending_user
+        id = session[:onboarding_pending_user_id]
+        return if id.blank?
+
+        Postnhost::User.find_by(id: id)
+      end
+
+      def reset_onboarding_session!
+        session.delete(:onboarding_pending_user_id)
+        session.delete(:onboarding_step)
+        session.delete(:onboarding_locale)
+      end
+
+      def post_install_checklist_mode?
+        params[:post_install].to_s == "1" && session[:onboarding_post_install_checklist] == true
+      end
+
+      def synchronize_onboarding_session
+        if session[:onboarding_pending_user_id].present? &&
+           !Postnhost::User.exists?(id: session[:onboarding_pending_user_id])
+          reset_onboarding_session!
+          redirect_to postnhost.onboarding_path, alert: "Setup session expired. Start again."
+          return
+        end
+
+        return unless Postnhost::User.none? && session[:onboarding_step].to_i > 1
+
+        session[:onboarding_step] = 1
+      end
+    end
+  end
+end

data/app/controllers/concerns/postnhost/onboarding/step_assignment.rb

@@ -0,0 +1,55 @@
+module Postnhost
+  module Onboarding
+    module StepAssignment
+      extend ActiveSupport::Concern
+
+      SITE_COPY_KEYS = %w[
+        postnhost.public.site.schema_site_name
+        postnhost.public.site.blog_tagline
+        postnhost.public.site.blog_subtitle
+        postnhost.public.site.blog_meta_title
+        postnhost.public.site.blog_meta_description
+      ].freeze
+
+      LANGUAGE_OPTIONS = [
+        { name: "English", html_lang: "en" },
+        { name: "French", html_lang: "fr" },
+        { name: "German", html_lang: "de" },
+        { name: "Japanese", html_lang: "ja" },
+        { name: "Korean", html_lang: "ko" },
+        { name: "Portuguese", html_lang: "pt" },
+        { name: "Polish", html_lang: "pl" },
+        { name: "Spanish", html_lang: "es" },
+        { name: "Russian", html_lang: "ru" }
+      ].freeze
+
+      private
+
+      def load_step_assignments
+        @step = current_step
+
+        case @step
+        when 1
+          @user = Postnhost::User.new
+        when 2
+          @language_options = LANGUAGE_OPTIONS
+          @selected_language_locales = session[:onboarding_language_locales].presence || [session[:onboarding_locale].presence || "en"]
+          @selected_default_locale = session[:onboarding_locale].presence || "en"
+        when 3
+          assign_site_copy_fields
+        end
+      end
+
+      def assign_site_copy_fields
+        locale = session[:onboarding_locale].presence || I18n.default_locale.to_s
+        @locale = locale
+
+        setting = Postnhost::Setting.current
+        @site_url = setting.site_url.presence || request.base_url
+        @site_indexing = setting.site_indexing
+        merged = Postnhost::Settings::I18nOverrides.editable_translations_for_locale(locale, setting.locale_overrides)
+        @site_copy = SITE_COPY_KEYS.index_with { |key| merged[key].to_s }
+      end
+    end
+  end
+end