alembic 0.1.0 → 0.3.0

data/lib/alembic.rb

@@ -3,14 +3,40 @@ require "alembic/version"
 require "alembic/engine"
 
 module Alembic
-  class NotPublished < StandardError; end
-  class NotPermitted < StandardError; end
-  class OutOfService < StandardError; end
-  class Withdrawn < StandardError; end
+  NotPublished = EasyFlow::NotPublished
+  NotPermitted = EasyFlow::NotPermitted
+  OutOfService = EasyFlow::OutOfService
+  Withdrawn = EasyFlow::Withdrawn
+
+  FLOW_HOST = :alembic
+  FLOW_HOST_SETTINGS = %i[layout admin_layout admin_authentication_method
+                          visitor_authorization_method refusal_method].freeze
 
   class << self
-    attr_writer :layout, :base_controller, :admin_layout
-    attr_accessor :lead_partial, :admin_authentication_method, :visitor_authorization_method, :refusal_method
+    attr_accessor :lead_address, :lead_fields_partial, :lead_note
+    attr_reader :admin_authentication_method, :visitor_authorization_method, :refusal_method
+
+    FLOW_HOST_SETTINGS.each do |name|
+      define_method(:"#{name}=") do |value|
+        instance_variable_set(:"@#{name}", value)
+        set_up_flow_host
+      end
+    end
+
+    def set_up_flow_host
+      EasyFlow.host(FLOW_HOST) do |host|
+        FLOW_HOST_SETTINGS.each { |name| host.public_send(:"#{name}=", public_send(name)) }
+      end
+    end
+
+    def lead_partial=(_partial)
+      warn "Alembic.lead_partial no longer exists and draws nothing. Set Alembic.lead_address to where the lead block posts."
+    end
+
+    def base_controller=(value)
+      @base_controller = value
+      EasyFlow.base_controller = value
+    end
 
     # The host app sets this to render the engine inside its own layout
     # (e.g. "marketing"). Defaults to the engine's own layout.
@@ -31,4 +57,6 @@ module Alembic
       @admin_layout || "application"
     end
   end
+
+  set_up_flow_host
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: alembic
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.3.0
 platform: ruby
 authors:
 - tylercschneider
@@ -43,14 +43,34 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.2.0
+        version: 0.7.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.2.0
+        version: 0.7.0
+- !ruby/object:Gem::Dependency
+  name: easy_flow
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.1
 description: Alembic builds and runs data-driven interactive diagnostics — scored
   assessments and branching guides — that place a visitor on an outcome and capture
   the result. A runtime engine plus a UI builder.
@@ -63,85 +83,31 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
-- app/assets/builds/alembic/canvas.js
 - app/assets/builds/alembic/page_builder.css
 - app/assets/builds/alembic/page_builder.js
 - app/assets/stylesheets/alembic/application.css
 - app/controllers/alembic/application_controller.rb
 - app/controllers/alembic/flows_controller.rb
 - app/controllers/alembic/manage/base_controller.rb
-- app/controllers/alembic/manage/canvas_controller.rb
-- app/controllers/alembic/manage/definitions_controller.rb
 - app/controllers/alembic/manage/flows_controller.rb
 - app/controllers/alembic/manage/page_blocks_controller.rb
 - app/controllers/alembic/manage/pages_controller.rb
 - app/controllers/alembic/manage/previews_controller.rb
-- app/controllers/alembic/manage/versions_controller.rb
+- app/controllers/alembic/pages_controller.rb
 - app/controllers/concerns/alembic/manage/authenticates_admin.rb
-- app/controllers/concerns/alembic/manage/draws_canvas.rb
+- app/controllers/concerns/alembic/summarizes.rb
 - app/helpers/alembic/application_helper.rb
-- app/javascript/alembic/canvas.jsx
-- app/javascript/alembic/canvas/Canvas.jsx
-- app/javascript/alembic/canvas/Connector.jsx
-- app/javascript/alembic/canvas/ConnectorLayer.jsx
-- app/javascript/alembic/canvas/Control.jsx
-- app/javascript/alembic/canvas/Inspector.jsx
-- app/javascript/alembic/canvas/Panel.jsx
-- app/javascript/alembic/canvas/Placeholder.jsx
-- app/javascript/alembic/canvas/Port.jsx
-- app/javascript/alembic/canvas/Records.jsx
-- app/javascript/alembic/canvas/StepCard.jsx
-- app/javascript/alembic/canvas/Toolbar.jsx
-- app/javascript/alembic/canvas/TypePicker.jsx
-- app/javascript/alembic/canvas/changes.js
-- app/javascript/alembic/canvas/choices.js
-- app/javascript/alembic/canvas/flow.js
-- app/javascript/alembic/canvas/flowSender.js
-- app/javascript/alembic/canvas/ids.js
-- app/javascript/alembic/canvas/rows.js
-- app/javascript/alembic/canvas/styles.js
-- app/javascript/alembic/canvas/useConnectors.js
-- app/javascript/alembic/canvas/useFlow.js
+- app/helpers/alembic/pages_helper.rb
+- app/helpers/alembic/result_blocks_helper.rb
 - app/javascript/alembic/page_builder.jsx
 - app/javascript/alembic/page_builder/PageBuilder.jsx
 - app/jobs/alembic/application_job.rb
 - app/mailers/alembic/application_mailer.rb
 - app/models/alembic/application_record.rb
