reflex_behaviors 0.0.5 → 0.0.7

data/app/javascript/utils/dom.js

@@ -0,0 +1,62 @@
+export function template (html) {
+  let template = document.createElement('template')
+  template.innerHTML = html
+  return template
+}
+
+export function appendHTML (html, parent) {
+  parent = parent || document.body
+  const clone = template(html).content.cloneNode(true)
+  const child = clone.querySelector('*')
+  return parent.appendChild(child)
+}
+
+export function addHighlight (element, options = {}) {
+  if (!element) return
+  removeHighlight(element)
+  let { outline, outlineOffset } = options
+
+  outline = outline || 'dashed 3px red'
+  outlineOffset = outlineOffset || '0px'
+
+  element.originalStyles = element.originalStyles || {
+    display: element.style.display,
+    minHeight: element.style.minHeight,
+    minWidth: element.style.minWidth,
+    outline: element.style.outline,
+    outlineOffset: element.style.outlineOffset
+  }
+
+  if (
+    getComputedStyle(element).display.match(/^inline$/i) &&
+    element.offsetWidth === 0 &&
+    element.offsetHeight === 0
+  ) {
+    element.style.display = 'inline-block'
+    element.style.minHeight = '2px'
+    element.style.minWidth = '2px'
+  }
+  element.style.outline = outline
+  element.style.outlineOffset = outlineOffset
+  element.dataset.reflexBehaviorsHighlight = true
+}
+
+export function removeHighlight (element) {
+  if (!element) return
+  if (element.originalStyles) {
+    for (const [key, value] of Object.entries(element.originalStyles))
+      value ? (element.style[key] = value) : (element.style[key] = '')
+    delete element.originalStyles
+  }
+  delete element.dataset.reflexBehaviorsHighlight
+}
+
+export function coordinates (element) {
+  const rect = element.getBoundingClientRect()
+  return {
+    left: rect.left + window.scrollX,
+    top: rect.top + window.scrollY,
+    width: element.offsetWidth,
+    height: element.offsetHeight
+  }
+}

data/lib/reflex_behaviors/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ReflexBehaviors
-  VERSION = "0.0.5"
+  VERSION = "0.0.7"
 end

data/package.json

@@ -1,21 +1,20 @@
 {
   "name": "reflex_behaviors",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Pre-built easy to use reactive TurboReflex behaviors for Rails/Hotwire apps.",
   "main": "app/javascript/index.js",
   "repository": "https://github.com/hopsoft/reflex_behaviors",
   "author": "Nate Hopkins (hopsoft) <natehop@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "turbo_ready": ">= 0.1.2",
-    "turbo_reflex": ">= 0.0.28"
+    "turbo_ready": ">= 0.1.3",
+    "turbo_reflex": ">= 0.0.29"
   },
   "peerDependencies": {
-    "@hotwired/turbo": ">= 7.2",
     "@hotwired/turbo-rails": ">= 7.2"
   },
   "devDependencies": {
-    "esbuild": "^0.15.7",
+    "esbuild": "^0.16.1",
     "eslint": "^8.19.0",
     "prettier-standard": "^16.4.1"
   },

data/reflex_behaviors.gemspec

@@ -22,8 +22,8 @@ Gem::Specification.new do |s|
 
   s.add_dependency "rails", ">= 6.1"
   s.add_dependency "turbo-rails", ">= 1.1"
-  s.add_dependency "turbo_ready", ">= 0.1.2"
-  s.add_dependency "turbo_reflex", ">= 0.0.28"
+  s.add_dependency "turbo_ready", ">= 0.1.3"
+  s.add_dependency "turbo_reflex", ">= 0.0.29"
 
   s.add_development_dependency "magic_frozen_string_literal"
   s.add_development_dependency "minitest-reporters"