super 0.0.14 → 0.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dcc7c1db8a9e8c3a88b6fae8284f086f7e6ec66eb1190ce0164fa7252b4e2719
-  data.tar.gz: e5f9ab4bb05db043f3872a64c9766183518ff4d065568bdfb9bb31bf88c43359
+  metadata.gz: 7f2150ed8df48ecbdc8c2e2cdc9a7e4661d5b101f3bd179fe8d6cf539dec2307
+  data.tar.gz: a5377bf3a75715dd13e014ba47c5eb1d14e7c24f9dfeb0aae7e29683c6a13e7d
 SHA512:
-  metadata.gz: e1b0ec9d2fb309afbc2bc1ee7dc866e1f1f7515005f58d448cd3ee004170cd25a95029f94a17ae1decfb88459fa17d20cea9ca671a059922c5ccf6a53e399039
-  data.tar.gz: d96daea67a5bc024749a5523ee66375aef9760ff40bf3be8eaf53b4c526f85d94df9ceff529f58526102eb8d3d3e0c4cf4c97433414ebb7f88a3dda8bd468a68
+  metadata.gz: 92d351640382343c76fe914a4fac0838445bf1f7d1d00884f3f20d897131d280dac0f8a6a4d66ad2bde5ee6d801a9362fc8364eb8f99dad46621f9e640bf3ada
+  data.tar.gz: 1027b4d5e7ebd58189f1e8aec89b93578d36a71dadfcae7a04bb59a45129ac1967b7a800876a3ef659fb2777b2490cb52e3eb2f2a391510ad06e5da12ade6e23

data/README.md

@@ -14,8 +14,8 @@ application. It does this by having zero dependencies—this lets you update you
 app's dependencies without worrying about breaking your admin pages, and vice
 versa, update your admin pages without breaking your app.
 
-Note: There may be lots of breaking changes since Super is still fairly young.
-See the [stability doc](./STABILITY.md) for an idea of what might be changed.
+Note: Super is under active development and will likely have a few more breaking
+changes before 1.0.
 
 
 ## Features

data/app/assets/javascripts/super/application.js

