plutonium 0.34.1 → 0.35.0

data/app/views/rodauth/unlock_account_request.html.erb

@@ -1,7 +1,7 @@
-<div class="mb-4 text-sm text-gray-500 dark:text-gray-400">
+<div class="mb-4 text-sm text-[var(--pu-text-muted)]">
   <%== rodauth.unlock_account_request_explanatory_text %>
 </div>
 <%= form_with url: rodauth.unlock_account_request_path, method: :post, data: { turbo: false }, class: "space-y-4" do |form| %>
   <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
-  <%= form.submit rodauth.unlock_account_request_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+  <%= form.submit rodauth.unlock_account_request_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
 <% end %>

data/app/views/rodauth/verify_account.html.erb

@@ -1,20 +1,38 @@
 <%= form_with url: rodauth.verify_account_path, method: :post, data: { turbo: false, controller: "password-visibility" }, class: "space-y-4" do |form| %>
   <% if rodauth.verify_account_set_password? %>
     <div>
-      <%= form.label "password", rodauth.password_label, class: "block mb-2 text-sm font-semibold text-gray-900 dark:text-white" %>
-      <%= form.password_field rodauth.password_param, value: "", data: {password_visibility_target: "password"}, id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
-      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+      <%= form.label "password", rodauth.password_label, class: "pu-label" %>
+      <%= form.password_field rodauth.password_param,
+                          value: "",
+                          data: { password_visibility_target: "password" },
+                          id: "password",
+                          autocomplete: rodauth.password_field_autocomplete_value,
+                          required: true,
+                          class: "pu-input #{rodauth.field_error(rodauth.password_param) ? 'pu-input-invalid' : ''}",
+                          aria: (rodauth.field_error(rodauth.password_param) ? { invalid: true, describedby: "password_error_message" } : nil) %>
+      <% if rodauth.field_error(rodauth.password_param) %>
+        <span class="pu-error" id="password_error_message"><%= rodauth.field_error(rodauth.password_param) %></span>
+      <% end %>
     </div>
 
     <% if rodauth.require_password_confirmation? %>
       <div>