-- app/models/alembic/asked.rb
-- app/models/alembic/choice.rb
-- app/models/alembic/flow.rb
-- app/models/alembic/flow/admission.rb
-- app/models/alembic/flow/canvas.rb
-- app/models/alembic/flow/change.rb
-- app/models/alembic/flow/condition.rb
-- app/models/alembic/flow/definition.rb
-- app/models/alembic/flow/digest.rb
-- app/models/alembic/flow/document.rb
-- app/models/alembic/flow/drawing.rb
-- app/models/alembic/flow/edge.rb
-- app/models/alembic/flow/edit_history.rb
-- app/models/alembic/flow/layout.rb
-- app/models/alembic/flow/name.rb
-- app/models/alembic/flow/node.rb
-- app/models/alembic/flow/output.rb
-- app/models/alembic/flow/progress.rb
-- app/models/alembic/flow/progress/kept.rb
-- app/models/alembic/flow/progress/loose.rb
-- app/models/alembic/flow/registry.rb
-- app/models/alembic/flow/run.rb
-- app/models/alembic/flow/runner.rb
-- app/models/alembic/flow/settings.rb
-- app/models/alembic/flow/start.rb
-- app/models/alembic/flow/step.rb
-- app/models/alembic/flow/step_type.rb
-- app/models/alembic/flow/step_type/declaration.rb
+- app/models/alembic/flow/definition_summary.rb
+- app/models/alembic/flow/run_summary.rb
 - app/models/alembic/flow/summaries.rb
 - app/models/alembic/flow/summary_version.rb
-- app/models/alembic/flow/switch.rb
-- app/models/alembic/flow/terminal.rb
-- app/models/alembic/flow/validator.rb
-- app/models/alembic/flow/version.rb
-- app/models/alembic/flow/violation.rb
 - app/models/alembic/outputs/band.rb
 - app/models/alembic/outputs/grouped.rb
 - app/models/alembic/outputs/lowest.rb
@@ -149,26 +115,30 @@ files:
 - app/models/alembic/outputs/tally.rb
 - app/models/alembic/outputs/weighted_sum.rb
 - app/models/alembic/page.rb
-- app/models/alembic/runner.rb
-- app/models/alembic/steps/question.rb
+- app/models/alembic/page/drawing.rb
+- app/models/alembic/page/options.rb
+- app/models/alembic/page/version.rb
+- app/models/alembic/result_blocks.rb
 - app/models/alembic/summary.rb
 - app/models/alembic/summary/output_type.rb
 - app/models/alembic/summary/registry.rb
 - app/models/alembic/summary/report.rb
 - app/models/alembic/summary/result.rb
 - app/models/alembic/summary/run.rb
-- app/views/alembic/flow/steps/_choosing.html.erb
+- app/views/alembic/blocks/_answers.html.erb
+- app/views/alembic/blocks/_band.html.erb
+- app/views/alembic/blocks/_categories.html.erb
+- app/views/alembic/blocks/_lead.html.erb
+- app/views/alembic/blocks/_score.html.erb
+- app/views/alembic/blocks/_weakest.html.erb
 - app/views/alembic/flows/complete.html.erb
 - app/views/alembic/flows/show.html.erb
-- app/views/alembic/flows/step.html.erb
-- app/views/alembic/manage/definitions/edit.html.erb
+- app/views/alembic/flows/summary_page.html.erb
 - app/views/alembic/manage/flows/edit.html.erb
-- app/views/alembic/manage/flows/index.html.erb
-- app/views/alembic/manage/flows/show.html.erb
 - app/views/alembic/manage/pages/_block_content.html.erb
 - app/views/alembic/manage/pages/index.html.erb
 - app/views/alembic/manage/pages/show.html.erb
-- app/views/alembic/manage/versions/index.html.erb
+- app/views/alembic/pages/show.html.erb
 - app/views/layouts/alembic/application.html.erb
 - config/routes.rb
 - db/migrate/20260604215031_create_alembic_diagnostics.rb
@@ -221,6 +191,10 @@ files:
 - db/migrate/20260831000000_add_persists_to_alembic_flows.rb
 - db/migrate/20260914120000_create_alembic_pages.rb
 - db/migrate/20260915120000_add_blocks_to_alembic_pages.rb
+- db/migrate/20260922120000_add_slug_to_alembic_pages.rb
+- db/migrate/20260922130000_create_alembic_page_versions.rb
+- db/migrate/20260924220000_move_flows_onto_easy_flow.rb
+- db/migrate/20260930120000_add_summary_page_to_alembic_flow_definition_summaries.rb
 - lib/alembic.rb
 - lib/alembic/engine.rb
 - lib/alembic/leftover_stylesheet.rb

data/app/assets/builds/alembic/canvas.js