@@ -237,7 +237,7 @@ var Super = (function (exports) {
 
   /*
   Unobtrusive JavaScript
-  https://github.com/rails/rails/blob/master/actionview/app/assets/javascripts
+  https://github.com/rails/rails/blob/main/actionview/app/assets/javascripts
   Released under the MIT license
    */
   createCommonjsModule(function (module) {
@@ -413,7 +413,7 @@ var Super = (function (exports) {
         }).call(this);
         (function () {
           var AcceptHeaders, CSRFProtection, createXHR, cspNonce, prepareOptions, processResponse;
-          cspNonce = Rails.cspNonce, CSRFProtection = Rails.CSRFProtection, Rails.fire;
+          cspNonce = Rails.cspNonce, CSRFProtection = Rails.CSRFProtection;
           AcceptHeaders = {
             '*': '*/*',
             text: 'text/plain',
@@ -489,9 +489,9 @@ var Super = (function (exports) {
 
             if (!options.crossDomain) {
               xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+              CSRFProtection(xhr);
             }
 
-            CSRFProtection(xhr);
             xhr.withCredentials = !!options.withCredentials;
 
             xhr.onreadystatechange = function () {
@@ -3975,7 +3975,7 @@ var Super = (function (exports) {
     };
   }
 
-  var _default$6 = /*#__PURE__*/function (_Controller) {
+  var _default$8 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -4004,7 +4004,7 @@ var Super = (function (exports) {
     return _default;
   }(Controller);
 
-  var _default$5 = /*#__PURE__*/function (_Controller) {
+  var _default$7 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -4040,7 +4040,7 @@ var Super = (function (exports) {
     return _default;
   }(Controller);
 
-  var _default$4 = /*#__PURE__*/function (_Controller) {
+  var _default$6 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -4064,7 +4064,7 @@ var Super = (function (exports) {
     return _default;
   }(Controller);
 
-  var _default$3 = /*#__PURE__*/function (_Controller) {
+  var _default$5 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -4094,7 +4094,7 @@ var Super = (function (exports) {
     return _default;
   }(Controller);
 
-  var _default$2 = /*#__PURE__*/function (_Controller) {
+  var _default$4 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -6354,7 +6354,7 @@ var Super = (function (exports) {
     window.flatpickr = flatpickr;
   }
 
-  var _default$1 = /*#__PURE__*/function (_Controller) {
+  var _default$3 = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
     var _super = _createSuper(_default);
@@ -6382,6 +6382,137 @@ var Super = (function (exports) {
     return _default;
   }(Controller);
 
+  var _default$2 = /*#__PURE__*/function (_Controller) {
+    _inherits(_default, _Controller);
+
+    var _super = _createSuper(_default);
+
+    function _default() {
+      _classCallCheck(this, _default);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(_default, [{
+      key: "connect",
+      value: function connect() {
+        var _this = this;
+
+        this.tabTargets.forEach(function (tab) {
+          tab.tabContainer = _this;
+        });
+      }
+    }, {
+      key: "activeTabIdentifier",
+      get: function get() {
+        return this.controlTarget.value;
+      }
+    }, {
+      key: "change",
+      value: function change(event) {
+        this.update(event.target.value);
+      }
+    }, {
+      key: "update",
+      value: function update(newActiveTabIdentifier) {
+        var _this2 = this;
+
+        this.tabTargets.forEach(function (tab) {
+          var tabController = _this2.application.getControllerForElementAndIdentifier(tab, _this2.tabControllerNameValue);
+
+          if (tab.dataset[_this2.tabIdentifierGetterValue] == newActiveTabIdentifier) {
+            tabController.show();
+          } else {
+            tabController.hide();
+          }
+        });
+      }
+    }], [{
+      key: "targets",
+      get: function get() {
+        return ["control", "tab"];
+      }
+    }, {
+      key: "values",
+      get: function get() {
+        return {
+          tabIdentifierGetter: String,
+          tabControllerName: String
+        };
+      }
+    }]);
+
+    return _default;
+  }(Controller);
+
+  var _default$1 = /*#__PURE__*/function (_Controller) {
+    _inherits(_default, _Controller);
+
+    var _super = _createSuper(_default);
+
+    function _default() {
+      _classCallCheck(this, _default);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(_default, [{
+      key: "connect",
+      value: function connect() {
+        var tabContainer = this.element[this.tabContainerGetterValue];
+
+        if (tabContainer.activeTabIdentifier === this.identifierValue) {
+          this.show();
+        } else {
+          this.hide();
+        }
+      }
+    }, {
+      key: "toggle",
+      value: function toggle() {
+        if (this.hasContentTarget) {
+          this.hide();
+        } else {
+          this.show();
+        }
+      }
+    }, {
+      key: "show",
+      value: function show() {
+        if (this.hasContentTarget) {
+          return;
+        }
+
+        var pocketContent = this.pocketTarget.content.cloneNode(true);
+        this.element.appendChild(pocketContent);
+      }
+    }, {
+      key: "hide",
+      value: function hide() {
+        if (!this.hasContentTarget) {
+          return;
+        }
+
+        this.contentTarget.remove();
+      }
+    }], [{
+      key: "targets",
+      get: function get() {
+        return ["pocket", "content"];
+      }
+    }, {
+      key: "values",
+      get: function get() {
+        return {
+          identifier: String,
+          tabContainerGetter: String
+        };
+      }
+    }]);
+
+    return _default;
+  }(Controller);
+
   var _default = /*#__PURE__*/function (_Controller) {
     _inherits(_default, _Controller);
 
@@ -6412,12 +6543,14 @@ var Super = (function (exports) {
   }(Controller);
 
   var StimulusApplication = Application.start();
-  StimulusApplication.register("apply-template", _default$6);
-  StimulusApplication.register("clean-filter-param", _default$5);
-  StimulusApplication.register("clean-filter-params", _default$4);
-  StimulusApplication.register("click-outside-to-close", _default$3);
-  StimulusApplication.register("delete", _default$2);
-  StimulusApplication.register("flatpickr", _default$1);
+  StimulusApplication.register("apply-template", _default$8);
+  StimulusApplication.register("clean-filter-param", _default$7);
+  StimulusApplication.register("clean-filter-params", _default$6);
+  StimulusApplication.register("click-outside-to-close", _default$5);
+  StimulusApplication.register("delete", _default$4);
+  StimulusApplication.register("flatpickr", _default$3);
+  StimulusApplication.register("tab-container", _default$2);
+  StimulusApplication.register("tab", _default$1);
   StimulusApplication.register("toggle-pending-destruction", _default);
 
   exports.StimulusApplication = StimulusApplication;

data/app/assets/stylesheets/super/application.css

@@ -1,6 +1,6 @@
-/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */
 
-/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 
 /*
 Document
@@ -12,8 +12,8 @@ Use a better box model (opinionated).
 */
 
 *,
-*::before,
-*::after {
+::before,
+::after {
   box-sizing: border-box;
 }
 
@@ -21,7 +21,7 @@ Use a better box model (opinionated).
 Use a more readable tab size (opinionated).
 */
 
-:root {
+html {
   -moz-tab-size: 4;
   -o-tab-size: 4;
      tab-size: 4;
@@ -1475,28 +1475,21 @@ span.flatpickr-day.selected {
 .super-input:focus {
   --tw-border-opacity: 1;
   border-color: rgba(99, 179, 237, var(--tw-border-opacity));
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 
-.super-input-select {
-  position: relative;
+.super-input:disabled {
+  opacity: 0.5;
+  --tw-bg-opacity: 1;
+  background-color: rgba(247, 250, 252, var(--tw-bg-opacity));
 }
 
-.super-input-select-field {
+.super-input-select {
   padding-right: 2rem;
-  width: 100%;
-}
-
-.super-input-select-icon {
-  pointer-events: none;
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  right: 0px;
-  display: flex;
-  align-items: center;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  fill: currentColor;
+  background-repeat: no-repeat;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b6cb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpolyline points='6 9 12 15 18 9'/%3E %3C/svg%3E");
+  background-position: right 0.5rem center;
 }
 
 .super-button {

data/app/controllers/super/application_controller.rb

@@ -2,76 +2,78 @@
 
 module Super
   # Provides a default implementation for each of the resourceful actions
-  class ApplicationController < ActionController::Base
+  class ApplicationController < SubstructureController
     include ClientError::Handling
 
-    helper_method :action_inquirer
-    helper_method :controls
-    helper_method :navigation
+    helper_method :current_action
 
     # Displays a list of records to the user
     def index
-      @records = controls.load_records(action: action_inquirer, params: params)
-      @display = controls.display_schema(action: action_inquirer).apply(action: action_inquirer)
-      @view = controls.index_view
-      @query_form = controls.initialize_query_form(params: params, current_path: request.path)
-      controls.initialize_filter_form(query_form: @query_form)
-      controls.initialize_sort_form(query_form: @query_form)
-      @records = controls.apply_queries(query_form: @query_form, records: @records)
+      @records = load_records
+      @display = display_schema.apply(action: current_action, format: request.format)
+      @view = index_view
+      @query_form = initialize_query_form
+      initialize_filter_form
+      initialize_sort_form
+      @records = apply_queries
     end
 
     # Displays a specific record to the user
     def show
-      @record = controls.load_record(action: action_inquirer, params: params)
-      @display = controls.display_schema(action: action_inquirer).apply(action: action_inquirer)
-      @view = controls.show_view
+      @record = load_record
+      @display = display_schema.apply(action: current_action, format: request.format)
+      @view = show_view
     end
 
     # Displays a form to allow the user to create a new record
     def new
-      @record = controls.build_record(action: action_inquirer)
-      @form = controls.form_schema(action: action_inquirer)
-      @view = controls.new_view
+      @record = build_record
+      @form = form_schema
+      @view = new_view
     end
 
     # Creates a record, or shows the validation errors
     def create
-      @record = controls.build_record_with_params(action: action_inquirer, params: params)
+      @record = build_record
+      set_record_attributes
 
-      if controls.save_record(action: action_inquirer, record: @record, params: params)
+      if save_record
         redirect_to polymorphic_path(Super::Link.polymorphic_parts(@record))
       else
-        @form = controls.form_schema(action: action_inquirer_for("new"))
-        @view = controls.new_view
+        @current_action = ActionInquirer.new!
+        @form = form_schema
+        @view = new_view
         render :new, status: :bad_request
       end
     end
 
     # Displays a form to allow the user to update an existing record
     def edit
-      @record = controls.load_record(action: action_inquirer, params: params)
-      @form = controls.form_schema(action: action_inquirer)
-      @view = controls.edit_view
+      @record = load_record
+      @form = form_schema
+      @view = edit_view
     end
 
     # Updates a record, or shows validation errors
     def update
-      @record = controls.load_record(action: action_inquirer, params: params)
+      @record = load_record
+      set_record_attributes
 
-      if controls.update_record(action: action_inquirer, record: @record, params: params)
+      if save_record
         redirect_to polymorphic_path(Super::Link.polymorphic_parts(@record))
       else
-        @form = controls.form_schema(action: action_inquirer_for("edit"))
-        @view = controls.edit_view
+        @current_action = ActionInquirer.edit!
+        @form = form_schema
+        @view = edit_view
         render :edit, status: :bad_request
       end
     end
 
     # Deletes a record, or shows validation errors
     def destroy
-      @record = controls.load_record(action: action_inquirer, params: params)
+      @record = load_record
 
-      if controls.destroy_record(action: action_inquirer, record: @record, params: params)
+      if destroy_record
         redirect_to polymorphic_path(Super::Link.polymorphic_parts(@record))
       else
         flash.alert = "Couldn't delete record"
@@ -84,23 +86,23 @@ module Super
 
     private
 
-    def controls
-      @controls ||= new_controls
+    def current_action
+      @current_action ||=
+        ActionInquirer.new(
+          ActionInquirer.default_for_resources,
+          params[:action]
+        )
     end
 
-    def action_inquirer
-      @action_inquirer ||= action_inquirer_for(params[:action])
-    end
-
-    def action_inquirer_for(action)
-      ActionInquirer.new(
+    def with_current_action(action)
+      original = @current_action
+      @current_action = ActionInquirer.new(
         ActionInquirer.default_for_resources,
         action
       )
-    end
-
-    def navigation
-      Navigation.new(&:all)
+      yield
+    ensure
+      @current_action = original
     end
   end
 end