-        <%= form.label "password-confirm", rodauth.password_confirm_label, class: "block mb-2 text-sm font-semibold text-gray-900 dark:text-white" %>
-        <%= form.password_field rodauth.password_confirm_param, value: "", data: {password_visibility_target: "password"}, id: "password-confirm", autocomplete: "new-password", required: true, class: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 #{rodauth.field_error(rodauth.password_confirm_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password-confirm_error_message" } if rodauth.field_error(rodauth.password_confirm_param)) %>
-        <%= content_tag(:span, rodauth.field_error(rodauth.password_confirm_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password-confirm_error_message") if rodauth.field_error(rodauth.password_confirm_param) %>
+        <%= form.label "password-confirm", rodauth.password_confirm_label, class: "pu-label" %>
+        <%= form.password_field rodauth.password_confirm_param,
+                            value: "",
+                            data: { password_visibility_target: "password" },
+                            id: "password-confirm",
+                            autocomplete: "new-password",
+                            required: true,
+                            class: "pu-input #{rodauth.field_error(rodauth.password_confirm_param) ? 'pu-input-invalid' : ''}",
+                            aria: (rodauth.field_error(rodauth.password_confirm_param) ? { invalid: true, describedby: "password-confirm_error_message" } : nil) %>
+        <% if rodauth.field_error(rodauth.password_confirm_param) %>
+          <span class="pu-error" id="password-confirm_error_message"><%= rodauth.field_error(rodauth.password_confirm_param) %></span>
+        <% end %>
       </div>
     <% end %>
     <%= render "password_visibility" %>
   <% end %>
 
-  <%= form.submit rodauth.verify_account_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+  <%= form.submit rodauth.verify_account_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
 <% end %>

data/app/views/rodauth/verify_account_resend.html.erb

@@ -1,4 +1,4 @@
-<div class="mb-4 text-sm text-gray-500 dark:text-gray-400">
+<div class="mb-4 text-sm text-[var(--pu-text-muted)]">
   <%== rodauth.verify_account_resend_explanatory_text %>
 </div>
 <%= form_with url: rodauth.verify_account_resend_path, method: :post, data: { turbo: false }, class: "space-y-4" do |form| %>
@@ -6,15 +6,19 @@
     <%= form.hidden_field rodauth.login_param, value: params[rodauth.login_param] %>
   <% else %>
     <div>
-      <%= form.label "login", rodauth.login_label, class: "block mb-2 text-sm font-semibold text-gray-900 dark:text-white" %>
-      <%= form.email_field rodauth.login_param, value: params[rodauth.login_param],
-                                                id: "login",
-                                                autocomplete: "email",
-                                                required: true,
-                                                placeholder: "jane@acme.inc",
-                                                class: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 #{rodauth.field_error(rodauth.login_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "login_error_message" } if rodauth.field_error(rodauth.login_param)) %>
-      <%= content_tag(:span, rodauth.field_error(rodauth.login_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "login_error_message") if rodauth.field_error(rodauth.login_param) %>
+      <%= form.label "login", rodauth.login_label, class: "pu-label" %>
+      <%= form.email_field rodauth.login_param,
+                       value: params[rodauth.login_param],
+                       id: "login",
+                       autocomplete: "email",
+                       required: true,
+                       placeholder: "jane@acme.inc",
+                       class: "pu-input #{rodauth.field_error(rodauth.login_param) ? 'pu-input-invalid' : ''}",
+                       aria: (rodauth.field_error(rodauth.login_param) ? { invalid: true, describedby: "login_error_message" } : nil) %>
+      <% if rodauth.field_error(rodauth.login_param) %>
+        <span class="pu-error" id="login_error_message"><%= rodauth.field_error(rodauth.login_param) %></span>
+      <% end %>
     </div>
   <% end %>
-  <%= form.submit rodauth.verify_account_resend_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+  <%= form.submit rodauth.verify_account_resend_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
 <% end %>

data/app/views/rodauth/verify_login_change.html.erb

@@ -1,3 +1,3 @@
 <%= form_with url: rodauth.verify_login_change_path, method: :post, data: { turbo: false }, class: "space-y-4" do |form| %>
-  <%= form.submit rodauth.verify_login_change_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+  <%= form.submit rodauth.verify_login_change_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
 <% end %>

data/app/views/rodauth/webauthn_auth.html.erb

@@ -6,7 +6,7 @@
   <%= form.hidden_field rodauth.webauthn_auth_challenge_hmac_param, value: rodauth.compute_hmac(cred.challenge) %>
   <%= form.text_field rodauth.webauthn_auth_param, value: "", id: "webauthn-auth", class: "hidden", aria: { hidden: "true" } %>
   <div id="webauthn-auth-button">
-    <%= form.submit rodauth.webauthn_auth_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+    <%= form.submit rodauth.webauthn_auth_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
   </div>
 <% end %>
 

data/app/views/rodauth/webauthn_remove.html.erb

@@ -1,22 +1,32 @@
 <%= form_with url: rodauth.webauthn_remove_path, method: :post, id: "webauthn-remove-form", data: { turbo: false }, class: "space-y-4" do |form| %>
   <% if rodauth.two_factor_modifications_require_password? %>
     <div>
-      <%= form.label "password", rodauth.password_label, class: "block mb-2 text-sm font-semibold text-gray-900 dark:text-white" %>
-      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
-      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+      <%= form.label "password", rodauth.password_label, class: "pu-label" %>
+      <%= form.password_field rodauth.password_param,
+                          value: "",
+                          id: "password",
+                          autocomplete: rodauth.password_field_autocomplete_value,
+                          required: true,
+                          class: "pu-input #{rodauth.field_error(rodauth.password_param) ? 'pu-input-invalid' : ''}",
+                          aria: (rodauth.field_error(rodauth.password_param) ? { invalid: true, describedby: "password_error_message" } : nil) %>
+      <% if rodauth.field_error(rodauth.password_param) %>
+        <span class="pu-error" id="password_error_message"><%= rodauth.field_error(rodauth.password_param) %></span>
+      <% end %>
     </div>
   <% end %>
 
-  <fieldset class="mb-6">
+  <fieldset class="mb-6 space-y-2">
     <% rodauth.account_webauthn_usage.each do |id, last_use| %>
       <div class="flex items-center space-x-2">
         <% last_use = last_use.strftime(rodauth.strftime_format) if last_use.is_a?(Time) %>
-        <%= form.radio_button rodauth.webauthn_remove_param, id, id: "webauthn-remove-#{id}", class: "dark:bg-gray-900 dark:border-gray-600 dark:checked:bg-current dark:checked:border-current dark:checked:text-emerald-400 dark:focus:ring-emerald-400 dark:focus:ring-offset-gray-900" %>
-        <%= form.label "webauthn-remove-#{id}", "Last use: #{last_use}", class: "text-sm" %>
+        <%= form.radio_button rodauth.webauthn_remove_param, id, id: "webauthn-remove-#{id}", class: "pu-checkbox" %>
+        <%= form.label "webauthn-remove-#{id}", "Last use: #{last_use}", class: "text-sm text-[var(--pu-text)]" %>
       </div>
     <% end %>
-    <%= content_tag(:span, rodauth.field_error(rodauth.webauthn_remove_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "webauthn_remove_error_message") if rodauth.field_error(rodauth.webauthn_remove_param) %>
+    <% if rodauth.field_error(rodauth.webauthn_remove_param) %>
+      <span class="pu-error" id="webauthn_remove_error_message"><%= rodauth.field_error(rodauth.webauthn_remove_param) %></span>
+    <% end %>
   </fieldset>
 
-  <%= form.submit rodauth.webauthn_remove_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+  <%= form.submit rodauth.webauthn_remove_button, class: "w-full pu-btn pu-btn-md pu-btn-warning" %>
 <% end %>

data/app/views/rodauth/webauthn_setup.html.erb

@@ -7,14 +7,22 @@
 
   <% if rodauth.two_factor_modifications_require_password? %>
     <div>
-      <%= form.label "password", rodauth.password_label, class: "block mb-2 text-sm font-semibold text-gray-900 dark:text-white" %>
-      <%= form.password_field rodauth.password_param, value: "", id: "password", autocomplete: rodauth.password_field_autocomplete_value, required: true, class: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 #{rodauth.field_error(rodauth.password_param) ? "border-red-600 focus:ring-red-600 focus:border-red-600 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 dark:border-gray-700 dark:focus:border-emerald-400 dark:focus:ring-emerald-400" }", aria: ({ invalid: true, describedby: "password_error_message" } if rodauth.field_error(rodauth.password_param)) %>
-      <%= content_tag(:span, rodauth.field_error(rodauth.password_param), class: "block mt-1 text-red-600 text-xs dark:text-red-400", id: "password_error_message") if rodauth.field_error(rodauth.password_param) %>
+      <%= form.label "password", rodauth.password_label, class: "pu-label" %>
+      <%= form.password_field rodauth.password_param,
+                          value: "",
+                          id: "password",
+                          autocomplete: rodauth.password_field_autocomplete_value,
+                          required: true,
+                          class: "pu-input #{rodauth.field_error(rodauth.password_param) ? 'pu-input-invalid' : ''}",
+                          aria: (rodauth.field_error(rodauth.password_param) ? { invalid: true, describedby: "password_error_message" } : nil) %>
+      <% if rodauth.field_error(rodauth.password_param) %>
+        <span class="pu-error" id="password_error_message"><%= rodauth.field_error(rodauth.password_param) %></span>
+      <% end %>
     </div>
   <% end %>
 
   <div id="webauthn-setup-button">
-    <%= form.submit rodauth.webauthn_setup_button, class: "w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-semibold rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" %>
+    <%= form.submit rodauth.webauthn_setup_button, class: "w-full pu-btn pu-btn-md pu-btn-primary" %>
   </div>
 <% end %>
 

data/docs/.vitepress/config.ts

@@ -7,8 +7,19 @@ const base = "/plutonium-core/"
 export default defineConfig(withMermaid({
   base: base,
   title: "Plutonium",
-  description: "Rapid Application Development for Rails",
-  head: [["link", { rel: "icon", href: `${base}favicon.ico` }]],
+  description: "Build production-ready Rails apps in minutes, not days",
+  head: [
+    ["link", { rel: "icon", href: `${base}favicon.ico` }],
+    ["meta", { property: "og:type", content: "website" }],
+    ["meta", { property: "og:title", content: "Plutonium - Build Production-Ready Rails Apps in Minutes" }],
+    ["meta", { property: "og:description", content: "Build production-ready Rails applications in minutes, not days. Convention-driven, fully customizable. Built for the AI era." }],
+    ["meta", { property: "og:image", content: "https://radioactive-labs.github.io/plutonium-core/og-image.png" }],
+    ["meta", { property: "og:url", content: "https://radioactive-labs.github.io/plutonium-core/" }],
+    ["meta", { name: "twitter:card", content: "summary_large_image" }],
+    ["meta", { name: "twitter:title", content: "Plutonium - Build Production-Ready Rails Apps in Minutes" }],
+    ["meta", { name: "twitter:description", content: "Build production-ready Rails applications in minutes, not days. Convention-driven, fully customizable. Built for the AI era." }],
+    ["meta", { name: "twitter:image", content: "https://radioactive-labs.github.io/plutonium-core/og-image.png" }],
+  ],
   ignoreDeadLinks: 'localhostLinks',
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
@@ -21,7 +32,6 @@ export default defineConfig(withMermaid({
       { text: "Getting Started", link: "/getting-started/" },
       { text: "Guides", link: "/guides/" },
       { text: "Reference", link: "/reference/" },
-      { text: "Cookbook", link: "/cookbook/" },
       { text: "Demo", link: "https://github.com/radioactive-labs/plutonium-core/tree/master/test/dummy" }
     ],
     sidebar: {
@@ -44,19 +54,8 @@ export default defineConfig(withMermaid({
             { text: "4. Authorization", link: "/getting-started/tutorial/04-authorization" },
             { text: "5. Custom Actions", link: "/getting-started/tutorial/05-custom-actions" },
             { text: "6. Nested Resources", link: "/getting-started/tutorial/06-nested-resources" },
-            { text: "7. Customizing UI", link: "/getting-started/tutorial/07-customizing-ui" },
-          ]
-        }
-      ],
-      '/concepts/': [
-        {
-          text: "Core Concepts",
-          items: [
-            { text: "Overview", link: "/concepts/" },
-            { text: "Architecture", link: "/concepts/architecture" },
-            { text: "Resources", link: "/concepts/resources" },
-            { text: "Packages & Portals", link: "/concepts/packages-portals" },
-            { text: "Auto-Detection", link: "/concepts/auto-detection" },
+            { text: "7. Author Portal", link: "/getting-started/tutorial/07-author-portal" },
+            { text: "8. Customizing UI", link: "/getting-started/tutorial/08-customizing-ui" },
           ]
         }
       ],
@@ -167,16 +166,6 @@ export default defineConfig(withMermaid({
           ]
         }
       ],
-      '/cookbook/': [
-        {
-          text: "Cookbook",
-          items: [
-            { text: "Overview", link: "/cookbook/" },
-            { text: "Blog Application", link: "/cookbook/blog" },
-            { text: "SaaS Application", link: "/cookbook/saas" },
-          ]
-        }
-      ]
     },
     socialLinks: [
       { icon: "github", link: "https://github.com/radioactive-labs/plutonium-core" }