@@ -1 +0,0 @@
-(()=>{var Dt=globalThis.ReactDOM;var{createPortal:ze,createRoot:K,flushSync:Be,hydrateRoot:Ee,preconnect:Te,prefetchDNS:$e,preinit:Ae,preinitModule:De,preload:Pe,preloadModule:Le,requestFormReset:Ie,unstable_batchedUpdates:Me,useFormState:_e,useFormStatus:Oe,version:He}=Dt;var Z=globalThis.React,e=Z,{Children:Fe,Component:Ve,Fragment:We,PureComponent:Ye,StrictMode:Ue,Suspense:Xe,cloneElement:Ge,createContext:qe,createElement:Je,createRef:Ke,forwardRef:Ze,isValidElement:Qe,lazy:Re,memo:to,startTransition:eo,useCallback:oo,useContext:ro,useDebugValue:no,useDeferredValue:so,useEffect:E,useId:ao,useImperativeHandle:lo,useLayoutEffect:Q,useMemo:P,useReducer:io,useRef:j,useState:b,useSyncExternalStore:co,useTransition:mo}=Z;var R=new Map,L=new Map,tt=(t,o)=>R.set(t,o),et=()=>{L.forEach(t=>t.unmount()),L.clear()},ot=(t,o)=>t.querySelectorAll("[data-react-ui]").forEach(s=>{if(L.has(s))return;let r=R.get(s.dataset.reactUi),a=o(s);L.set(s,a),a.render(e.createElement(r,JSON.parse(s.dataset.props)))});var rt=(t,o)=>{let s=()=>ot(t,o);t.addEventListener("turbo:load",s),t.addEventListener("turbo:frame-load",s),t.addEventListener("turbo:before-cache",et),t.readyState==="loading"?t.addEventListener("DOMContentLoaded",s):s()};var Pt="border border-amber-500 bg-white text-amber-700 dark:bg-zinc-900 dark:text-amber-400",Lt="border border-gray-300 bg-white text-gray-500 dark:border-zinc-600 dark:bg-zinc-900 dark:text-gray-400",It="border border-accent-600 bg-accent-600 text-white",Mt=({name:t,connected:o,armed:s,onArm:r,connecting:a})=>e.createElement("button",{onClick:l=>{a||(l.stopPropagation(),r(l))},title:s?"Now choose a step to connect to":"Connect this branch",className:s?It:o?Lt:Pt,style:{padding:"1px 8px",marginRight:4,borderRadius:999,fontSize:11,cursor:"pointer"}},t||"next"),nt=Mt;var _t={width:240,boxSizing:"border-box",borderRadius:8},Ot={padding:"8px 14px",textAlign:"center",fontWeight:600},Ht={fontWeight:600,lineHeight:1.3},jt=(t,o,s)=>{let r=s?"ring-4 ring-accent-600/15":"shadow-sm";return t||s&&!o?`border-accent-600 ${r}`:o?`border-red-600 ${r}`:"border-gray-300 shadow-sm dark:border-zinc-700"},Ft=({node:t,selected:o,armed:s,connecting:r,onSelect:a,onArm:l,onDragEnd:i,onDragStart:f})=>{let m=t.begins_here||t.ends_here,d=t.begins_here,p=t.ends_here?[]:t.ports,u=r&&!d;return e.createElement("div",{ref:t.ref,"data-step":t.id,draggable:!d,onDragStart:c=>{c.dataTransfer.effectAllowed="move",c.dataTransfer.setData("text/plain",t.id),f()},onDragEnd:i,onClick:a,className:`bg-white border-2 dark:bg-zinc-900 ${jt(u,t.violations.length>0,o)}`,style:{..._t,padding:m?0:"12px 14px",cursor:d?"default":r?"crosshair":"grab"}},m&&e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:Ot},t.label),!m&&e.createElement("div",{style:Ht},t.label),!m&&e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginTop:2}},t.type),t.violations.map(c=>e.createElement("div",{key:c.problem+c.detail,className:"text-red-600 dark:text-red-400",style:{fontSize:11,padding:"0 14px 6px"}},c.problem.replace(/_/g," "),c.detail?`: ${c.detail}`:"")),p.length>0&&e.createElement("div",{style:{padding:t.begins_here?"0 14px 8px":"10px 0 0"}},p.map(c=>e.createElement(nt,{key:c,name:c,connected:t.connected.includes(c),connecting:r,armed:s===c,onArm:x=>l(c,x)}))))},F=Ft;var st=(t,o)=>t.includes(o)?t.filter(s=>s!==o):[...t,o],at=(t,o)=>({...o?.choices||{},...t?.choices||{}});var k=(...t)=>t.filter(Boolean).join(" ");var Vt=({as:t="input",disabled:o,className:s,...r})=>e.createElement(t,{...r,disabled:o,className:k("ks-input",o&&"ks-input-disabled",s)}),w=Vt;var Wt=t=>e.createElement(w,{...t,as:"select"}),lt=Wt;var Yt=({className:t,...o})=>e.createElement("input",{type:"checkbox",...o,className:k("ks-checkbox",t)}),V=Yt;var Ut=t=>(t||[]).map(o=>typeof o=="object"?o:{value:o,label:o}),Xt=({type:t,value:o,choices:s,onChange:r,onSettle:a})=>{if(t==="boolean")return e.createElement(V,{checked:!!o,onChange:l=>a(l.target.checked)});if(t==="select"||t==="previous_step"||t==="from_step")return e.createElement(lt,{className:"mb-3",value:o??"",onChange:l=>a(l.target.value)},e.createElement("option",{value:""}),Ut(s).map(l=>e.createElement("option",{key:l.value,value:l.value},l.label)));if(t==="multi_select"){let l=Array.isArray(o)?o:[],i=f=>a(st(l,f));return e.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:8}},(s||[]).map(f=>e.createElement("label",{key:f,style:{display:"inline-flex",alignItems:"center",gap:4}},e.createElement(V,{checked:l.includes(f),onChange:()=>i(f)}),e.createElement("span",null,f))))}return t==="integer"||t==="float"?e.createElement(w,{className:"mb-3",type:"number",step:t==="integer"?"1":"any",value:o??"",onChange:l=>r(l.target.value),onBlur:l=>a(l.target.value)}):e.createElement(w,{className:"mb-3",type:"text",value:o??"",onChange:l=>r(l.target.value),onBlur:l=>a(l.target.value)})},I=Xt;var it=(t,o,s,r)=>t.map((a,l)=>l===o?{...a,[s]:r}:a);var Gt={primary:"ks-button-primary",secondary:"ks-button-secondary",danger:"ks-button-danger"},qt={sm:"ks-button-sm",md:"ks-button-md",lg:"ks-button-lg"},Jt=({variant:t="primary",size:o="md",className:s,children:r,...a})=>{let l=a.href?"a":"button";return e.createElement(l,{...a,className:k("ks-button",Gt[t],qt[o],s)},r)},y=Jt;var Kt=({holds:t,labels:o,rows:s,onChange:r,onSettle:a})=>{let l=Array.isArray(s)?s:[],i=(f,m,d,p)=>{let u=it(l,f,m,d);p?a(u):r(u)};return e.createElement("div",{style:{marginBottom:12}},l.map((f,m)=>e.createElement("div",{key:m,className:"rounded-md border border-gray-200 dark:border-zinc-700",style:{padding:"8px 8px 2px",marginBottom:6}},Object.entries(t).map(([d,p])=>e.createElement("label",{key:d,style:{display:"block"}},e.createElement("span",{className:"text-gray-500 dark:text-gray-400",style:{display:"block",marginBottom:2,fontSize:11}},(o||{})[d]||d),e.createElement(I,{type:p,value:f[d],onChange:u=>i(m,d,u,!1),onSettle:u=>i(m,d,u,!0)}))),e.createElement(y,{variant:"secondary",size:"sm",className:"mb-1.5",onClick:()=>a(l.filter((d,p)=>p!==m))},"Remove"))),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full",onClick:()=>a([...l,{}])},"Add"))},dt=Kt;var Zt=({as:t="div",className:o,children:s,...r})=>e.createElement(t,{...r,className:k("ks-panel",o)},s),$=Zt;var M=(t,o)=>({className:s,children:r,...a})=>e.createElement(t,{...a,className:k(o,s)},r),A=M("label","ks-label"),er=M("p","ks-hint"),or=M("p","ks-error"),rr=M("span","ks-required");var Qt={width:280,padding:20,overflowY:"auto"},Rt=({node:t,fields:o,holds:s,labels:r,recordLabels:a,choices:l,onSave:i,onDelete:f,onClose:m})=>{let[d,p]=b(t.config);E(()=>p(t.config),[t.id,t.config]);let u=c=>{p(c),JSON.stringify(c)!==JSON.stringify(t.config)&&i(c)};return e.createElement($,{as:"aside",style:Qt,"data-inspector":!0},e.createElement("div",{style:{display:"flex",alignItems:"start",justifyContent:"space-between",gap:8}},e.createElement("h2",{style:{fontWeight:600,marginBottom:2}},t.label),e.createElement("button",{title:"Close",onClick:m,className:"text-gray-500 dark:text-gray-400",style:{border:"none",background:"none",cursor:"pointer",fontSize:18,lineHeight:1}},"\xD7")),e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginBottom:16}},t.id," \xB7 ",t.type),Object.entries(o).map(([c,x])=>e.createElement(A,{key:c},e.createElement("span",{style:{display:"block",marginBottom:3}},r[c]||c),x==="list"?e.createElement(dt,{holds:s[c]||{},labels:a[c]||{},rows:d[c],onChange:h=>p({...d,[c]:h}),onSettle:h=>u({...d,[c]:h})}):e.createElement(I,{type:x,value:d[c],choices:l[c],onChange:h=>p({...d,[c]:h}),onSettle:h=>u({...d,[c]:h})}))),e.createElement(y,{variant:"danger",size:"sm",className:"w-full",onClick:f},"Delete step"))},ct=Rt;var te={width:240,boxSizing:"border-box",padding:"10px 14px",borderRadius:8,textAlign:"center",fontSize:12,cursor:"pointer"},ee="border-2 border-dashed border-amber-500 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-300",oe="border-2 border-dashed border-accent-600 bg-accent-50 text-accent-800 dark:bg-accent-950 dark:text-accent-200",re=({node:t,dragging:o,onFill:s,onDrop:r})=>e.createElement("div",{ref:t.ref,"data-placeholder":t.id,title:`Choose the step \u201C${t.label}\u201D should lead to`,onClick:s,onDragOver:a=>{o&&(a.preventDefault(),a.dataTransfer.dropEffect="move")},onDrop:a=>{a.preventDefault(),r()},className:o?oe:ee,style:te},e.createElement("div",{style:{fontWeight:600}},t.label),e.createElement("div",{style:{fontSize:11}},o?"drop a step here":"leads nowhere yet \u2014 click to choose")),mt=re;var ne=({entries:t,at:o,onPick:s,onConnect:r,onDismiss:a})=>e.createElement($,{className:"shadow-lg",style:{position:"absolute",zIndex:9,top:o.y,left:o.x,width:210,padding:8,borderRadius:8}},e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{margin:"0 0 6px",fontSize:11}},"Add a step"),t.map(l=>e.createElement(y,{key:l.type,variant:"secondary",size:"sm",className:"w-full mb-1.5 flex-col",onClick:()=>s(l)},l.label,e.createElement("span",{className:"opacity-75",style:{display:"block",fontSize:11}},l.type))),r&&e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",onClick:r},"Connect to a step already here"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full",onClick:a},"Cancel")),pt=ne;var se={width:24,height:24,padding:0,fontSize:15,lineHeight:"15px"},ut=({label:t,title:o,idle:s,enabled:r,onUse:a})=>e.createElement(y,{variant:"secondary",size:"sm",title:r?o:s,disabled:!r,onClick:a,style:{opacity:r?1:.4,cursor:r?"pointer":"default"}},t),ae=({undoable:t,redoable:o,onAdd:s,onUndo:r,onRedo:a})=>e.createElement("div",{style:{position:"absolute",top:16,left:16,zIndex:5,display:"flex",gap:8}},e.createElement(y,{variant:"secondary",className:"rounded-full",style:se,title:"Add a step",onClick:s},"+"),e.createElement(ut,{label:"\u21B6 Undo",title:"Undo the last change",idle:"Nothing to undo",enabled:t,onUse:r}),e.createElement(ut,{label:"\u21B7 Redo",title:"Redo the change you undid",idle:"Nothing to redo",enabled:o,onUse:a})),ft=ae;var le=t=>e.createElement(w,{...t,as:"textarea"}),gt=le;var yt=t=>{let o=t.problem.replace(/_/g," ");return t.node?`\u201C${t.node}\u201D ${o}`:o};var ht=({version:t,published:o})=>t?o?o===t?`Version ${t} \xB7 live`:`Version ${t} \xB7 visitors still on ${o}`:`Version ${t} \xB7 never published`:"No version yet";var ie={width:280,padding:20,overflowY:"auto"},W={fontWeight:600,marginBottom:6,marginTop:14},_={fontSize:12,marginBottom:4,lineHeight:1.4},Y={display:"block",marginBottom:3},U=(t,o,s)=>r=>{r.target.value!==(t[o]??"")&&s({[o]:r.target.value})},de=({flow:t,changes:o,problems:s,refusal:r,notice:a,onCreate:l,onPublish:i,onSaveDetails:f,onClose:m})=>e.createElement($,{as:"aside",style:ie,"data-builder-panel":!0},e.createElement("div",{style:{display:"flex",alignItems:"start",justifyContent:"space-between",gap:8}},e.createElement("h2",{style:{fontWeight:600},"data-flow-name":!0},t.title||t.slug),e.createElement("button",{title:"Close",onClick:m,className:"text-gray-500 dark:text-gray-400",style:{border:"none",background:"none",cursor:"pointer",fontSize:18,lineHeight:1}},"\xD7")),e.createElement("a",{className:"text-accent-600 dark:text-accent-400",style:{fontSize:12,display:"block"},href:t.history_url,"data-history":!0},ht(t)),e.createElement("h2",{style:W},"Problems"),r&&e.createElement("p",{className:"text-red-800 dark:text-red-400",style:{..._,fontWeight:600},"data-refusal":!0},r),a&&!r&&e.createElement("p",{className:"text-emerald-800 dark:text-emerald-400",style:{..._,fontWeight:600},"data-notice":!0},a),s.length===0&&!r?e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:12}},"Nothing wrong with this flow."):s.map(d=>e.createElement("p",{key:`${d.node}-${d.problem}`,className:"text-amber-700 dark:text-amber-400",style:_,"data-problem":!0},"\u26A0 ",yt(d))),e.createElement("h2",{style:W},"Changes since the last version"),o.length===0?e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:12}},"Nothing has changed."):o.map((d,p)=>e.createElement("p",{key:p,style:_,"data-change":!0},d)),e.createElement("h2",{style:W},"Details"),e.createElement(A,null,e.createElement("span",{style:Y},"Title"),e.createElement(w,{className:"mb-3",defaultValue:t.title??"",onBlur:U(t,"title",f),"data-flow-title":!0})),e.createElement(A,null,e.createElement("span",{style:Y},"Summary"),e.createElement(gt,{className:"mb-3",rows:4,defaultValue:t.summary??"",onBlur:U(t,"summary",f),"data-flow-summary":!0})),e.createElement(A,null,e.createElement("span",{style:Y},"Start label"),e.createElement(w,{className:"mb-3",defaultValue:t.start_label??"",onBlur:U(t,"start_label",f),"data-flow-start-label":!0})),e.createElement("div",{style:{marginTop:16}},e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",onClick:l,"data-create-version":!0},"Create version"),e.createElement(y,{size:"sm",className:"w-full mb-1.5",onClick:i,"data-publish":!0},"Publish"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",href:t.definition_url,"data-definition":!0},"Definition"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",href:t.details_url,"data-details":!0},"Edit details"))),bt=de;var xt={width:24,height:24,padding:0,fontSize:15,lineHeight:"15px"},ce=({link:t,onInsert:o,onRemove:s,onDrop:r,dragging:a})=>{let[l,i]=b(!1),f=l||a;return e.createElement("div",{"data-connector":`${t.source}-${t.target}`,style:{position:"absolute",left:t.midX-34,top:t.midY-20,width:68,height:40,zIndex:4},onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),onDragEnter:()=>i(!0),onDragLeave:()=>i(!1),onDragOver:m=>{m.preventDefault(),m.dataTransfer.dropEffect="move"},onDrop:m=>{m.preventDefault(),i(!1),r()}},e.createElement("div",{style:{display:"flex",gap:4,justifyContent:"center",alignItems:"center",height:"100%",opacity:f?1:0,transition:"opacity .12s"}},e.createElement(y,{variant:"secondary",title:a?"Move the step here":"Insert a step here",onClick:o,className:"rounded-full data-[over=true]:ring-2 data-[over=true]:ring-accent-600","data-over":!!(a&&l),style:xt},"+"),!a&&e.createElement(y,{variant:"danger",title:"Remove this connection",onClick:s,className:"rounded-full",style:xt},"\xD7")))},vt=ce;var me=({links:t,extent:o,dragging:s,onInsert:r,onRemove:a,onDrop:l})=>e.createElement(e.Fragment,null,e.createElement("svg",{width:o.width,height:o.height,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:1}},e.createElement("defs",null,e.createElement("marker",{id:"alembic-arrow",viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"5",markerHeight:"5",orient:"auto"},e.createElement("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-gray-400 dark:fill-zinc-500"}))),t.map(i=>e.createElement("path",{key:i.id,"data-link":i.id,className:"stroke-gray-400 dark:stroke-zinc-500",fill:"none",strokeWidth:"1.5",markerEnd:"url(#alembic-arrow)",d:i.path}))),t.filter(i=>i.label).map(i=>e.createElement("div",{key:`${i.id}-label`,"data-link-label":i.id,className:"bg-surface-50 text-gray-500 dark:bg-surface-950 dark:text-gray-400",style:{position:"absolute",left:i.midX-10,top:i.midY-18,zIndex:3,fontSize:11,padding:"0 3px"}},i.label)),t.filter(i=>!i.placeholder).map(i=>e.createElement(vt,{key:i.id,link:i,dragging:!!s,onInsert:()=>r(i),onRemove:()=>a(i),onDrop:()=>l(i)}))),kt=me;var pe="Your change was not saved because the server could not be reached.",wt=({base:t,token:o,fetch:s,onFlow:r,onError:a,onNotice:l})=>async(i,f,m)=>{let d=await s(t+i,{method:f,headers:{"Content-Type":"application/json","X-CSRF-Token":o},body:m&&JSON.stringify(m)}).catch(()=>null);if(!d)return l(null),a(pe);let p=await d.json().catch(()=>({}));if(!d.ok)return l(null),a(p.error||"That change was refused");a(null),l(p.notice||null),r(await(await s(t+".json",{headers:{Accept:"application/json"}})).json())};var ue=(t,o,s)=>{let[r,a]=b(s),[l,i]=b(null),[f,m]=b(null),d=P(()=>wt({base:t,token:o,fetch:(...p)=>window.fetch(...p),onFlow:a,onError:i,onNotice:m}),[t,o]);return{flow:r,error:l,notice:f,send:d}},Ct=ue;var O=(t,o,s,r)=>{let a=t.left-s.left+r.scrollLeft,l=t.top-s.top+r.scrollTop;return o==="left"?{x:a,y:l+t.height/2}:o==="right"?{x:a+t.width,y:l+t.height/2}:o==="top"?{x:a+t.width/2,y:l}:{x:a+t.width/2,y:l+t.height}},fe=(t,o)=>o==="top"?{x:t.x,y:t.y-3}:o==="left"?{x:t.x-3,y:t.y}:o==="right"?{x:t.x+3,y:t.y}:{x:t.x,y:t.y+3},ge=(t,o,s,r,a)=>{let l={straight:`M ${o.x} ${o.y} L ${s.x} ${s.y}`,turn:`M ${o.x} ${o.y} H ${s.x} V ${s.y}`,lane:`M ${o.x} ${o.y} V ${r} H ${s.x} V ${s.y}`,detour:`M ${o.x} ${o.y} H ${a} V ${s.y} H ${s.x}`}[t.route];return{...t,path:l,midX:t.route==="detour"?a:(o.x+s.x)/2,midY:t.route==="lane"?r:(o.y+s.y)/2}},ye=(t,o,s,r)=>{let[a,l]=b([]),[i,f]=b({width:"100%",height:"100%"});return Q(()=>{let m=()=>{let p=o.current?.getBoundingClientRect();p&&(f({width:o.current.scrollWidth,height:o.current.scrollHeight}),l(t.edges.flatMap(u=>{let c=s.current[u.source]?.getBoundingClientRect(),x=s.current[u.target]?.getBoundingClientRect();if(!c||!x)return[];let h=O(c,u.leaves,p,o.current),C=fe(O(x,u.enters,p,o.current),u.enters),N=(O(c,"bottom",p,o.current).y+O(x,"top",p,o.current).y)/2,z=u.leaves==="left"?Math.min(h.x,C.x)-28:Math.max(h.x,C.x)+28;return[ge(u,h,C,N,z)]})))};m(),window.addEventListener("resize",m);let d=new ResizeObserver(m);return o.current&&d.observe(o.current),()=>{window.removeEventListener("resize",m),d.disconnect()}},r),{links:a,extent:i}},St=ye;var Nt=(t,o)=>{let s=new Set(o),r=t,a=2;for(;s.has(r);)r=`${t}_${a++}`;return r};var xe={display:"flex",height:"100%",minHeight:0,fontSize:13},ve={flex:1,overflow:"auto",position:"relative"},ke={position:"absolute",top:56,left:16,zIndex:5,width:264,padding:12,borderRadius:8},we={display:"grid",rowGap:64,columnGap:0,padding:40,justifyContent:"center",position:"relative"},Ce={position:"sticky",zIndex:8,top:8,margin:"8px auto 0",width:"fit-content",padding:"6px 12px",borderRadius:6,fontSize:12},Se=({port:t,onCancel:o})=>e.createElement("div",{className:"bg-accent-100 text-accent-800 dark:bg-accent-900 dark:text-accent-100",style:Ce},"Choose the step \u201C",t||"next","\u201D should lead to \u2014 ",e.createElement("button",{onClick:o,className:"text-accent-800 underline dark:text-accent-100",style:{border:"none",background:"none",cursor:"pointer",fontSize:12,padding:0}},"cancel")),Ne=({base:t,token:o,initial:s})=>{let{flow:r,error:a,notice:l,send:i}=Ct(t,o,s),[f,m]=b(null),[d,p]=b(null),[u,c]=b(null),[x,h]=b(null),[C,N]=b(!1),z=j({}),B=j(null);E(()=>{let n=()=>{m(null),N(!0)};return document.addEventListener("alembic:open-flow",n),()=>document.removeEventListener("alembic:open-flow",n)},[]),E(()=>{if(!C)return;let n=g=>{g.target.closest("[data-builder-panel], [data-open-panel]")||N(!1)};return document.addEventListener("click",n),()=>document.removeEventListener("click",n)},[C]),E(()=>{document.dispatchEvent(new CustomEvent("alembic:flow-named",{detail:r.flow?.title||r.flow?.slug}))},[r.flow?.title,r.flow?.slug]);let Bt=P(()=>Object.fromEntries(r.nodes.map(n=>[n.id,n])),[r.nodes]),{links:Et,extent:Tt}=St(r,B,z,[r,f,Bt]),X=P(()=>{let n={};return r.violations.forEach(g=>{var v;return(n[v=g.node]||(n[v]=[])).push(g)}),n},[r.violations]),H=r.nodes.filter(n=>!n.loose),G=r.nodes.filter(n=>n.loose),$t=Math.max(0,...H.map(n=>n.row))+1,At=Math.max(0,...H.map(n=>n.column))+1,q=n=>{if(!u)return;let[g,v]=u;c(null),g!==n&&i("/edges","POST",{from:g,to:n,on:v||null})},S=r.nodes.find(n=>n.id===f),D=r.palette.find(n=>n.type===S?.type);return e.createElement("div",{className:"text-gray-900 dark:text-gray-100",style:xe,onMouseUp:()=>h(null),onKeyDown:n=>{n.key==="Escape"&&(m(null),c(null),p(null))},tabIndex:-1},e.createElement("div",{ref:B,className:"bg-surface-50 dark:bg-surface-950",style:ve,onClick:n=>{n.target===B.current&&(m(null),c(null),N(!1))}},u&&e.createElement(Se,{port:u[1],onCancel:()=>c(null)}),e.createElement(ft,{undoable:r.undoable,redoable:r.redoable,onAdd:()=>p({at:{x:16,y:52}}),onUndo:()=>{m(null),i("/undo","POST")},onRedo:()=>{m(null),i("/redo","POST")}}),e.createElement(kt,{links:Et,extent:Tt,dragging:x,onInsert:n=>p({from:n.source,to:n.target,at:{x:n.midX+30,y:n.midY}}),onRemove:n=>{m(null),i("/edges","DELETE",{from:n.source,to:n.target})},onDrop:n=>{let g=x;h(null),i("/steps/"+g+"/move","PATCH",{from:n.source,to:n.target})}}),G.length>0&&e.createElement("div",{"data-loose":!0,className:"border border-dashed border-gray-300 bg-gray-50 dark:border-zinc-700 dark:bg-zinc-900",style:ke},e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginBottom:6}},"Not in the flow yet \u2014 drag one onto a connection"),G.map(n=>e.createElement("div",{key:n.id,style:{marginBottom:8}},e.createElement(F,{node:{...n,ref:g=>{z.current[n.id]=g},violations:X[n.id]||[],connected:[]},selected:f===n.id,armed:u&&u[0]===n.id?u[1]:null,connecting:!!u,onSelect:()=>u?q(n.id):m(n.id),onArm:(g,v)=>{v.stopPropagation(),c([n.id,g])},onDragStart:()=>h(n.id),onDragEnd:()=>h(null)})))),e.createElement("div",{style:{...we,gridTemplateColumns:`repeat(${At+1}, ${280/2}px)`,gridTemplateRows:`repeat(${$t}, auto)`}},H.map(n=>e.createElement("div",{key:n.id,style:{gridRow:n.row+1,gridColumn:`${n.column+1} / span 2`,zIndex:2}},n.placeholder&&e.createElement(mt,{node:{...n,ref:g=>{z.current[n.id]=g}},dragging:!!x,onFill:()=>p({from:n.from,on:n.on,at:{x:16,y:52}}),onDrop:()=>{let g=x;h(null),g&&i("/edges","POST",{from:n.from,to:g,on:n.on})}}),!n.placeholder&&e.createElement(F,{node:{...n,ref:g=>{z.current[n.id]=g},violations:X[n.id]||[],connected:r.edges.filter(g=>g.source===n.id).map(g=>g.label||null)},selected:n.id===f,armed:u&&u[0]===n.id?u[1]:null,connecting:!!u&&u[0]!==n.id,onSelect:()=>u?q(n.id):m(n.id),onArm:(g,v)=>{let J=B.current.getBoundingClientRect();p({from:n.id,on:g,at:{x:v.clientX-J.left+B.current.scrollLeft+8,y:v.clientY-J.top+B.current.scrollTop+8}})},onDragEnd:()=>h(null),onDragStart:()=>h(n.id)})))),d&&e.createElement(pt,{entries:r.palette,at:d.at,onDismiss:()=>p(null),onConnect:d.on!==void 0?()=>{c([d.from,d.on]),p(null)}:null,onPick:n=>{let g=d;p(null),i("/steps","POST",{id:Nt(n.type,r.nodes.map(v=>v.id)),type:n.type,from:g.from,to:g.to,on:g.on})}})),C&&!S&&e.createElement(bt,{flow:r.flow||{},changes:r.changes||[],problems:r.violations,refusal:a,notice:l,onClose:()=>N(!1),onCreate:()=>i("/versions","POST"),onPublish:()=>i("/publish","POST"),onSaveDetails:n=>i("/details","PATCH",{flow:n})}),S&&e.createElement(ct,{node:S,fields:D?.fields||{},holds:D?.records||{},labels:D?.labels||{},recordLabels:D?.record_labels||{},choices:at(S,D),onClose:()=>m(null),onSave:n=>i(`/steps/${S.id}`,"PATCH",{config:n}),onDelete:()=>{m(null),i(`/steps/${S.id}`,"DELETE")}}))},zt=Ne;tt("alembic/flow-editor",zt);document.addEventListener("alembic:flow-named",t=>{let o=document.querySelector("[data-flow-heading]");o&&(o.textContent=t.detail)});rt(document,K);})();

