turbo_reflex 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b69b530a4e88be7ec81b38f0076f6d8181eb4a8e209bb2ecf8d443bbd4ab3b2f
-  data.tar.gz: d71d737c155f19c32170280ccb8bf25c9dc55c4e60698f7f19fbeff19ee80225
+  metadata.gz: 23acc8c0bf8fb08c15028a42e61cf6d8f38bc183f55aff948d5c9dda00d38d8d
+  data.tar.gz: 411477ecc70f44c14e588aefba477ef35f5c86dd5fce02c551c6418a95782b46
 SHA512:
-  metadata.gz: 48a856e206b2cbbb1692829c0157e6c5429f5cef111f64e44ccdff91247cee773b4c91e12219e2df1bccb6fde44eaed6817c3ac1a55beaf64144b303acf26bdf
-  data.tar.gz: b11f7bc4ffe62ea4dc9fd0f79bc1952bf1316973a3e109c0e40aca4e56ee9efc81d5f857f18e2c84fe0e9e7cfdaec519231145d4b65637fbaf92809be13386f6
+  metadata.gz: d7b9dd0a13ff4fda3312fa53560949b4dded8f38f9f4d1097998462cadd77de768c90b11e2a54fd2a7c99c15ea1e2045888129c0567dac0159b79b902384b596
+  data.tar.gz: e1fbe9d9ba34e0452c97d5d0547a55188d2584ab0f12b5545eb562714316fcef21b59c5a16cc274ff205fbf9fb264925970deb6edd612bc7810d493dc5222f8d

data/Dockerfile

@@ -0,0 +1,24 @@
+FROM ruby:3.1.2-alpine
+
+RUN apk add --no-cache --update \
+bash \
+build-base \
+htop \
+less \
+libc6-compat \
+libsass \
+linux-headers \
+nodejs \
+sqlite \
+sqlite-dev \
+sqlite-libs \
+tzdata
+
+COPY . /turbo_reflex
+WORKDIR /turbo_reflex
+
+RUN rm /turbo_reflex/Gemfile.lock && \
+gem update --system && \
+bundle --jobs 3 --verbose
+
+CMD cd test/dummy && bundle exec rails s

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    turbo_reflex (0.0.2)
+    turbo_reflex (0.0.3)
       rails (>= 6.1)
       turbo-rails (>= 1.1)
 

data/README.md

@@ -117,14 +117,14 @@ TurboReflex is a lightweight Turbo Frame extension... which means that reactivit
 
     ```diff
     # Gemfile
-    +gem "turbo_reflex", "~> 0.0.2"
+    +gem "turbo_reflex", "~> 0.0.3"
     ```
 
     ```diff
     # package.json
     "dependencies": {
       "@hotwired/turbo-rails": ">=7.1",
-    +  "turbo_reflex": "^0.0.2"
+    +  "turbo_reflex": "^0.0.3"
     ```
 
    *Be sure to install the __same version__ of the Ruby and JavaScript libraries.*
@@ -163,7 +163,7 @@ This example illustrates how to use TurboReflex to manage upvotes on a Post.
     ```erb
     <!-- app/views/posts/show.html.erb -->
     <%= turbo_frame_tag dom_id(@post) do %>
-      <a href="#" data-turbo-reflex="VotesReflex#upvote">Upvote</a>
+      <a href="#" data-turbo-reflex="PostReflex#upvote">Upvote</a>
       Upvote Count: <%= @post.votes >
     <% end %>
     ```
