satis 1.0.75 → 2.0.8

data/app/javascript/satis/utility_controllers/show_hide_controller.js

@@ -0,0 +1,71 @@
+import ApplicationController from "satis/controllers/application_controller"
+
+/*
+  Usage:
+
+  <div data-controller="show-hide">
+    <input type="checkbox" data-show-hide-target="input" />
+    <div data-show-hide-showable="true" data-show-hide-value="true">
+      This is shown when the show-hide.input value equates to true, it is hidden otherwise
+    </div>
+    <div data-show-hide-hidable="true" data-show-hide-value="true">
+      This is hidden when the show-hide.input value equates to true, it is shown otherwise
+    </div>
+  </div>
+ */
+export default class extends ApplicationController {
+  static targets = ["showable", "hidable", "input"]
+
+  connect() {
+    this.boundUpdate = this.update.bind(this)
+
+    this.watchOn = "input"
+    if (this.inputTarget.type == "hidden") {
+      this.watchOn = "change"
+    }
+
+    this.inputTarget.addEventListener(this.watchOn, this.boundUpdate)
+
+    this.update()
+  }
+
+  disconnect() {
+    this.inputTarget.removeEventListener(this.watchOn, this.boundUpdate)
+  }
+
+  update() {
+    this.toggle(this.currentValue)
+  }
+
+  toggle(value) {
+    if (this.hasShowableTarget) {
+      this.showableTargets.forEach((element) => {
+        if (element.getAttribute("data-show-hide-value") == value) {
+          element.classList.remove("hidden")
+        } else {
+          element.classList.add("hidden")
+        }
+      })
+    }
+    if (this.hasHidableTarget) {
+      this.hidableTargets.forEach((element) => {
+        if (element.getAttribute("data-show-hide-value") == value) {
+          element.classList.add("hidden")
+        } else {
+          element.classList.remove("hidden")
+        }
+      })
+    }
+  }
+
+  get currentValue() {
+    if (this.inputTarget.type == "checkbox") {
+      return this.inputTarget.checked ? "true" : "false"
+    } else if (this.inputTarget.tagName == "SELECT" && this.data.get("attr")) {
+      let option = this.inputTarget.options[this.inputTarget.selectedIndex]
+      return option.getAttribute(this.data.get("attr"))
+    } else {
+      return this.inputTarget.value
+    }
+  }
+}

data/app/javascript/satis/utility_controllers/toggle_controller.js

