rails-active-ui 0.1.0

data/app/javascript/visibility.min.js

@@ -0,0 +1,11 @@
+/*
+ * # Fomantic UI - 2.9.4
+ * https://github.com/fomantic/Fomantic-UI
+ * https://fomantic-ui.com/
+ *
+ * Copyright 2026 Contributors
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+!function(k,T,O){"use strict";function A(e){return"function"==typeof e&&"number"!=typeof e.nodeType}T=void 0!==T&&T.Math===Math?T:globalThis,k.fn.visibility=function(...e){const o=k(this);let p=Date.now(),h=[];const P=e[0],x="string"==typeof P,y=e.slice(1),C=function(e,o){let n;return[T,O].includes(e)?n=k(e):0===(n=k(o.document).find(e)).length&&(n=o.frameElement?C(e,o.parent):T),n};let S;const V=o.length;let R=0;return o.each(function(){const i=k.isPlainObject(P)?k.extend(!0,{},k.fn.visibility.settings,P):k.extend({},k.fn.visibility.settings),n=i.className;var e=i.namespace;const r=i.error,o=i.metadata,t="."+e,s="module-"+e,c=k(T),a=k(this),l=C(i.context,T);let d,u=a.data(s);const f=this;let b=!1,v,g;const m={initialize:function(){m.debug("Initializing",i),m.setup.cache(),m.should.trackChanges()&&("image"===i.type&&m.setup.image(),"fixed"===i.type&&m.setup.fixed(),i.observeChanges&&m.observeChanges(),m.bind.events()),m.save.position(),m.is.visible()||m.error(r.visible,a),i.initialCheck&&m.checkVisibility(),m.instantiate()},instantiate:function(){m.debug("Storing instance",m),a.data(s,m),u=m},destroy:function(){m.verbose("Destroying previous module"),g&&g.disconnect(),v&&v.disconnect(),c.off("load"+t,m.event.load).off("resize"+t,m.event.resize),l.off("scroll"+t,m.event.scroll).off("scrollchange"+t,m.event.scrollchange),"fixed"===i.type&&(m.resetFixed(),m.remove.placeholder()),a.off(t).removeData(s)},observeChanges:function(){v=new MutationObserver(m.event.contextChanged),g=new MutationObserver(m.event.changed),v.observe(O,{childList:!0,subtree:!0}),g.observe(f,{childList:!0,subtree:!0}),m.debug("Setting up mutation observer",g)},bind:{events:function(){m.verbose("Binding visibility events to scroll and resize"),i.refreshOnLoad&&c.on("load"+t,m.event.load),c.on("resize"+t,m.event.resize),l.off("scroll"+t).on("scroll"+t,m.event.scroll).on("scrollchange"+t,m.event.scrollchange)}},event:{changed:function(e){m.verbose("DOM tree modified, updating visibility calculations"),m.timer=setTimeout(function(){m.verbose("DOM tree modified, updating sticky menu"),m.refresh()},100)},contextChanged:function(e){for(const o of e)for(const n of o.removedNodes)(n===f||0<k(n).find(f).length)&&(m.debug("Element removed from DOM, tearing down events"),m.destroy())},resize:function(){m.debug("Window resized"),i.refreshOnResize&&requestAnimationFrame(m.refresh)},load:function(){m.debug("Page finished loading"),requestAnimationFrame(m.refresh)},scroll:function(){i.throttle?(clearTimeout(m.timer),m.timer=setTimeout(function(){l.triggerHandler("scrollchange"+t,[l.scrollTop()])},i.throttle)):requestAnimationFrame(function(){l.triggerHandler("scrollchange"+t,[l.scrollTop()])})},scrollchange:function(e,o){m.checkVisibility(o)}},precache:function(e,o){let n=(e=Array.isArray(e)?e:[e]).length,t=0;const i=[];let s=O.createElement("img");for(var c=function(){++t>=e.length&&A(o)&&o()};n--;)(s=O.createElement("img")).addEventListener("load",c),s.addEventListener("error",c),s.src=e[n],i.push(s)},enableCallbacks:function(){m.debug("Allowing callbacks to occur"),b=!1},disableCallbacks:function(){m.debug("Disabling all callbacks temporarily"),b=!0},should:{trackChanges:function(){return x?(m.debug("One time query, no need to bind events"),!1):(m.debug("Callbacks being attached"),!0)}},setup:{cache:function(){m.cache={occurred:{},screen:{},element:{}}},image:function(){const e=a.data(o.src);e&&(m.verbose("Lazy loading image",e),i.once=!0,i.observeChanges=!1,i.onOnScreen=function(){m.debug("Image on screen",f),m.precache(e,function(){m.set.image(e,function(){++R===V&&i.onAllLoaded.call(this),i.onLoad.call(this)})})})},fixed:function(){m.debug("Setting up fixed"),i.once=!1,i.observeChanges=!1,i.initialCheck=!0,i.refreshOnLoad=!0,P.transition||(i.transition=!1),m.create.placeholder(),m.debug("Added placeholder",d),i.onTopPassed=function(){m.debug("Element passed, adding fixed position",a),m.show.placeholder(),m.set.fixed(),i.transition&&void 0!==k.fn.transition&&a.transition(i.transition,i.duration)},i.onTopPassedReverse=function(){m.debug("Element returned to position, removing fixed",a),m.hide.placeholder(),m.remove.fixed()}}},create:{placeholder:function(){m.verbose("Creating fixed position placeholder"),d=a.clone(!1).css("display","none").addClass(n.placeholder).insertAfter(a)}},show:{placeholder:function(){m.verbose("Showing placeholder"),d.css("display","block").css("visibility","hidden")}},hide:{placeholder:function(){m.verbose("Hiding placeholder"),d.css("display","none").css("visibility","")}},set:{fixed:function(){m.verbose("Setting element to fixed position"),a.addClass(n.fixed).css({position:"fixed",top:i.offset+"px",left:"auto",zIndex:i.zIndex}),i.onFixed.call(f)},image:function(e,o){a.attr("src",e),i.transition?void 0!==k.fn.transition?a.hasClass(n.visible)?m.debug("Transition already occurred on this image, skipping animation"):a.transition(i.transition,i.duration,o):a.fadeIn(i.duration,o):a.show()}},is:{onScreen:function(){return m.get.elementCalculations().onScreen},offScreen:function(){return m.get.elementCalculations().offScreen},visible:function(){return!(!m.cache||!m.cache.element)&&!(0===m.cache.element.width&&0===m.cache.element.offset.top)},verticallyScrollableContext:function(){var e=l[0]!==T&&l.css("overflow-y");return"auto"===e||"scroll"===e},horizontallyScrollableContext:function(){var e=l[0]!==T&&l.css("overflow-x");return"auto"===e||"scroll"===e}},refresh:function(){m.debug("Refreshing constants (width/height)"),"fixed"===i.type&&m.resetFixed(),m.reset(),m.save.position(),i.checkOnRefresh&&m.checkVisibility(),i.onRefresh.call(f)},resetFixed:function(){m.remove.fixed(),m.remove.occurred()},reset:function(){m.verbose("Resetting all cached values"),k.isPlainObject(m.cache)&&(m.cache.screen={},m.cache.element={})},checkVisibility:function(e){m.verbose("Checking visibility of element",m.cache.element),!b&&m.is.visible()&&(m.save.scroll(e),m.save.calculations(),m.passed(),m.passingReverse(),m.topVisibleReverse(),m.bottomVisibleReverse(),m.topPassedReverse(),m.bottomPassedReverse(),m.onScreen(),m.offScreen(),m.passing(),m.topVisible(),m.bottomVisible(),m.topPassed(),m.bottomPassed(),i.onUpdate&&i.onUpdate.call(f,m.get.elementCalculations()))},passed:function(e,o){const n=m.get.elementCalculations();if(e&&o)i.onPassed[e]=o;else{if(void 0!==e)return m.get.pixelsPassed(e)>n.pixelsPassed;n.passing&&k.each(i.onPassed,function(e,o){n.bottomVisible||n.pixelsPassed>m.get.pixelsPassed(e)?m.execute(o,e):i.once||m.remove.occurred(o)})}},onScreen:function(e){var o=m.get.elementCalculations(),n=e||i.onOnScreen,t="onScreen";if(e&&(m.debug("Adding callback for onScreen",e),i.onOnScreen=e),o.onScreen?m.execute(n,t):i.once||m.remove.occurred(t),void 0!==e)return o.onOnScreen},offScreen:function(e){var o=m.get.elementCalculations(),n=e||i.onOffScreen,t="offScreen";if(e&&(m.debug("Adding callback for offScreen",e),i.onOffScreen=e),o.offScreen?m.execute(n,t):i.once||m.remove.occurred(t),void 0!==e)return o.onOffScreen},passing:function(e){var o=m.get.elementCalculations(),n=e||i.onPassing,t="passing";if(e&&(m.debug("Adding callback for passing",e),i.onPassing=e),o.passing?m.execute(n,t):i.once||m.remove.occurred(t),void 0!==e)return o.passing},topVisible:function(e){var o=m.get.elementCalculations(),n=e||i.onTopVisible,t="topVisible";if(e&&(m.debug("Adding callback for top visible",e),i.onTopVisible=e),o.topVisible?m.execute(n,t):i.once||m.remove.occurred(t),void 0===e)return o.topVisible},bottomVisible:function(e){var o=m.get.elementCalculations(),n=e||i.onBottomVisible,t="bottomVisible";if(e&&(m.debug("Adding callback for bottom visible",e),i.onBottomVisible=e),o.bottomVisible?m.execute(n,t):i.once||m.remove.occurred(t),void 0===e)return o.bottomVisible},topPassed:function(e){var o=m.get.elementCalculations(),n=e||i.onTopPassed,t="topPassed";if(e&&(m.debug("Adding callback for top passed",e),i.onTopPassed=e),o.topPassed?m.execute(n,t):i.once||m.remove.occurred(t),void 0===e)return o.topPassed},bottomPassed:function(e){var o=m.get.elementCalculations(),n=e||i.onBottomPassed,t="bottomPassed";if(e&&(m.debug("Adding callback for bottom passed",e),i.onBottomPassed=e),o.bottomPassed?m.execute(n,t):i.once||m.remove.occurred(t),void 0===e)return o.bottomPassed},passingReverse:function(e){var o=m.get.elementCalculations(),n=e||i.onPassingReverse,t="passingReverse";if(e&&(m.debug("Adding callback for passing reverse",e),i.onPassingReverse=e),o.passing?i.once||m.remove.occurred(t):m.get.occurred("passing")&&m.execute(n,t),void 0!==e)return!o.passing},topVisibleReverse:function(e){var o=m.get.elementCalculations(),n=e||i.onTopVisibleReverse,t="topVisibleReverse";if(e&&(m.debug("Adding callback for top visible reverse",e),i.onTopVisibleReverse=e),o.topVisible?i.once||m.remove.occurred(t):m.get.occurred("topVisible")&&m.execute(n,t),void 0===e)return!o.topVisible},bottomVisibleReverse:function(e){var o=m.get.elementCalculations(),n=e||i.onBottomVisibleReverse,t="bottomVisibleReverse";if(e&&(m.debug("Adding callback for bottom visible reverse",e),i.onBottomVisibleReverse=e),o.bottomVisible?i.once||m.remove.occurred(t):m.get.occurred("bottomVisible")&&m.execute(n,t),void 0===e)return!o.bottomVisible},topPassedReverse:function(e){var o=m.get.elementCalculations(),n=e||i.onTopPassedReverse,t="topPassedReverse";if(e&&(m.debug("Adding callback for top passed reverse",e),i.onTopPassedReverse=e),o.topPassed?i.once||m.remove.occurred(t):m.get.occurred("topPassed")&&m.execute(n,t),void 0===e)return!o.onTopPassed},bottomPassedReverse:function(e){var o=m.get.elementCalculations(),n=e||i.onBottomPassedReverse,t="bottomPassedReverse";if(e&&(m.debug("Adding callback for bottom passed reverse",e),i.onBottomPassedReverse=e),o.bottomPassed?i.once||m.remove.occurred(t):m.get.occurred("bottomPassed")&&m.execute(n,t),void 0===e)return!o.bottomPassed},execute:function(e=!1,o=""){var n=m.get.elementCalculations(),t=m.get.screenCalculations();A(e)&&(i.continuous?(m.debug("Callback being called continuously",o,n),e.call(f,n,t)):m.get.occurred(o)||(m.debug("Conditions met",o,n),e.call(f,n,t))),m.save.occurred(o)},remove:{fixed:function(){m.debug("Removing fixed position"),a.removeClass(n.fixed).css({position:"",top:"",left:"",zIndex:""}),i.onUnfixed.call(f)},placeholder:function(){m.debug("Removing placeholder content"),d&&d.remove()},occurred:function(e){var o;e?void 0!==(o=m.cache.occurred)[e]&&!0===o[e]&&(m.debug("Callback can now be called again",e),m.cache.occurred[e]=!1):m.cache.occurred={}}},save:{calculations:function(){m.verbose("Saving all calculations necessary to determine positioning"),m.save.direction(),m.save.screenCalculations(),m.save.elementCalculations()},occurred:function(e){!e||void 0!==m.cache.occurred[e]&&!0===m.cache.occurred[e]||(m.verbose("Saving callback occurred",e),m.cache.occurred[e]=!0)},scroll:function(e){e=e+i.offset||l.scrollTop()+i.offset,m.cache.scroll=e},direction:function(){var e=m.get.scroll(),o=m.get.lastScroll();let n;return n=o<e&&o?"down":e<o&&o?"up":"static",m.cache.direction=n,m.cache.direction},elementPosition:function(){const e=m.cache.element;var o=m.get.screenSize();return m.verbose("Saving element position"),e.fits=e.height<o.height,e.offset=a.offset(),e.width=a.outerWidth(),e.height=a.outerHeight(),m.is.verticallyScrollableContext()&&(e.offset.top+=l.scrollTop()-l.offset().top),m.is.horizontallyScrollableContext()&&(e.offset.left+=l.scrollLeft()-l.offset().left),m.cache.element=e},elementCalculations:function(){var e=m.get.screenCalculations();const o=m.get.elementPosition();return i.includeMargin?(o.margin={},o.margin.top=Number.parseInt(a.css("margin-top"),10),o.margin.bottom=Number.parseInt(a.css("margin-bottom"),10),o.top=o.offset.top-o.margin.top,o.bottom=o.offset.top+o.height+o.margin.bottom):(o.top=o.offset.top,o.bottom=o.offset.top+o.height),o.topPassed=e.top>=o.top,o.bottomPassed=e.top>=o.bottom,o.topVisible=e.bottom>=o.top&&!o.topPassed,o.bottomVisible=e.bottom>=o.bottom&&!o.bottomPassed,o.pixelsPassed=0,o.percentagePassed=0,o.onScreen=(o.topVisible||o.passing)&&!o.bottomPassed,o.passing=o.topPassed&&!o.bottomPassed,o.offScreen=!o.onScreen,o.passing&&(o.pixelsPassed=e.top-o.top,o.percentagePassed=(e.top-o.top)/o.height),m.cache.element=o,m.verbose("Updated element calculations",o),o},screenCalculations:function(){var e=m.get.scroll();return m.save.direction(),m.cache.screen.top=e,m.cache.screen.bottom=e+m.cache.screen.height,m.cache.screen},screenSize:function(){m.verbose("Saving window position"),m.cache.screen={height:l.height()}},position:function(){m.save.screenSize(),m.save.elementPosition()}},get:{pixelsPassed:function(e){var o=m.get.elementCalculations();return-1<e.search("%")?o.height*(Number.parseInt(e,10)/100):Number.parseInt(e,10)},occurred:function(e){return void 0!==m.cache.occurred&&m.cache.occurred[e]||!1},direction:function(){return void 0===m.cache.direction&&m.save.direction(),m.cache.direction},elementPosition:function(){return void 0===m.cache.element&&m.save.elementPosition(),m.cache.element},elementCalculations:function(){return void 0===m.cache.element&&m.save.elementCalculations(),m.cache.element},screenCalculations:function(){return void 0===m.cache.screen&&m.save.screenCalculations(),m.cache.screen},screenSize:function(){return void 0===m.cache.screen&&m.save.screenSize(),m.cache.screen},scroll:function(){return void 0===m.cache.scroll&&m.save.scroll(),m.cache.scroll},lastScroll:function(){return void 0===m.cache.screen?(m.debug("First scroll event, no last scroll could be found"),!1):m.cache.screen.top}},setting:function(e,o){if(k.isPlainObject(e))k.extend(!0,i,e);else{if(void 0===o)return i[e];i[e]=o}},internal:function(e,o){if(k.isPlainObject(e))k.extend(!0,m,e);else{if(void 0===o)return m[e];m[e]=o}},debug:function(...e){!i.silent&&i.debug&&(i.performance?m.performance.log(e):(m.debug=Function.prototype.bind.call(console.info,console,i.name+":"),m.debug.apply(console,e)))},verbose:function(...e){!i.silent&&i.verbose&&i.debug&&(i.performance?m.performance.log(e):(m.verbose=Function.prototype.bind.call(console.info,console,i.name+":"),m.verbose.apply(console,e)))},error:function(...e){i.silent||(m.error=Function.prototype.bind.call(console.error,console,i.name+":"),m.error.apply(console,e))},performance:{log:function(e){var o,n;i.performance&&(n=(o=Date.now())-(p||o),p=o,h.push({Name:e[0],Arguments:e.slice(1),Element:f,"Execution Time":n})),clearTimeout(m.performance.timer),m.performance.timer=setTimeout(function(){m.performance.display()},500)},display:function(){var e=i.name+":";let n=0;p=!1,clearTimeout(m.performance.timer),k.each(h,function(e,o){n+=o["Execution Time"]}),e+=" "+n+"ms",0<h.length&&(console.groupCollapsed(e),console.table(h),console.groupEnd()),h=[]}},invoke:function(t,e=y,o=f){let i=u,s,c,n;return"string"==typeof t&&void 0!==i&&(t=t.split(/[ .]/),s=t.length-1,k.each(t,function(e,o){var n=e!==s?o+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(k.isPlainObject(i[n])&&e!==s)i=i[n];else{if(void 0!==i[n])return c=i[n],!1;{if(!k.isPlainObject(i[o])||e===s)return void 0!==i[o]?c=i[o]:m.error(r.method,t),!1;i=i[o]}}})),A(c)?n=c.apply(o,e):void 0!==c&&(n=c),Array.isArray(S)?S.push(n):void 0!==S?S=[S,n]:void 0!==n&&(S=n),c}};x?(void 0===u&&m.initialize(),u.save.scroll(),u.save.calculations(),m.invoke(P)):(void 0!==u&&u.invoke("destroy"),m.initialize())}),void 0!==S?S:this},k.fn.visibility.settings={name:"Visibility",namespace:"visibility",debug:!1,verbose:!1,performance:!0,observeChanges:!0,initialCheck:!0,refreshOnLoad:!0,refreshOnResize:!0,checkOnRefresh:!0,once:!0,continuous:!1,offset:0,includeMargin:!1,context:T,throttle:!1,type:!1,zIndex:"10",transition:"fade in",duration:1e3,onPassed:{},onOnScreen:!1,onOffScreen:!1,onPassing:!1,onTopVisible:!1,onBottomVisible:!1,onTopPassed:!1,onBottomPassed:!1,onPassingReverse:!1,onTopVisibleReverse:!1,onBottomVisibleReverse:!1,onTopPassedReverse:!1,onBottomPassedReverse:!1,onLoad:function(){},onAllLoaded:function(){},onFixed:function(){},onUnfixed:function(){},onUpdate:!1,onRefresh:function(){},metadata:{src:"src"},className:{fixed:"fixed",placeholder:"constraint",visible:"visible"},error:{method:"The method you called is not defined.",visible:"Element is hidden, you must call refresh after element becomes visible"}}}(jQuery,window,document);

data/app/lib/component.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+# The Ancestral Component
+#
+# All components descend from this class. It provides:
+# - ActiveModel::Attributes for declarative attribute definitions
+# - Named slots via the `slot` class macro
+# - The `render_in` contract: block capture, HTML safety, dev annotations
+#
+# See: specs/the-holy-view-spec.md, specs/the-holy-slot-spec.md
+
+class Component
+  include ActiveModel::Model
+  include ActiveModel::Attributes
+
+  class_attribute :slot_names, default: []
+
+  def self.default(**overrides)
+    overrides.each do |name, value|
+      type = attribute_types.fetch(name.to_s).type
+      attribute name, type, default: value
+    end
+  end
+
+  def self.slot(name)
+    self.slot_names = slot_names + [ name ]
+
+    define_method(name) { |&block|
+      @slots[name] = @view_context.capture(&block)
+    }
+  end
+
+  def render_in(context, &block)
+    @view_context = context
+    @slots = {}
+    @content = context.capture(self, &block) if block
+    @content = ERB::Util.html_escape(@content) unless @content.nil? || @content.html_safe?
+
+    if Rails.env.development?
+      "<!-- BEGIN #{self.class.name} -->#{self}<!-- END #{self.class.name} -->".html_safe
+    else
+      to_s
+    end
+  end
+
+  def to_s
+    raise NotImplementedError
+  end
+
+  private
+
+  def tag
+    @view_context.tag
+  end
+
+  def safe_join(parts, sep = nil)
+    @view_context.safe_join(parts.compact, sep)
+  end
+
+  def class_names(*args)
+    @view_context.class_names(*args)
+  end
+end

data/config/importmap.rb

@@ -0,0 +1,27 @@
+pin "ui", to: "ui/index.js"
+
+pin "ui/controllers/fui_site_controller", to: "ui/controllers/fui_site_controller.js"
+pin "ui/controllers/fui_form_controller", to: "ui/controllers/fui_form_controller.js"
+pin "ui/controllers/fui_accordion_controller", to: "ui/controllers/fui_accordion_controller.js"
+pin "ui/controllers/fui_api_controller", to: "ui/controllers/fui_api_controller.js"
+pin "ui/controllers/fui_calendar_controller", to: "ui/controllers/fui_calendar_controller.js"
+pin "ui/controllers/fui_checkbox_controller", to: "ui/controllers/fui_checkbox_controller.js"
+pin "ui/controllers/fui_dimmer_controller", to: "ui/controllers/fui_dimmer_controller.js"
+pin "ui/controllers/fui_dropdown_controller", to: "ui/controllers/fui_dropdown_controller.js"
+pin "ui/controllers/fui_embed_controller", to: "ui/controllers/fui_embed_controller.js"
+pin "ui/controllers/fui_flyout_controller", to: "ui/controllers/fui_flyout_controller.js"
+pin "ui/controllers/fui_modal_controller", to: "ui/controllers/fui_modal_controller.js"
+pin "ui/controllers/fui_nag_controller", to: "ui/controllers/fui_nag_controller.js"
+pin "ui/controllers/fui_popup_controller", to: "ui/controllers/fui_popup_controller.js"
+pin "ui/controllers/fui_progress_controller", to: "ui/controllers/fui_progress_controller.js"
+pin "ui/controllers/fui_rating_controller", to: "ui/controllers/fui_rating_controller.js"
+pin "ui/controllers/fui_search_controller", to: "ui/controllers/fui_search_controller.js"
+pin "ui/controllers/fui_shape_controller", to: "ui/controllers/fui_shape_controller.js"
+pin "ui/controllers/fui_sidebar_controller", to: "ui/controllers/fui_sidebar_controller.js"
+pin "ui/controllers/fui_slider_controller", to: "ui/controllers/fui_slider_controller.js"
+pin "ui/controllers/fui_state_controller", to: "ui/controllers/fui_state_controller.js"
+pin "ui/controllers/fui_sticky_controller", to: "ui/controllers/fui_sticky_controller.js"
+pin "ui/controllers/fui_tab_controller", to: "ui/controllers/fui_tab_controller.js"
+pin "ui/controllers/fui_toast_controller", to: "ui/controllers/fui_toast_controller.js"
+pin "ui/controllers/fui_transition_controller", to: "ui/controllers/fui_transition_controller.js"
+pin "ui/controllers/fui_visibility_controller", to: "ui/controllers/fui_visibility_controller.js"

data/config/initializers/ruby_template_handler.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+# The Sacred Template Handler
+#
+# Registers .html.ruby as a template format. View files are pure Ruby —
+# no angle brackets, no ERB sigils. All output flows through components
+# and the `text` helper method into the output buffer.
+#
+# In development, templates are annotated with HTML comments and metadata
+# so that browser dev tools can identify template boundaries.
+
+ActionView::Template.register_template_handler :ruby, ->(template, source) {
+  if Rails.env.development?
+    meta = {
+      path: template.short_identifier,
+      virtual_path: template.virtual_path,
+      format: template.format,
+      variant: template.variant
+    }.to_json.gsub('"', '\\"')
+
+    <<~RUBY
+      output_buffer << "<template data-view-meta='#{meta}'></template>\\n".html_safe
+      output_buffer << "<!-- BEGIN #{template.short_identifier} -->\\n".html_safe
+      #{source}
+      output_buffer << "<!-- END #{template.short_identifier} -->\\n".html_safe
+      output_buffer
+    RUBY
+  else
+    "#{source}\noutput_buffer"
+  end
+}

data/config/routes.rb

@@ -0,0 +1,2 @@
+Rails.application.routes.draw do
+end

data/lib/tasks/ui_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :ui do
+#   # Task goes here
+# end

data/lib/ui/engine.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module Ui
+  class Engine < ::Rails::Engine
+    initializer "ui.autoload_paths" do |app|
+      app.config.autoload_paths += [ root.join("app", "lib").to_s ]
+    end
+
+    initializer "ui.assets" do |app|
+      app.config.assets.paths << root.join("formantic-ui")
+      app.config.assets.paths << root.join("app/javascript")
+    end
+
+    initializer "ui.importmap", before: "importmap" do |app|
+      if app.config.respond_to?(:importmap)
+        app.config.importmap.paths << root.join("config/importmap.rb")
+      end
+    end
+
+    initializer "ui.helpers" do
+      ActiveSupport.on_load(:action_view) do
+        include ComponentHelper
+        include FuiHelper
+      end
+    end
+  end
+end

data/lib/ui/version.rb

@@ -0,0 +1,3 @@
+module Ui
+  VERSION = "0.1.0"
+end

data/lib/ui.rb

@@ -0,0 +1,6 @@
+require "ui/version"
+require "ui/engine"
+
+module Ui
+  # Your code goes here...
+end

metadata

@@ -0,0 +1,220 @@
+--- !ruby/object:Gem::Specification
+name: rails-active-ui
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- nathan
+bindir: bin
+cert_chain: []
+date: 1980-01-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 8.1.0
+description: ActiveModel::Attributes-based view components
+email:
+- nathankidd@hey.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Rakefile
+- app/assets/stylesheets.css
+- app/components/accordion_component.rb
+- app/components/ad_component.rb
+- app/components/api_component.rb
+- app/components/breadcrumb_component.rb
+- app/components/button_component.rb
+- app/components/calendar_component.rb
+- app/components/card_component.rb
+- app/components/checkbox_component.rb
+- app/components/column_component.rb
+- app/components/comment_component.rb
+- app/components/concerns/alignable.rb
+- app/components/concerns/attachable.rb
+- app/components/concerns/orientable.rb
+- app/components/concerns/positionable.rb
+- app/components/concerns/sizeable.rb
+- app/components/container_component.rb
+- app/components/dimmer_component.rb
+- app/components/divider_component.rb
+- app/components/dropdown_component.rb
+- app/components/embed_component.rb
+- app/components/emoji_component.rb
+- app/components/feed_component.rb
+- app/components/flag_component.rb
+- app/components/flyout_component.rb
+- app/components/form_component.rb
+- app/components/grid_component.rb
+- app/components/h_stack_component.rb
+- app/components/header_component.rb
+- app/components/icon_component.rb
+- app/components/image_component.rb
+- app/components/input_component.rb
+- app/components/item_component.rb
+- app/components/item_group_component.rb
+- app/components/label_component.rb
+- app/components/link_component.rb
+- app/components/list_component.rb
+- app/components/loader_component.rb
+- app/components/menu_component.rb
+- app/components/menu_item_component.rb
+- app/components/message_component.rb
+- app/components/modal_component.rb
+- app/components/nag_component.rb
+- app/components/overlay_component.rb
+- app/components/placeholder_component.rb
+- app/components/popup_component.rb
+- app/components/progress_component.rb
+- app/components/pusher_component.rb
+- app/components/rail_component.rb
+- app/components/rating_component.rb
+- app/components/reset_component.rb
+- app/components/reveal_component.rb
+- app/components/row_component.rb
+- app/components/search_component.rb
+- app/components/segment_component.rb
+- app/components/segment_group_component.rb
+- app/components/shape_component.rb
+- app/components/sidebar_component.rb
+- app/components/site_component.rb
+- app/components/slider_component.rb
+- app/components/state_component.rb
+- app/components/statistic_component.rb
+- app/components/step_component.rb
+- app/components/step_group_component.rb
+- app/components/sticky_component.rb
+- app/components/sub_header_component.rb
+- app/components/sub_menu_component.rb
+- app/components/tab_component.rb
+- app/components/table_cell_component.rb
+- app/components/table_component.rb
+- app/components/table_row_component.rb
+- app/components/text_component.rb
+- app/components/toast_component.rb
+- app/components/transition_component.rb
+- app/components/v_stack_component.rb
+- app/components/visibility_component.rb
+- app/helpers/component_helper.rb
+- app/helpers/fui_helper.rb
+- app/javascript/accordion.js
+- app/javascript/accordion.min.js
+- app/javascript/api.js
+- app/javascript/api.min.js
+- app/javascript/calendar.js
+- app/javascript/calendar.min.js
+- app/javascript/checkbox.js
+- app/javascript/checkbox.min.js
+- app/javascript/dimmer.js
+- app/javascript/dimmer.min.js
+- app/javascript/dropdown.js
+- app/javascript/dropdown.min.js
+- app/javascript/embed.js
+- app/javascript/embed.min.js
+- app/javascript/flyout.js
+- app/javascript/flyout.min.js
+- app/javascript/form.js
+- app/javascript/form.min.js
+- app/javascript/jquery.js
+- app/javascript/jquery.min.js
+- app/javascript/modal.js
+- app/javascript/modal.min.js
+- app/javascript/nag.js
+- app/javascript/nag.min.js
+- app/javascript/popup.js
+- app/javascript/popup.min.js
+- app/javascript/progress.js
+- app/javascript/progress.min.js
+- app/javascript/rating.js
+- app/javascript/rating.min.js
+- app/javascript/search.js
+- app/javascript/search.min.js
+- app/javascript/shape.js
+- app/javascript/shape.min.js
+- app/javascript/sidebar.js
+- app/javascript/sidebar.min.js
+- app/javascript/site.js
+- app/javascript/site.min.js
+- app/javascript/slider.js
+- app/javascript/slider.min.js
+- app/javascript/state.js
+- app/javascript/state.min.js
+- app/javascript/sticky.js
+- app/javascript/sticky.min.js
+- app/javascript/tab.js
+- app/javascript/tab.min.js
+- app/javascript/toast.js
+- app/javascript/toast.min.js
+- app/javascript/transition.js
+- app/javascript/transition.min.js
+- app/javascript/ui/controllers/fui_accordion_controller.js
+- app/javascript/ui/controllers/fui_api_controller.js
+- app/javascript/ui/controllers/fui_calendar_controller.js
+- app/javascript/ui/controllers/fui_checkbox_controller.js
+- app/javascript/ui/controllers/fui_dimmer_controller.js
+- app/javascript/ui/controllers/fui_dropdown_controller.js
+- app/javascript/ui/controllers/fui_embed_controller.js
+- app/javascript/ui/controllers/fui_flyout_controller.js
+- app/javascript/ui/controllers/fui_form_controller.js
+- app/javascript/ui/controllers/fui_modal_controller.js
+- app/javascript/ui/controllers/fui_nag_controller.js
+- app/javascript/ui/controllers/fui_popup_controller.js
+- app/javascript/ui/controllers/fui_progress_controller.js
+- app/javascript/ui/controllers/fui_rating_controller.js
+- app/javascript/ui/controllers/fui_search_controller.js
+- app/javascript/ui/controllers/fui_shape_controller.js
+- app/javascript/ui/controllers/fui_sidebar_controller.js
+- app/javascript/ui/controllers/fui_site_controller.js
+- app/javascript/ui/controllers/fui_slider_controller.js
+- app/javascript/ui/controllers/fui_state_controller.js
+- app/javascript/ui/controllers/fui_sticky_controller.js
+- app/javascript/ui/controllers/fui_tab_controller.js
+- app/javascript/ui/controllers/fui_toast_controller.js
+- app/javascript/ui/controllers/fui_transition_controller.js
+- app/javascript/ui/controllers/fui_visibility_controller.js
+- app/javascript/ui/index.js
+- app/javascript/visibility.js
+- app/javascript/visibility.min.js
+- app/lib/component.rb
+- config/importmap.rb
+- config/initializers/ruby_template_handler.rb
+- config/routes.rb
+- lib/tasks/ui_tasks.rake
+- lib/ui.rb
+- lib/ui/engine.rb
+- lib/ui/version.rb
+homepage: https://github.com/n-at-han-k/rails-active-ui
+licenses: []
+metadata:
+  homepage_uri: https://github.com/n-at-han-k/rails-active-ui
+  source_code_uri: https://github.com/n-at-han-k/rails-active-ui
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.7.2
+specification_version: 4
+summary: ActiveModel::Attributes-based view components
+test_files: []