plutonium 0.19.12 → 0.20.0

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radioactive-labs/plutonium",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "Core assets for the Plutonium gem",
   "type": "module",
   "main": "src/js/core.js",
@@ -30,9 +30,9 @@
     "marked": "^15.0.3"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.15",
-    "autoprefixer": "^10.4.18",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/postcss": "^4.0.9",
+    "@tailwindcss/typography": "^0.5.16",
     "concurrently": "^8.2.2",
     "cssnano": "^7.0.2",
     "esbuild": "^0.20.1",
@@ -42,7 +42,8 @@
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
     "postcss-hash": "^3.0.0",
-    "tailwindcss": "^3.4.1",
+    "postcss-import": "^16.1.0",
+    "tailwindcss": "^4.0.9",
     "vitepress": "^1.4.1",
     "vitepress-plugin-mermaid": "^2.0.17"
   },
@@ -50,9 +51,9 @@
     "dev": "concurrently \"npm run css:dev\" \"npm run js:dev\"",
     "build": "npm run js:prod && npm run css:prod",
     "prepare": "npm run build",
-    "css:dev": "postcss src/css/plutonium.css -o src/build/plutonium.css --watch --dev",
+    "css:dev": "postcss src/css/plutonium.entry.css -o src/build/plutonium.css --watch --dev",
     "js:dev": "node esbuild.config.js --dev",
-    "css:prod": "postcss src/css/plutonium.css -o app/assets/plutonium.css && postcss src/css/plutonium.css -o src/dist/css/plutonium.css",
+    "css:prod": "postcss src/css/plutonium.entry.css -o app/assets/plutonium.css && postcss src/css/plutonium.entry.css -o src/dist/css/plutonium.css",
     "js:prod": "node esbuild.config.js",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",

data/postcss.config.js

@@ -1,8 +1,7 @@
 const config = {
   plugins: {
     'postcss-import': {},
-    tailwindcss: {},
-    autoprefixer: {}
+    '@tailwindcss/postcss': {}
   }
 }
 

data/src/css/easymde.css

@@ -17,7 +17,7 @@
   }
 
   .CodeMirror-scroll {
-    overflow: scroll !important;
+    overflow: scroll;
     margin-bottom: -50px;
     margin-right: -50px;
     padding-bottom: 50px;
@@ -92,7 +92,7 @@
 
   .cm-fat-cursor .CodeMirror-cursor {
     width: auto;
-    border: 0 !important;
+    border: 0;
     background: #77ee77;
   }
 
@@ -149,8 +149,8 @@
   .CodeMirror-gutter-wrapper {
     position: absolute;
     z-index: 4;
-    background: none !important;
-    border: none !important;
+    background: none;
+    border: none;
   }
 
   /* EasyMDE Container */
@@ -287,10 +287,6 @@
   }
 
   /* Syntax Highlighting */
-  /* .cm-s-easymde .cm-header {
-        @apply text-blue-600 dark:text-blue-400;
-    } */
-
   .cm-s-easymde .cm-em {
     @apply italic text-secondary-600 dark:text-secondary-400;
   }
@@ -340,14 +336,13 @@
   }
 
   .cm-formatting.cm-formatting-link {
-    @apply text-secondary-900 dark:text-secondary-400 !important;
+    @apply text-secondary-900 dark:text-secondary-400;
   }
 
   .cm-formatting.cm-formatting-link-string {
-    @apply text-secondary-900 dark:text-secondary-400 !important;
+    @apply text-secondary-900 dark:text-secondary-400;
   }
 
-
   .cm-s-easymde .cm-string {
     @apply text-accent-600 dark:text-accent-400;
   }
@@ -356,10 +351,6 @@
     @apply text-accent-600 dark:text-accent-400;
   }
 
-  /* .cm-s-easymde .cm-link {
-    @apply text-accent-600 dark:text-accent-400;
-  } */
-
   .cm-s-easymde .cm-url {
     @apply text-gray-900 dark:text-white;
   }