data/app/controllers/alembic/manage/canvas_controller.rb

@@ -1,183 +0,0 @@
-module Alembic
-  module Manage
-    class CanvasController < BaseController
-      include DrawsCanvas
-      def show
-        render json: canvas_payload(diagnostic)
-      end
-
-      def create
-        objections = Flow::Validator.new(document).violations
-        return render json: { error: refusal(objections) }, status: :unprocessable_entity if objections.any?
-
-        stood_at = diagnostic.current_definition_version&.number
-        diagnostic.create_version
-
-        render json: { notice: created(stood_at) }
-      end
-
-      def publish
-        objections = Flow::Validator.new(document).violations
-        return render json: { error: refusal(objections) }, status: :unprocessable_entity if objections.any?
-
-        ran = diagnostic.live_version&.number
-        diagnostic.publish
-
-        render json: { notice: published(ran) }
-      end
-
-      def details
-        diagnostic.update!(details_params)
-        render json: { notice: "Saved the flow's details." }
-      end
-
-      def undo
-        diagnostic.edit_history.undo_change
-        head :no_content
-      end
-
-      def redo
-        diagnostic.edit_history.redo_change
-        head :no_content
-      end
-
-      def add_step
-        apply(:added, params[:id]) do |flow|
-          next flow.insert(new_step, on: edge_endpoints, leaving: first_port) if placed_on_edge?
-          next flow.add(new_step).connect(from: params[:from], to: params[:id], on: params[:on].presence) if branched_from?
-
-          flow.add(new_step)
-        end
-      end
-
-      def configure_step
-        apply(:updated, params[:step]) { |flow| flow.configure(params[:step], coerced(flow, params[:step])) }
-      end
-
-      def move_step
-        apply(:moved, params[:step]) { |flow| flow.move(params[:step], on: edge_endpoints, leaving: port_for(params[:step])) }
-      end
-
-      def remove_step
-        return render json: { error: refusal_to_remove }, status: :unprocessable_entity if begins_the_flow?(params[:step])
-
-        apply(:removed, params[:step]) { |flow| flow.remove(params[:step]) }
-      end
-
-      def connect
-        apply(:connected, params[:from], params[:to]) { |flow| flow.connect(from: params[:from], to: params[:to], on: params[:on].presence) }
-      end
-
-      def disconnect
-        apply(:disconnected, params[:from], params[:to]) { |flow| flow.disconnect(from: params[:from], to: params[:to]) }
-      end
-
-      private
-
-      def apply(action = nil, *steps)
-        before = document.to_h
-        diagnostic.edit_history.record(yield(document), action, steps, before)
-        head :no_content
-      rescue Flow::InvalidEdit => invalid
-        render json: { error: invalid.message }, status: :unprocessable_entity
-      end
-
-      def diagnostic
-        @diagnostic ||= Flow::Definition.find(params[:flow_id])
-      end
-
-      def document
-        Flow::Document.new(diagnostic.document || diagnostic.definition || {})
-      end
-
-      def details_params
-        params.require(:flow).permit(:title, :summary, :start_label, :persists)
-      end
-
-      def new_step
-        { "id" => params.require(:id), "type" => params.require(:type) }
-      end
-
-      def first_port
-        first_value_of(Flow::Node.new(id: nil, type: params[:type], config: {}))
-      end
-
-      def port_for(id)
-        first_value_of(document.node(id))
-      end
-
-      def first_value_of(node)
-        return unless node && Flow.registry.registered?(node.type)
-
-        step_type = Flow.registry.fetch(node.type)
-        return unless step_type.routes?
-
-        step_type.outputs.flat_map { |output| output.values_for(node) }.first&.fetch("value", nil)&.to_s
-      end
-
-      def begins_the_flow?(id)
-        node = document.node(id)
-
-        node.present? && document.begins_here?(node)
-      end
-
-      def placed_on_edge?
-        params[:from].present? && params[:to].present?
-      end
-
-      def branched_from?
-        params[:from].present?
-      end
-
-      def edge_endpoints
-        [ params[:from], params[:to] ]
-      end
-
-      def configuration
-        params.fetch(:config, {}).permit!.to_h
-      end
-
-      def created(stood_at)
-        now_at = diagnostic.reload.current_definition_version&.number
-        return "Nothing has changed since version #{stood_at}." if now_at == stood_at
-
-        "Created version #{now_at}."
-      end
-
-      def published(ran)
-        now_at = diagnostic.reload.live_version&.number
-        return "Visitors already run version #{now_at}." if now_at == ran
-
-        "Published version #{now_at}. Visitors run it now."
-      end
-
-      def refusal_to_remove
-        "Cannot remove where a flow begins."
-      end
-
-      def refusal(objections)
-        "Cannot publish: #{objections.map { |problem| worded(problem) }.join(', ')}."
-      end
-
-      def worded(problem)
-        trouble = problem.problem.to_s.humanize(capitalize: false)
-
-        problem.node ? "“#{problem.node}” is #{trouble}" : trouble
-      end
-
-      def coerced(flow, id)
-        step_type = Flow::Digest.new(flow).step(id)&.type
-        return configuration unless step_type && Flow.registry.registered?(step_type)
-
-        settled(Flow.registry.fetch(step_type))
-      end
-
-      def settled(step_type)
-        step_type.settings.coerce(configuration).tap do |values|
-          objections = step_type.settings.objections(values)
-          raise Flow::InvalidEdit, objections.join(", ") if objections.any?
-        end
-      end
-    end
-  end
-end

