css-zero 0.0.59 → 0.0.61

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 533d8a1cf38cd84982b5966e4cf637f575e99c4f9547b18025e2327864be0cb3
-  data.tar.gz: 6a318e6ce1611f64b01ab8e226630450adc9fe2a5bba80f4daf1396e3fa62953
+  metadata.gz: b704e3a3d8b4b380575985a2c56480f3f772d32ed9132786de42e4f098b89d90
+  data.tar.gz: bc56740674826f1c932eb8ab5acd1fe603b3a21a0df6a61efead4dc2d5d1eb15
 SHA512:
-  metadata.gz: e68b22eca9bd7147a435e13f3e872a2001f2d3b2365c22fcf0272c19a9acb87fdd9ea6609abed0b57d88540032531cccdd24cc3b25c60bcf1af4e3a9592ee453
-  data.tar.gz: a48d660993be5b3b101541587f2d6e5dc905931d898128e37ee9e62b791e9df8f9af80493bd9cb9d45d043181d5af540a339ab01514198bca01b787948619818
+  metadata.gz: 0e97246d26938cf23bb9934ded34165c3778794b103343e00ec9bdbcb789a53b31f6f047a3c7b9d3e74c422f375959220963f1b5fe0a0a86ce1877b15d52f298
+  data.tar.gz: cffeabee864a7819a10e67c6156af52165154af6d2d69a42cb9e970e01a1d1fb0c4a8d67e9408c815ebf3d864e00cfa8a34c922cfe1ebd4792532979f78a7bd0

data/README.md

@@ -16,7 +16,7 @@ Run the install command.
 bin/rails generate css_zero:install
 ```
 
-Add the additional components you need.
+Add the additional components you need. (Optional)
 
 ```
 bin/rails generate css_zero:add --help

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.59"
+  VERSION = "0.0.61"
 end

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs trix upload_preview toggle web_share
+  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs trix upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

data/lib/generators/css_zero/add/resources.yml

@@ -87,6 +87,8 @@ lightbox:
   - app/assets/images/x.svg
 local_time:
   - app/javascript/controllers/local_time_controller.js
+navigation:
+  - app/javascript/controllers/navigation_controller.js
 pagination:
   - app/assets/images/chevron-right.svg
   - app/assets/images/chevron-left.svg
@@ -104,6 +106,8 @@ sheet:
   - app/assets/images/x.svg
 skeleton:
   - app/assets/stylesheets/skeleton.css
+sortable:
+  - app/javascript/controllers/sortable_controller.js
 switch:
   - app/assets/stylesheets/switch.css
 table:

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css

@@ -1,7 +1,8 @@
 .flash {
   align-items: center;
   animation: appear-then-fade 4s 300ms both;
-  background-color: var(--color-text);
+  backdrop-filter: var(--blur) var(--contrast-75);
+  background-color: hsl(from var(--color-text) h s l / .65);
   border-radius: var(--rounded-full);
   color: var(--color-text-reversed);
   display: flex;
@@ -14,6 +15,10 @@
   padding: var(--size-1) var(--size-4);
   text-align: center;
 
+  [data-turbo-preview] & {
+    display: none;
+  }
+
   @media (width >= 40rem) {
     font-size: var(--text-lg);
   }

data/lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+import { Turbo } from "@hotwired/turbo-rails"
+
+export default class extends Controller {
+  back() {
+    history.back()
+  }
+
+  forward() {
+    history.forward()
+  }
+
+  reload() {
+    Turbo.visit(location.href, { action: "replace", shouldCacheSnapshot: false })
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus"
+import { put } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
+import Sortable from "https://cdn.skypack.dev/sortablejs"
+
+export default class extends Controller {
+  static values  = { url: String, group: String, handle: String }
+
+  connect() {
+    this.sortable = new Sortable(this.element, this.#options)
+  }
+
+  disconnect() {
+    this.sortable.destroy()
+  }
+
+  #submit({ item, newIndex, to }) {
+    put(item.dataset.urlValue, { responseKind: "plain", query: { position: newIndex, parent_id: to.dataset.parentId } })
+  }
+
+  get #options() {
+    return { animation: 150, onAdd: this.#submit, onUpdate: this.#submit, group: this.groupValue, handle: this.handleValue }
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.59
+  version: 0.0.61
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-08 00:00:00.000000000 Z
+date: 2024-11-11 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -106,8 +106,10 @@ files:
 - lib/generators/css_zero/add/templates/app/javascript/controllers/list_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/menu_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/popover_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/revealable_input_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/web_share_controller.js