@@ -514,7 +505,7 @@
   .cm-fat-cursor .CodeMirror-cursor {
     @apply bg-[#7e7];
     width: auto;
-    border: 0 !important;
+    border: 0;
   }
 
   .cm-fat-cursor div.CodeMirror-cursors {
@@ -723,4 +714,9 @@
   .editor-preview-full table th {
     @apply border border-gray-300 dark:border-gray-600 p-1.5;
   }
+
+  /* Hide elements that need to be hidden without !important */
+  .ss-content .ss-list .ss-optgroup.ss-close .ss-option {
+    display: none;
+  }
 }

data/src/css/plutonium.css

@@ -2,6 +2,4 @@
 @import "easymde.css";
 @import "slim_select.css";
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';

data/src/css/plutonium.entry.css

@@ -0,0 +1,22 @@
+@import "plutonium.css";
+
+@config '../../tailwind.config.js';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}

data/src/css/slim_select.css

@@ -33,26 +33,30 @@
 
   @keyframes ss-valueIn {
     0% {
-      @apply scale-0 opacity-0;
+      transform: scale(0);
+      opacity: 0;
     }
 
     100% {
-      @apply scale-100 opacity-100;
+      transform: scale(1);
+      opacity: 1;
     }
   }
 
   @keyframes ss-valueOut {
     0% {
-      @apply scale-100 opacity-100;
+      transform: scale(1);
+      opacity: 1;
     }
 
     100% {
-      @apply scale-0 opacity-0;
+      transform: scale(0);
+      opacity: 0;
     }
   }
 
   .ss-hide {
-    @apply hidden !important;
+    display: none;
   }
 
   .ss-main {
@@ -146,7 +150,9 @@
   }
 
   .ss-content {
-    @apply absolute flex h-auto flex-col w-auto max-h-[300px] box-border border rounded-b-md shadow-lg border-gray-300 bg-white dark:bg-gray-700 dark:border-gray-600 transition-all duration-200 opacity-0 scale-y-0 origin-top overflow-hidden z-[10000];
+    @apply absolute flex h-auto flex-col w-auto max-h-[300px] box-border border rounded-b-md shadow-lg border-gray-300 bg-white dark:bg-gray-700 dark:border-gray-600 transition-all duration-200 opacity-0 z-[10000];
+    transform: scaleY(0);
+    transform-origin: top;
   }
 
   .ss-content.ss-relative {
@@ -158,11 +164,15 @@
   }
 
   .ss-content.ss-open-above {
-    @apply flex-col-reverse opacity-100 scale-y-100 origin-bottom rounded-t-md;
+    @apply flex-col-reverse opacity-100 rounded-t-md;
+    transform: scaleY(1);
+    transform-origin: bottom;
   }
 
   .ss-content.ss-open-below {
-    @apply opacity-100 scale-y-100 origin-top rounded-b-md;
+    @apply opacity-100 rounded-b-md;
+    transform: scaleY(1);
+    transform-origin: top;
   }
 
   .ss-content .ss-search {
@@ -201,7 +211,7 @@
   }
 
   .ss-content .ss-list .ss-optgroup.ss-close .ss-option {
-    @apply hidden !important;
+    display: none;
   }
 
   /* Update the specific no results style */

data/src/js/controllers/password_visibility_controller.js

@@ -0,0 +1,17 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["password", "checkbox"];
+
+  connect() {
+    this.checkboxTarget.checked = false // ensure password is hidden by default
+  }
+
+  toggle() {
+    if (this.passwordTarget.type == "password") {
+      this.passwordTargets.forEach((passwordTarget) => passwordTarget.type = "text")
+    } else {
+      this.passwordTargets.forEach((passwordTarget) => passwordTarget.type = "password")
+    }
+  }
+}

data/src/js/controllers/register_controllers.js

@@ -17,9 +17,11 @@ import AttachmentInputController from "./attachment_input_controller.js"
 import AttachmentPreviewController from "./attachment_preview_controller.js"
 import AttachmentPreviewContainerController from "./attachment_preview_container_controller.js"
 import SidebarController from "./sidebar_controller.js"