@@ -0,0 +1,100 @@
+import ApplicationController from "satis/controllers/application_controller"
+
+/*
+  Usage:
+
+  <div data-controller="toggle" data-toggle-attr='data-serialized'>
+    <select data-toggle-target='input'>
+      <option value="PN1" data-serialized="N">PN1</option>
+      <option value="PN2" data-serialized="Y">PN2</option>
+    </select>
+    <div data-toggle-target="insertion"></div>
+    <template data-toggle-target="toggleable" data-toggle-value='N'>
+      <input name="quantity">
+    </template>
+    <template data-toggle-target="toggleable" data-toggle-value='Y'>
+      <input name="serial_number">
+    </template>
+  </div>
+
+  Usage with slim and checkbox:
+
+  .site-company-wrapper data-controller='toggle'
+    = address_form.input :company, input_html: { 'data-toggle-target': 'input' }
+    div data-toggle-target='insertion'
+    template data-toggle-target='toggleable' data-toggle-value='true'
+      = address_form.input :company_name
+ */
+export default class extends ApplicationController {
+  static targets = ["toggleable", "insertion", "input"]
+
+  connect() {
+    this.boundUpdate = this.update.bind(this)
+    this.inputTarget.addEventListener("change", this.boundUpdate)
+    this.update()
+  }
+
+  disconnect() {
+    this.inputTarget.removeEventListener("change", this.boundUpdate)
+  }
+
+  update(event) {
+    /* FIXME: There should be a more cleaner way of doing this?
+     * Make sure that the toggle happens after the event bubble so any listeners are able to
+     * process before we overwrite the template nodes that are possibly updated and reinsert new nodes.
+     */
+    setTimeout(()=>{
+      this.toggle(this.currentValue)
+    })
+  }
+
+  toggle(value) {
+    // Update template nodes before we swap
+    this.toggleableTargets.forEach((target) => {
+      target.content.childNodes.forEach(child => {
+        let targetNodeId = child.getAttribute("data-toggleable-node-id")
+        if (!targetNodeId) return true;
+
+        this.insertionTarget.childNodes.forEach(iNode => {
+          if (iNode.getAttribute("data-toggleable-node-id") == targetNodeId) {
+            child.outerHTML = iNode.outerHTML
+            iNode.remove()
+          }
+        })
+      })
+    })
+
+    // Clear the insertion target
+    this.insertionTarget.innerHTML = ""
+
+    // Reinsert elements
+    this.toggleableTargets.forEach((element) => {
+      if (element.getAttribute("data-toggle-value") == value || (element.getAttribute("data-toggle-not-value") != null && element.getAttribute("data-toggle-not-value") != value)) {
+        element.content.childNodes.forEach(node =>   this.setUniqueId(node))
+
+        let toggleContent = document.importNode(element.content, true)
+        toggleContent.childNodes.forEach((child) => {
+          this.insertionTarget.insertAdjacentHTML("beforeend", child.outerHTML)
+        })
+      }
+    })
+  }
+
+  get currentValue() {
+    if (this.inputTarget.type == "checkbox") {
+      return this.inputTarget.checked ? "true" : "false"
+    } else if (this.inputTarget.tagName == "SELECT" && this.data.get("attr")) {
+      let option = this.inputTarget.options[this.inputTarget.selectedIndex]
+      return option?.getAttribute(this.data.get("attr"))
+    } else {
+      return this.inputTarget.value
+    }
+  }
+
+  setUniqueId(node)  {
+    if(node.getAttribute("data-toggleable-node-id")) return;
+    const dateString = Date.now().toString(36);
+    const randomness = Math.random().toString(36).substring(2);
+    node.setAttribute("data-toggleable-node-id", dateString + randomness)
+  }
+}

data/app/javascript/satis/utils.js