data/app/controllers/alembic/manage/definitions_controller.rb

@@ -1,15 +0,0 @@
-module Alembic
-  module Manage
-    class DefinitionsController < BaseController
-      def edit
-        @diagnostic = Flow::Definition.find(params[:flow_id])
-      end
-
-      def update
-        @diagnostic = Flow::Definition.find(params[:flow_id])
-        @diagnostic.edit_history.edit_document(JSON.parse(params.require(:definition)))
-        redirect_to manage_flow_path(@diagnostic), notice: "Definition saved."
-      end
-    end
-  end
-end

data/app/controllers/alembic/manage/versions_controller.rb

@@ -1,22 +0,0 @@
-module Alembic
-  module Manage
-    class VersionsController < BaseController
-      def index
-        @diagnostic = diagnostic
-        @versions = @diagnostic.definition_versions.order(number: :desc)
-      end
-
-      def return
-        diagnostic.return_to(diagnostic.definition_versions.find(params[:id]))
-
-        redirect_to manage_flow_path(diagnostic), notice: "The flow is back to that version."
-      end
-
-      private
-
-      def diagnostic
-        @diagnostic ||= Flow::Definition.find(params[:flow_id])
-      end
-    end
-  end
-end

data/app/controllers/concerns/alembic/manage/draws_canvas.rb