+import PasswordVisibilityController from "./password_visibility_controller.js"
 
 export default function (application) {
   // Register controllers here
+  application.register("password-visibility", PasswordVisibilityController)
   application.register("sidebar", SidebarController)
   application.register("resource-header", ResourceHeaderController)
   application.register("nested-resource-form-fields", NestedResourceFormFieldsController)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: plutonium
 version: !ruby/object:Gem::Version
-  version: 0.19.12
+  version: 0.20.0
 platform: ruby
 authors:
 - Stefan Froelich
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-02-19 00:00:00.000000000 Z
+date: 2025-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: zeitwerk
@@ -459,6 +459,7 @@ files:
 - app/views/rodauth/_email_auth_request_form.html.erb
 - app/views/rodauth/_login_form.html.erb
 - app/views/rodauth/_login_form_footer.html.erb
+- app/views/rodauth/_password_visibility.html.erb
 - app/views/rodauth/add_recovery_codes.html.erb
 - app/views/rodauth/change_login.html.erb
 - app/views/rodauth/change_password.html.erb
@@ -647,6 +648,7 @@ files:
 - lib/generators/pu/res/scaffold/templates/presenter.rb.tt
 - lib/generators/pu/res/scaffold/templates/query_object.rb.tt
 - lib/generators/pu/rodauth/account_generator.rb
+- lib/generators/pu/rodauth/admin_generator.rb
 - lib/generators/pu/rodauth/concerns/account_selector.rb
 - lib/generators/pu/rodauth/concerns/configuration.rb
 - lib/generators/pu/rodauth/concerns/feature_selector.rb
@@ -681,6 +683,7 @@ files:
 - lib/generators/pu/rodauth/templates/app/rodauth/account_rodauth_plugin.rb.tt
 - lib/generators/pu/rodauth/templates/app/rodauth/rodauth_app.rb.tt
 - lib/generators/pu/rodauth/templates/app/rodauth/rodauth_plugin.rb.tt
+- lib/generators/pu/rodauth/templates/app/views/_login_form_footer.html.erb.tt
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/email_auth.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_disabled.text.erb
 - lib/generators/pu/rodauth/templates/app/views/rodauth_mailer/otp_locked_out.text.erb
@@ -698,6 +701,7 @@ files:
 - lib/generators/pu/rodauth/templates/config/initializers/rodauth.rb.tt
 - lib/generators/pu/rodauth/templates/db/migrate/create_rodauth.rb.tt
 - lib/generators/pu/rodauth/templates/db/migrate/install_rodauth.rb.tt
+- lib/generators/pu/rodauth/templates/lib/tasks/rodauth_admin.rake.tt
 - lib/generators/pu/rodauth/views_generator.rb
 - lib/generators/pu/service/postgres/postgres_generator.rb
 - lib/generators/pu/service/postgres/templates/.keep
@@ -861,7 +865,7 @@ files:
 - lib/plutonium/version.rb
 - lib/rodauth/features/case_insensitive_login.rb
 - lib/rodauth/plugins.rb
-- lib/tasks/create_rodauth_admin.rake
+- lib/tasks/.keep
 - package-lock.json
 - package.json
 - postcss-gem-import.js
@@ -877,6 +881,7 @@ files:
 - src/css/core.css
 - src/css/easymde.css
 - src/css/plutonium.css
+- src/css/plutonium.entry.css
 - src/css/slim_select.css
 - src/js/controllers/attachment_input_controller.js
 - src/js/controllers/attachment_preview_container_controller.js
@@ -888,6 +893,7 @@ files:
 - src/js/controllers/frame_navigator_controller.js
 - src/js/controllers/intl_tel_input_controller.js
 - src/js/controllers/nested_resource_form_fields_controller.js
+- src/js/controllers/password_visibility_controller.js
 - src/js/controllers/register_controllers.js
 - src/js/controllers/resource_collapse_controller.js
 - src/js/controllers/resource_dismiss_controller.js

data/lib/tasks/create_rodauth_admin.rake

@@ -1,16 +0,0 @@
-namespace :rodauth do
-  desc "Create a Rodauth admin account"
-  task admin: :environment do
-    # require "rodauth"
-    # require "active_record"
-    require "tty-prompt"
-
-    prompt = TTY::Prompt.new
-    email = ENV["EMAIL"] || prompt.ask("email:", required: true)
-    # password = SecureRandom.hex
-    # password = ENV["PASSWORD"] || prompt.mask("password:", required: true)
-    # password_confirm = ENV["PASSWORD"] || prompt.mask("password:", required: true)
-
-    RodauthApp.rodauth(:admin).create_account(login: email)
-  end
-end