plutonium 0.15.20 → 0.15.21

data/src/js/controllers/easymde_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="easymde"
+export default class extends Controller {
+  connect() {
+    console.log(`easymde connected: ${this.element}`)
+    self.easyMDE = new EasyMDE({ element: this.element })
+  }
+
+  disconnect() {
+    self.easyMDE.toTextArea()
+    self.easyMDE = null
+  }
+}

data/src/js/controllers/register_controllers.js

@@ -21,6 +21,8 @@ import ResourceCollapseController from "./resource_collapse_controller.js"
 import ResourceDismissController from "./resource_dismiss_controller.js"
 import FrameNavigatorController from "./frame_navigator_controller.js"
 import ColorModeController from "./color_mode_controller.js"
+import EasyMDEController from "./easymde_controller.js"
+import SlimSelectController from "./slim_select_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -46,4 +48,6 @@ export default function (application) {
   application.register("resource-dismiss", ResourceDismissController)
   application.register("frame-navigator", FrameNavigatorController)
   application.register("color-mode", ColorModeController)
+  application.register("easymde", EasyMDEController)
+  application.register("slim-select", SlimSelectController)
 }

data/src/js/controllers/slim_select_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="slim-select"
+export default class extends Controller {
+  connect() {
+    console.log(`slim-select connected: ${this.element}`)
+    self.slimSelect = new SlimSelect({
+      select: this.element
+    })
+  }
+
+  disconnect() {
+    self.slimSelect.destroy()
+    self.slimSelect = null
+  }
+}

data/tailwind.options.js

@@ -9,21 +9,65 @@ export const content = [
   // requires users to have flowbite installed in their own project.
   './node_modules/flowbite/**/*.js',
 ];
+
 export const darkMode = "selector";
+
 export const plugins = [
   // requires users to have the required packages installed in their own project.
   "@tailwindcss/forms",
   "@tailwindcss/typography",
   "flowbite/plugin",
+  "flowbite-typography",
   function ({ addVariant }) {
     // This creates a variant that applies when an ancestor has data-dyna="true"
-    // addVariant('dyna-frame', '&:has([data-dyna-frame="true"] &)')
-    // Or if you prefer using a class instead of data attribute:
     addVariant('dyna', ':where(.dyna, .dyna *) &')
   }
 ];
+
 export const theme = {
   extend: {
+    typography: ({ theme }) => ({
+      primary: {
+        css: {
+          '--tw-prose-body': theme('colors.secondary.700'),
+          '--tw-prose-headings': theme('colors.secondary.900'),
+          '--tw-prose-lead': theme('colors.secondary.600'),
+          '--tw-prose-links': theme('colors.primary.600'),
+          '--tw-prose-bold': theme('colors.secondary.900'),
+          '--tw-prose-counters': theme('colors.primary.500'),
+          '--tw-prose-bullets': theme('colors.primary.500'),
+          '--tw-prose-hr': theme('colors.primary.200'),
+          '--tw-prose-quotes': theme('colors.secondary.900'),
+          '--tw-prose-quote-borders': theme('colors.primary.300'),
+          '--tw-prose-captions': theme('colors.secondary.700'),
+          '--tw-prose-code': theme('colors.secondary.900'),
+          '--tw-prose-code-bg': theme('colors.primary.50'),
+          '--tw-prose-pre-code': theme('colors.primary.100'),
+          '--tw-prose-pre-bg': theme('colors.secondary.900'),
+          '--tw-prose-th-borders': theme('colors.primary.300'),
+          '--tw-prose-td-borders': theme('colors.primary.200'),
+          '--tw-prose-th-bg': theme('colors.primary.50'),
+          // Dark mode
+          '--tw-prose-invert-body': theme('colors.primary.200'),
+          '--tw-prose-invert-headings': theme('colors.white'),
+          '--tw-prose-invert-lead': theme('colors.primary.300'),
+          '--tw-prose-invert-links': theme('colors.primary.400'),
+          '--tw-prose-invert-bold': theme('colors.white'),
+          '--tw-prose-invert-counters': theme('colors.primary.400'),
+          '--tw-prose-invert-bullets': theme('colors.primary.600'),
+          '--tw-prose-invert-hr': theme('colors.primary.700'),
+          '--tw-prose-invert-quotes': theme('colors.primary.100'),
+          '--tw-prose-invert-quote-borders': theme('colors.primary.700'),
+          '--tw-prose-invert-captions': theme('colors.primary.400'),
+          '--tw-prose-invert-code': theme('colors.white'),
+          '--tw-prose-invert-pre-code': theme('colors.primary.300'),
+          '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
+          '--tw-prose-invert-th-borders': theme('colors.primary.600'),
+          '--tw-prose-invert-td-borders': theme('colors.primary.700'),
+          '--tw-prose-invert-th-bg': theme('colors.primary.700'),
+        },
+      },
+    }),
     colors: {
       primary: {
         50: '#F0FDFD',

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: plutonium
 version: !ruby/object:Gem::Version
-  version: 0.15.20
+  version: 0.15.21
 platform: ruby
 authors:
 - Stefan Froelich
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-11-22 00:00:00.000000000 Z
+date: 2024-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: zeitwerk
@@ -282,6 +282,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: redcarpet
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -1387,14 +1401,17 @@ files:
 - lib/plutonium/ui/component/methods.rb
 - lib/plutonium/ui/display/base.rb
 - lib/plutonium/ui/display/component/association.rb
+- lib/plutonium/ui/display/component/markdown.rb
 - lib/plutonium/ui/display/resource.rb
 - lib/plutonium/ui/display/theme.rb
 - lib/plutonium/ui/dyna_frame/content.rb
 - lib/plutonium/ui/dyna_frame/host.rb
 - lib/plutonium/ui/empty_card.rb
 - lib/plutonium/ui/form/base.rb
+- lib/plutonium/ui/form/components/easymde.rb
 - lib/plutonium/ui/form/concerns/renders_nested_resource_fields.rb
 - lib/plutonium/ui/form/interaction.rb
+- lib/plutonium/ui/form/options/inferred_types.rb
 - lib/plutonium/ui/form/query.rb
 - lib/plutonium/ui/form/resource.rb
 - lib/plutonium/ui/form/theme.rb
@@ -1441,7 +1458,9 @@ files:
 - src/css/core.css
 - src/css/easymde.css
 - src/css/plutonium.css
+- src/css/slim_select.css
 - src/js/controllers/color_mode_controller.js
+- src/js/controllers/easymde_controller.js
 - src/js/controllers/form_controller.js
 - src/js/controllers/frame_navigator_controller.js
 - src/js/controllers/has_many_panel_controller.js
@@ -1461,6 +1480,7 @@ files:
 - src/js/controllers/sidebar_controller.js
 - src/js/controllers/sidebar_menu_controller.js
 - src/js/controllers/sidebar_menu_item_controller.js
+- src/js/controllers/slim_select_controller.js
 - src/js/controllers/table_controller.js
 - src/js/controllers/table_search_input_controller.js
 - src/js/controllers/table_toolbar_controller.js