@@ -1,35 +0,0 @@
-module Alembic
-  module Manage
-    module DrawsCanvas
-      extend ActiveSupport::Concern
-
-      private
-
-      def canvas_payload(diagnostic)
-        Flow::Canvas.new(canvas_document(diagnostic)).to_h
-          .merge("undoable" => diagnostic.edit_history.undoable?, "redoable" => diagnostic.edit_history.redoable?,
-                 "changes" => listed_changes(diagnostic), "flow" => flow_details(diagnostic))
-      end
-
-      def canvas_document(diagnostic)
-        Flow::Document.new(diagnostic.document || diagnostic.definition || {})
-      end
-
-      def listed_changes(diagnostic)
-        diagnostic.changes_since_version.to_a.map { |change| Flow::Change.phrase(change) }
-      end
-
-      def flow_details(diagnostic)
-        { "title" => diagnostic.title,
-          "slug" => diagnostic.slug,
-          "summary" => diagnostic.summary,
-          "start_label" => diagnostic.start_label,
-          "version" => diagnostic.current_definition_version&.number,
-          "published" => diagnostic.live_version&.number,
-          "definition_url" => edit_manage_flow_definition_path(diagnostic),
-          "details_url" => edit_manage_flow_path(diagnostic),
-          "history_url" => manage_flow_versions_path(diagnostic) }
-      end
-    end
-  end
-end