@@ -172,7 +172,7 @@ This example illustrates how to use TurboReflex to manage upvotes on a Post.
 
     ```ruby
     # app/reflexes/posts_reflex.rb
-    class PostsReflex < TurboReflex::Base
+    class PostReflex < TurboReflex::Base
       def upvote
         Post.find(controller.params[:id]).increment! :votes
       end

data/app/assets/builds/{turbo_reflex.min.js → turbo_reflex.js}

@@ -1,2 +1,2 @@
 var l={beforeStart:"turbo-reflex:before-start",start:"turbo-reflex:start",finish:"turbo-reflex:finish",error:"turbo-reflex:error",missingFrameId:"turbo-reflex:missing-frame-id",missingFrame:"turbo-reflex:missing-frame",missingFrameSrc:"turbo-reflex:missing-frame-src"};function y(t,e=document,r={}){let n=new CustomEvent(t,{detail:r,cancelable:!0,bubbles:!0});e.dispatchEvent(n)}function F(){Object.values(l).forEach(t=>console.log(t))}var o={...l,dispatch:y,logEventNames:F};var u={};addEventListener("turbo:before-fetch-response",t=>{let e=t.target;u[e.id]=e.src;let{turboReflexActive:r,turboReflexElementId:n}=e.dataset;if(!r)return;let s=document.getElementById(n);delete e.dataset.turboReflexActive,delete e.dataset.turboReflexElementId,o.dispatch(o.finish,s||document,{frame:e,element:s||"Unknown! Missing id attribute."})});addEventListener("turbo:frame-load",t=>{let e=t.target;e.dataset.turboReflexSrc=u[e.id]||e.src||e.dataset.turboReflexSrc,delete u[e.id]});var L={get token(){return document.getElementById("turbo-reflex-token").getAttribute("content")}},c=L;function m(t){return t.closest("[data-turbo-reflex]")}function S(t){return t.closest("turbo-frame")}function b(t){let e=t.dataset.turboReflexFrame||t.dataset.turboFrame;if(!e){let r=S(t);r&&(e=r.id)}return e||(console.error("The reflex element does not specify a frame!","Please move the reflex element inside a <turbo-frame> or set the 'data-turbo-reflex-frame' or 'data-turbo-frame' attribute.",t),o.dispatch(o.missingFrameId,t,{element:t})),e}function g(t){let e=document.getElementById(t);return e||(console.error(`The frame '${t}' does not exist!`),o.dispatch(o.missingFrame,document,{id:t})),e}function x(t){let e=t.dataset.turboReflexSrc||t.src;return e||(console.error(`The the 'src' for <turbo-frame id='${t.id}'> is unknown!`,"TurboReflex uses 'src' to (re)render frame content after the reflex is invoked.","Please set the 'src' or 'data-turbo-reflex-src' attribute on the <turbo-frame> element.",t),o.dispatch(o.missingFrameSrc,t,{frame:t})),e}function k(t,e={}){if(t.tagName.toLowerCase()!=="select")return e.value=t.value;if(!t.multiple)return e.value=t.options[t.selectedIndex].value;e.values=Array.from(t.options).reduce((r,n)=>(n.selected&&r.push(n.value),r),[])}function v(t){let e=Array.from(t.attributes).reduce((r,n)=>(r[n.name]=n.value,r),{});return e.tag=t.tagName,e.checked=t.checked,e.disabled=t.disabled,k(t,e),e}var a={},h;function p(t){h=t}function f(t,e){a[t]=e,document.addEventListener(t,h,!0)}function E(t,e){return e=e.toLowerCase(),a[t].includes(e)||!Object.values(a).flat().includes(e)&&a[t].includes("*")}function R(){console.log(a)}addEventListener("turbo:before-fetch-request",t=>{let e=t.target,{turboReflexActive:r}=e.dataset;if(!r)return;let{fetchOptions:n}=t.detail;n.headers["Turbo-Reflex"]=c.token});function I(t){let e=document.createElement("a");return e.href=t,new URL(e)}function A(t,e={}){e.token=c.token;let r=document.createElement("input");r.type="hidden",r.name="turbo_reflex",r.value=JSON.stringify(e),t.appendChild(r)}function C(t){let e,r,n,s;try{if(e=m(t.target),!e||!E(t.type,e.tagName)||(o.dispatch(o.beforeStart,e,{element:e}),r=b(e),!r)||(n=g(r),!n)||(s=x(n),!s))return;let i={frameId:r,element:v(e)};if(o.dispatch(o.start,e,{element:e,frameId:r,frame:n,frameSrc:s,payload:i}),n.dataset.turboReflexActive=!0,n.dataset.turboReflexElementId=e.id,e.tagName.toLowerCase()==="form")return A(e,i);t.preventDefault();let d=I(s);d.searchParams.set("turbo_reflex",JSON.stringify(i)),n.src=d.toString()}catch(i){console.error("TurboReflex encountered an unexpected error!",{element:e,frameId:r,frame:n,frameSrc:s,target:t.target},i),o.dispatch(o.error,e||document,{element:e,frameId:r,frame:n,frameSrc:s,error:i})}}p(C);f("change",["input","select","textarea"]);f("submit",["form"]);f("click",["*"]);var M={registerEvent:f,logRegisteredEvents:R,logLifecycleEventNames:o.logEventNames};export{M as default};
-//# sourceMappingURL=turbo_reflex.min.js.map
+//# sourceMappingURL=turbo_reflex.js.map

data/docker-compose.yml

@@ -0,0 +1,23 @@
+version: "3.9"
+
+services:
+  demo:
+    build: .
+    image: turbo_reflex
+    container_name: turbo_reflex
+    working_dir: /turbo_reflex
+    tty: true
+    stdin_open: true
+    restart: unless-stopped
+    environment:
+      RAILS_ENV: development
+    expose:
+      - 3000
+    command: >
+      /bin/bash -c "rm -f tmp/pids/server.pid &&
+                    rm -f Gemfile.lock &&
+                    bundle --jobs 3 --verbose &&
+                    bin/rails log:clear &&
+                    bin/rails db:create db:migrate &&
+                    bin/rails s --binding=0.0.0.0 --port=3000"
+

data/lib/turbo_reflex/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TurboReflex
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/package.json

@@ -1,8 +1,8 @@
 {
   "name": "turbo_reflex",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Reflexes for Turbo Frames that help you build robust reactive applications",
-  "main": "app/assets/builds/turbo_reflex.js",
+  "main": "app/javascript/turbo_reflex.js",
   "repository": "https://github.com/hopsoft/turbo_reflex",
   "author": "Nate Hopkins (hopsoft) <natehop@gmail.com>",
   "license": "MIT",
@@ -15,6 +15,6 @@
     "prettier-standard": "^16.4.1"
   },
   "scripts": {
-    "build": "esbuild app/javascript/turbo_reflex.js --bundle --minify --sourcemap --format=esm --outfile=app/assets/builds/turbo_reflex.min.js"
+    "build": "esbuild app/javascript/turbo_reflex.js --bundle --minify --sourcemap --format=esm --outfile=app/assets/builds/turbo_reflex.js"
   }
 }