@@ -0,0 +1,41 @@
+const debounce = (func, wait = 500) => {
+  let timeout
+  return function (...args) {
+    clearTimeout(timeout)
+    timeout = setTimeout(() => {
+      func.apply(this, args)
+    }, wait)
+  }
+}
+
+const getInitialTheme = () => {
+  if (typeof window !== "undefined" && window.localStorage) {
+    const storedPrefs = window.localStorage.getItem("color-theme")
+    if (typeof storedPrefs === "string") {
+      return storedPrefs
+    }
+
+    const userMedia = window.matchMedia("(prefers-color-scheme: dark)")
+    if (userMedia.matches) {
+      return "dark"
+    }
+  }
+
+  // If you want to use dark theme as the default, return 'dark' instead
+  return "light"
+}
+
+const popperSameWidth = {
+  name: "sameWidth",
+  enabled: true,
+  phase: "beforeWrite",
+  requires: ["computeStyles"],
+  fn: ({ state }) => {
+    state.styles.popper.width = `${state.rects.reference.width}px`
+  },
+  effect: ({ state }) => {
+    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`
+  },
+}
+
+export { debounce, getInitialTheme, popperSameWidth }

data/app/models/satis/user_data.rb

@@ -1,8 +1,10 @@
 module Satis
   class UserData < ApplicationRecord
+    # include ArDocStore::Model
+
     belongs_to :user, optional: true
 
-    validates :key, presence: true, uniqueness: { scope: :user_id, allow_nil: true }
+    validates :key, presence: true, uniqueness: { scope: [:user_id, :type], allow_nil: true }
 
     def self.keyed(key)
       find_or_create_by(key: key)

data/app/views/satis/documentation/avatars/index.html.slim

@@ -0,0 +1,39 @@
+.grid.grid-cols-4.gap-4
+  .col-span-4
+    h1 Avatars
+    p Allow you to display avatars
+
+  .col-span-4
+    = sts.card(:simplest_case, title: t('.simplest_case')) do |card|
+      p
+        | Avatars will by default show the first two capitalized letters of a name.
+      pre
+        | = sts.avatar name: 'User Name'
+
+      p = sts.avatar name: 'User Name'
+      pre
+        | = sts.avatar name: 'User Test Name'
+
+      p = sts.avatar name: 'User Test Name'
+
+
+  .col-span-4
+    = sts.card(:gravatar, title: t('.gravatar')) do |card|
+      p
+        | Avatars will use gravatar when you provide an email
+      p
+        pre
+          | = sts.avatar name: 'User Name', email: 'test1@example.com'
+
+      p = sts.avatar name: 'User Name', email: 'test1@example.com'
+
+  .col-span-4
+    = sts.card(:active_storage, title: t('.active_storage')) do |card|
+      p
+        | Avatars can also use active-storage attachments.
+        | In the below sample the user object has one-attached avatar
+      p
+        pre
+          | = sts.avatar name: 'User Name', photo: user.avatar
+
+      p = sts.avatar name: 'User Name', email: 'test1@example.com'

data/app/views/satis/documentation/cards/index.html.slim

@@ -0,0 +1,72 @@
+h1 Cards
+
+p A simple card
+
+= sts.editor do
+  | = sts.card :your_card, title: '' do |c|
+      | Content here
+br
+= sts.card :your_card, title: '' do |c|
+  | Content here
+
+
+p A simple card
+
+= sts.editor do
+  | = sts.card :your_card_with_title, title: 'Your profile' do |c|
+     | Content here
+
+= sts.card :your_card_with_title, title: 'Your profile' do |c|
+  | Content here
+
+p You can add a description to the card
+
+pre
+  | = sts.card :your_card_with_title_and_description, title: 'Your profile', description: 'Edit your profile information' do |c|
+     | Content here
+
+= sts.card :your_card_with_title_and_description, title: 'Your profile', description: 'Edit your profile information' do |c|
+  | Content here
+
+p You can add buttons for actions on the card
+
+pre
+  | = sts.card :your_card_with_actions, title: 'Your profile', description: 'Edit your profile information' do |c|
+   - c.with_action
+     button.button Save
+    | Content here
+
+= sts.card :your_card_with_actions, title: 'Your profile', description: 'Edit your profile information' do |c|
+  - c.with_action
+  button.button Save
+  | Content here
+
+p An icon can be added before the title
+
+pre
+  | = sts.card :your_card_with_icon, icon: 'fa fa-truck', title: 'Your profile' do |c|
+   - c.with_action
+     button.button Save
+    | Content here
+
+= sts.card :your_card_with_icon, icon: 'fa fa-truck', title: 'Your profile' do |c|
+  - c.with_action
+  button.button Save
+  | Content here
+
+p Cards can have tabs
+
+pre
+  | = sts.card :your_card_with_tabs, title: 'Your profile' do |c|
+      - c.with_tab :first
+        | Tabs don't have padding by default
+      - c.with_tab :second, padding: true
+        | But padding can be added by adding
+        pre padding: true
+
+= sts.card :your_card_with_tabs, title: 'Your profile' do |c|
+  - c.with_tab :first
+  | Tabs don't have padding by default
+  - c.with_tab :second, padding: true
+  | But padding can be added by adding
+  pre padding: true

data/app/views/satis/documentation/editors/index.html.slim

@@ -0,0 +1,44 @@
+h1 Editors
+
+| Editors can be used with or without a form
+
+p A simple editor (not readonly)
+
+= sts.editor readonly: false do
+  | = sts.editor readonly: false do
+      | function(event) {
+          console.log(event.target)
+        }
+br
+= sts.editor readonly: false do
+  | function(event) {
+      console.log(event.target)
+    }
+
+p A simple readonly editor. You shouldn't be able to type in the editor.
+An editor is always read-only if you pass a block, unless you're using a form.
+
+= sts.editor do
+  | = sts.editor do
+      | function(event) {
+          console.log(event.target)
+        }
+br
+= sts.editor do
+  | function(event) {
+      console.log(event.target)
+    }
+
+
+h2 Form based editors
+
+= sts.editor do
+  | = sts.form_for(@document, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.editor :code
+
+= sts.form_for(@document, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.editor :code

data/app/views/satis/documentation/forms/index.html.slim

@@ -0,0 +1,109 @@
+h1 Forms
+p Similarly to for example simple forms Satis allows for rich forms
+
+pre
+  | = sts.form_for(@user, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.input :name
+        .col-span-12
+          = f.input :name, collection: ['test', 'test2'], as: :dropdown
+        .col-span-12
+          = f.input :created_at
+        .col-span-12
+          = f.submit
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name
+    .col-span-12
+      = f.input :name, collection: ['test', 'test2'], as: :dropdown
+    .col-span-12
+      = f.input :created_at
+    .col-span-12
+      = f.submit
+
+h1 Dropdowns
+
+h2 Dropdowns can come from local-view data
+
+pre
+  | = sts.form_for(@user, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.input :name, collection: ['test', 'test2'], as: :dropdown
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name, collection: ['test', 'test2'], as: :dropdown, input_html:{ id: "dropdown_local" }
+
+h2 Dropdowns can come from remote data
+
+p
+  pre
+    | = sts.form_for(@user, url: documentation_index_path) do |f|
+        .grid.grid-cols-12.gap-4
+          .col-span-12
+            = f.input :name, url: select_documentation_forms_url, as: :dropdown
+
+p To allow you full control over how the dropdown should look, you will need to implement a bit of view:
+
+pre
+  | - @users.each do |user|
+      div data-satis-dropdown-item-value=user data-satis-dropdown-item-text=user
+        .cursor-pointer.w-full.border-gray-100.rounded-t.border-b.hover:bg-blue-200
+          .flex.w-full.items-center.p-2.pl-2.border-transparent.border-l-2.hover:border-teal-100
+            .w-full.items-center.flex
+              .mx-2.-mt-1
+                span = user
+
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name, url: select_documentation_forms_url, as: :dropdown, input_html:{ id: "dropdown_remote" }
+
+h2 Dropdown search exact match
+
+pre
+  | = sts.form_for(@user, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.input :name, collection: ['test', 'test2'], as: :dropdown, needs_exact_match: true
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name, collection: ['test', 'test2'], as: :dropdown, input_html:{ id: "dropdown_local_exact" }, needs_exact_match: true
+
+h2 Dropdown with free text & pre selected value
+
+pre
+  | = sts.form_for(@user, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.input :name, collection: ['test', 'test2'], as: :dropdown, free_text: true, selected: "test3"
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name, collection: ['test', 'test2'], as: :dropdown, input_html:{ id: "dropdown_local_free_text" }, free_text: true, selected: "test3"
+
+h2 Dropdown with multiple selection
+
+pre
+  | = sts.form_for(@user, url: documentation_index_path) do |f|
+      .grid.grid-cols-12.gap-4
+        .col-span-12
+          = f.input :name, collection: ['test1', 'test2', 'test3', 'test4'], as: :dropdown, input_html:{ multiple: true }
+
+= sts.form_for(@user, url: documentation_index_path) do |f|
+  .grid.grid-cols-12.gap-4
+    .col-span-12
+      = f.input :name, collection: ['test1', 'test2', 'test3', 'test4'], as: :dropdown, input_html:{ id: "dropdown_local_multiple", multiple: true }
+
+p
+br
+br

data/app/views/satis/documentation/forms/select.html.slim

@@ -0,0 +1,7 @@
+- @users.each do |user|
+  div data-satis-dropdown-item-value=user data-satis-dropdown-item-text=user
+    .cursor-pointer.w-full.border-gray-100.rounded-t.border-b.hover:bg-blue-200
+      .flex.w-full.items-center.p-2.pl-2.border-transparent.border-l-2.hover:border-teal-100
+        .w-full.items-center.flex
+          .mx-2.-mt-1
+            span = user

data/app/views/satis/documentation/index.html.slim

@@ -0,0 +1,6 @@
+h1 Satis
+
+p = link_to :avatars, documentation_avatars_path
+p = link_to :cards, documentation_cards_path
+p = link_to :forms, documentation_forms_path
+p = link_to :tabs, documentation_tabs_path

data/app/views/satis/documentation/tabs/index.html.slim

@@ -0,0 +1,31 @@
+h1 Tabs
+
+p Simple tab
+
+pre
+  | = sts.tabs do |t|
+      - t.with_tab :first
+        | First content
+      - t.with_tab :second
+        | Second content
+
+= sts.tabs do |t|
+  - t.with_tab :first
+    | First content
+  - t.with_tab :second
+    | Second content
+
+p Tab with custom link in navigation
+
+pre
+  | = sts.tabs(custom_link: link_to(content_tag(:i, nil, class: "fa-thin fa-plus") + " New", '#')) do |t|
+      - t.with_tab :first, icon: 'fal fa-xmark'
+        | First content
+      - t.with_tab :second
+        | Second content
+
+= sts.tabs(custom_link: link_to(content_tag(:i, nil, class: "fa-thin fa-plus") + " New", '#')) do |t|
+  - t.with_tab :first, icon: 'fal fa-xmark'
+    | First content
+  - t.with_tab :second
+    | Second content

data/app/views/shared/_fields_for.html.slim

@@ -12,11 +12,11 @@
           .col-span-11.fields
             = yield(nested_form)
           .col-span-1.flex.justify-center.items-center.association
-            .h-full.w-1.border-r.border-dashed
+            .h-full.w-1.border-r.border-dashed.dark:border-gray-700
             a.text-primary-600.nested-fields_action href="#" data-action='click->satis-fields-for#addAssociation'
               i.fal.fa-plus
           .hidden.col-span-1.flex.justify-center.items-center.association
-            .h-full.w-1.border-r.border-dashed
+            .h-full.w-1.border-r.border-dashed.dark:border-gray-700
             a.text-primary-600.nested-fields_action href="#" data-action='click->satis-fields-for#removeAssociation'
               i.fal.fa-trash
 
@@ -28,7 +28,7 @@
       .col-span-11
         = yield(nested_form)
       .col-span-1.flex.justify-center.items-center
-        .h-full.w-1.border-r.border-dashed
+        .h-full.w-1.border-r.border-dashed.dark:border-gray-700
         a.text-primary-600.nested-fields_action href="#" data-action='click->satis-fields-for#removeAssociation'
           i.fal.fa-trash
 

data/bin/importmap

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+
+require_relative "../test/dummy/config/application"
+require "importmap/commands"

data/bin/rails

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails gems
+# installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('..', __dir__)
+ENGINE_PATH = File.expand_path('../lib/satis/engine', __dir__)
+APP_PATH = File.expand_path('../test/dummy/config/application', __dir__)
+
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+
+require 'rails/all'
+require 'rails/engine/commands'

data/config/importmap.rb

@@ -0,0 +1,49 @@
+# pin_all_from File.expand_path("../app/javascript", __dir__)
+
+pin "satis", to: "satis/application.js", preload: false
+pin "satis/utils", to: "satis/utils.js", preload: false
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+
+pin_all_from Satis::Engine.root.join("app/javascript/satis/controllers"), under: "satis/controllers", to: "satis/controllers"
+pin_all_from Satis::Engine.root.join("app/javascript/satis/utility_controllers"), under: "satis/utility_controllers", to: "satis/utility_controllers"
+
+pin_all_from Satis::Engine.root.join("app/javascript/satis/elements"), under: "satis/elements", to: "satis/elements"
+pin_all_from Satis::Engine.root.join("app/components/satis"), under: "satis/components", to: "satis"
+
+pin "tippy.js", preload: false # @6.3.7
+pin "@popperjs/core", to: 'popper.js.js', preload: false
+pin "leaflet", to: "leaflet.js", preload: false
+pin "sortablejs", to: "sortablejs.js", preload: false # @1.15.2
+pin "@rails/actiontext", to: "@rails--actiontext.js" # @7.1.3
+pin "trix" # @2.0.10
+pin "codemirror", to: "codemirror.js", preload: false
+pin "@codemirror/autocomplete", to: "@codemirror--autocomplete.js" # @6.13.0
+pin "@codemirror/commands", to: "@codemirror--commands.js", preload: false # @6.3.3
+pin "@codemirror/language", to: "@codemirror--language.js" # @6.10.1
+pin "@codemirror/lint", to: "@codemirror--lint.js", preload: false # @6.5.0
+pin "@codemirror/search", to: "@codemirror--search.js", preload: false # @6.5.6
+pin "@codemirror/state", to: "@codemirror--state.js" # @6.4.1
+pin "@codemirror/view", to: "@codemirror--view.js" # @6.24.1
+pin "@lezer/common", to: "@lezer--common.js" # @1.2.1
+pin "@lezer/highlight", to: "@lezer--highlight.js" # @1.2.0
+pin "crelt", to: "crelt.js", preload: false # @1.0.6
+pin "style-mod" # @4.1.2
+pin "w3c-keyname" # @2.2.8
+pin "@codemirror/lang-yaml", to: "@codemirror--lang-yaml.js" # @6.0.0
+pin "@lezer/lr", to: "@lezer--lr.js" # @1.4.0
+pin "@lezer/yaml", to: "@lezer--yaml.js" # @1.0.2
+pin "@codemirror/lang-html", to: "@codemirror--lang-html.js" # @6.4.8
+pin "@codemirror/lang-css", to: "@codemirror--lang-css.js" # @6.2.1
+pin "@codemirror/lang-javascript", to: "@codemirror--lang-javascript.js" # @6.2.2
+pin "@lezer/css", to: "@lezer--css.js" # @1.1.8
+pin "@lezer/html", to: "@lezer--html.js" # @1.3.9
+pin "@lezer/javascript", to: "@lezer--javascript.js" # @1.4.13
+pin "@codemirror/lang-liquid", to: "@codemirror--lang-liquid.js" # @6.2.1
+pin "@codemirror/lang-json", to: "@codemirror--lang-json.js" # @6.0.1
+pin "@lezer/json", to: "@lezer--json.js" # @1.0.2
+pin "@codemirror/lang-markdown", to: "@codemirror--lang-markdown.js" # @6.2.4
+pin "@lezer/markdown", to: "@lezer--markdown.js" # @1.2.0
+pin "intl-tel-input", to: "intl-tel-input.js" # @19.5.6
+pin "intl-tel-input-utils", to: "intl-tel-input-utils.js" # @19.5.6

data/config/locales/en.yml

@@ -0,0 +1,9 @@
+en:
+  menu:
+    sidebar:
+      home: Home
+      avatars: Avatars
+      cards: Cards
+      editors: Editors
+      forms: Forms
+      tabs: Tabs

data/config/routes.rb

@@ -1,3 +1,17 @@
 Satis::Engine.routes.draw do
   resources :user_data, only: %i[show update]
+  resources :dialogs, only: %[show], constraints: { id: /[A-Za-z0-9\_\-\/]+/ }
+
+  unless Rails.env.production?
+    namespace :documentation do
+      resources :avatars
+      resources :cards
+      resources :editors
+      resources :forms do
+        get "select", on: :collection
+      end
+      resources :tabs
+    end
+    resources :documentation
+  end
 end

data/db/migrate/20221212083110_change_satis_user_data.rb

@@ -1,8 +1,8 @@
 class ChangeSatisUserData < ActiveRecord::Migration[7.0]
   disable_ddl_transaction!
   def change
-    safety_assured { change_column :satis_user_data, :data, :jsonb, null: true, default: {} }
-    safety_assured { change_column :satis_user_data, :user_id, :uuid, null: true, foreign_key: true }
+    change_column :satis_user_data, :data, :jsonb, null: true, default: {}
+    change_column :satis_user_data, :user_id, :uuid, null: true, foreign_key: true
 
     remove_index :satis_user_data, [:key]
     add_index :satis_user_data, [:user_id, :key], unique: true, algorithm: :concurrently