如何在Turbo Streams中实现客户端权限控制和动态UI更新

# app/views/resources/_resource.json.jbuilderjson.permissions do  json.edit policy(resource).edit?  json.destroy policy(resource).destroy?end

// app/javascript/controllers/turbostream_controller.jsimport Rails from "@rails/ujs"import { Controller } from "@hotwired/stimulus"export default class extends Controller {  // Stimulus 控制器连接时，添加事件监听器  connect() {    // 监听 turbo:before-stream-render 事件    addEventListener("turbo:before-stream-render",                     (e) => { this.beforeStreamRender(e) })  }  // 处理 turbo:before-stream-render 事件  beforeStreamRender(event) {    // 保存 Turbo Stream 默认的渲染方法    const defaultAction = event.detail.render    // 覆盖默认的渲染方法，在执行完默认渲染后，再调用我们的处理逻辑    event.detail.render = (streamElement) => {      defaultAction(streamElement) // 执行 Turbo Stream 的默认渲染      try {        this.processStream(streamElement) // 执行自定义的流处理逻辑      } catch(error) {        console.error("Error processing Turbo Stream:", error)      }    }  }  // 处理渲染后的 Turbo Stream 元素  processStream(streamElement) {    // 检查 Turbo Stream 的动作类型，只处理 'prepend', 'append', 'update'    if (["prepend", "append", "update"].includes(streamElement.action)) {        // 获取流元素中的模板内容        var template = streamElement.children[0].content        // 在模板内容中查找带有 data-resource-url 属性的 div        var templateDiv = template.querySelector('[data-resource-url]')        if (templateDiv != null) {          // 获取资源的 DOM ID          var id = templateDiv.getAttribute('id')          // 调用方法设置动作按钮的可见性          this.setActionButtonVisibility(id)        }    }  }  // 根据权限设置动作按钮的可见性  setActionButtonVisibility(id) {    // 查找 DOM 中对应的资源 div    var div = document.querySelector(`div#${id}`)    if (!div) {      console.warn(`Resource div with id ${id} not found.`)      return;    }    // 获取资源的 URL    var url = div.getAttribute('data-resource-url')    // 查找编辑和删除按钮    var editButton = div.querySelector('[data-resource-action="edit"]')    var destroyButton = div.querySelector('[data-resource-action="destroy"]')    // 如果按钮不存在，则无需进一步处理    if (!editButton && !destroyButton) {      return;    }    // 使用 Rails UJS 发送 AJAX GET 请求获取权限数据    Rails.ajax({      type: "GET",      url: url,      success: (data, _status, _xhr) => {        try {          // 根据返回的权限数据，切换按钮的 'd-none' 类          // 如果 data.permissions.edit 为 false，则添加 'd-none'，否则移除          if (editButton) {            editButton.classList.toggle('d-none', !data.permissions.edit)          }          if (destroyButton) {            destroyButton.classList.toggle('d-none', !data.permissions.destroy)          }        } catch(error) {          console.error("Error setting action button visibility:", error)        }      },      error: (xhr, status, error) => {        console.error(`Failed to fetch permissions for ${url}:`, status, error);      }    })  }}