rails_den 2.0.0

data/app/views/rails_den/chat_channels/show.html.erb

@@ -0,0 +1,476 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/chat",
+                          "data-turbo-track": "reload" %>
+
+  <%= stylesheet_link_tag "rails_den/chat_3d",
+                          "data-turbo-track": "reload" %>
+
+  <%= stylesheet_link_tag "rails_den/chat_3d_management",
+                          "data-turbo-track": "reload" %>
+
+  <%= javascript_include_tag "rails_den/chat",
+                             defer: true %>
+
+  <%= javascript_include_tag "rails_den/chat_3d_management",
+                             defer: true %>
+<% end %>
+
+<%
+  chat_subscription_token =
+    RailsDen::Chat::SubscriptionToken.generate(
+      current_rails_den_user
+    )
+
+  spatial_payload =
+    @spatial_bootstrap.merge(
+      subscription_token:
+        chat_subscription_token
+    )
+
+  chat_management_payload = {
+    can_create_channel:
+      @can_create_channel,
+
+    create_channel_url:
+      chat_channels_path,
+
+    channel: {
+      title: @channel.title,
+      slug: @channel.slug,
+      visibility: @channel.visibility
+    },
+
+    can_manage_channel:
+      @can_manage_channel,
+
+    memberships_url:
+      chat_channel_memberships_path(
+        @channel.slug
+      ),
+
+    memberships: @memberships.map do |membership|
+      member_name =
+        RailsDen.user_display_name(
+          membership.member
+        )
+
+      creator =
+        membership.member ==
+          @channel.created_by
+
+      {
+        id: membership.id,
+        display_name: member_name,
+        mention_name:
+          RailsDen.user_mention_name(
+            membership.member
+          ),
+        creator: creator,
+        removable:
+          @can_manage_channel &&
+            !creator,
+        remove_url:
+          chat_channel_membership_path(
+            @channel.slug,
+            membership
+          )
+      }
+    end,
+
+    channels: @channels.map do |channel|
+      {
+        title: channel.title,
+        slug: channel.slug,
+        visibility: channel.visibility,
+        unread_count:
+          @unread_counts_by_channel_id.fetch(
+            channel.id,
+            0
+          ),
+        url:
+          chat_channel_path(
+            channel.slug
+          )
+      }
+    end
+  }
+
+  chat_payload = {
+    channel: {
+      title: @channel.title,
+      slug: @channel.slug,
+      description: @channel.description,
+      visibility: @channel.visibility
+    },
+
+    channels: @channels.map do |channel|
+      {
+        title: channel.title,
+        slug: channel.slug,
+        visibility: channel.visibility,
+        unread_count:
+          @unread_counts_by_channel_id.fetch(
+            channel.id,
+            0
+          ),
+        url:
+          chat_channel_path(
+            channel.slug
+          )
+      }
+    end,
+
+    messages: @messages.map do |message|
+      RailsDen::Chat::MessagePayload.call(
+        message
+      )
+    end,
+
+    unread_count:
+      @unread_count,
+
+    first_unread_message_id:
+      @first_unread_message_id,
+
+    read_state_url:
+      chat_channel_read_state_path(
+        @channel.slug
+      ),
+
+    can_manage_channel:
+      @can_manage_channel,
+
+    pinned_messages:
+      @pinned_messages.map do |message|
+        RailsDen::Chat::MessagePayload.call(
+          message
+        )
+      end,
+
+    message_pin_url_template:
+      chat_channel_message_pin_path(
+        @channel.slug,
+        "__MESSAGE_ID__"
+      ),
+
+    can_post: @can_post,
+
+    post_url:
+      chat_channel_messages_path(
+        @channel.slug
+      ),
+
+    presence_url:
+      chat_channel_path(
+        @channel.slug,
+        format: :json
+      ),
+
+    presence:
+      @chat_presence,
+
+    subscription_token:
+      chat_subscription_token,
+
+    spatial:
+      spatial_payload
+  }
+%>
+
+<section class="rails-den-chat-page">
+  <header class="rails-den-chat-page-header">
+    <%= link_to "← Chat",
+                chat_channels_path,
+                class:
+                  "rails-den-chat-page-back" %>
+
+    <div class="rails-den-chat-page-actions">
+      <% if @can_create_channel %>
+        <%= link_to rails_den_administrator? ?
+                      "New channel" :
+                      "New private channel",
+                    new_chat_channel_path,
+                    class:
+                      "rails-den-chat-page-action" %>
+      <% end %>
+
+      <% if @can_manage_channel %>
+        <%= link_to "Channel settings",
+                    edit_chat_channel_path(
+                      @channel.slug
+                    ),
+                    class:
+                      "rails-den-chat-page-action" %>
+      <% end %>
+    </div>
+  </header>
+
+  <div class="rails-den-chat-mode-shell"
+       data-rails-den-chat-mode-shell>
+    <script type="application/json"
+            data-rails-den-chat-management-payload><%= raw(
+      json_escape(
+        chat_management_payload.to_json
+      )
+    ) %></script>
+
+    <div class="rails-den-chat-mode-toolbar">
+      <div class="rails-den-chat-mode-heading">
+        <strong>
+          # <%= @channel.title %>
+        </strong>
+
+        <span>
+          Spatial room or Classic Chat
+        </span>
+      </div>
+
+      <div class="rails-den-chat-mode-controls"
+           role="group"
+           aria-label="Chat experience">
+        <button type="button"
+                class="rails-den-chat-mode-button"
+                data-rails-den-chat-mode="3d"
+                aria-pressed="false">
+          Enter 3-D Chat
+        </button>
+
+        <button type="button"
+                class="rails-den-chat-mode-button"
+                data-rails-den-chat-mode="classic"
+                aria-pressed="false">
+          Classic Chat
+        </button>
+      </div>
+    </div>
+
+    <div class="rails-den-chat-world"
+         data-rails-den-chat-world-root
+         data-rails-den-chat-world-kind="channel"
+         data-rails-den-chat-channel-slug="<%= @channel.slug %>">
+      <div class="rails-den-chat-world-overlay">
+        <div class="rails-den-chat-world-status">
+          <span class="rails-den-chat-world-status-dot"
+                aria-hidden="true"></span>
+
+          <span class="rails-den-chat-world-status-text">
+            <strong>Spatial room online</strong>
+
+            <span>
+              Three.js renderer ·
+              #<%= @channel.title %>
+            </span>
+          </span>
+        </div>
+
+        <div class="rails-den-chat-world-controls">
+          <div class="rails-den-chat-world-controls-heading">
+            <strong data-rails-den-chat-world-controls-heading>
+              Explore <%= @channel.title %>
+            </strong>
+
+            <span data-rails-den-chat-world-controls-prompt>
+              Click inside the room to begin · Enter opens chat
+            </span>
+          </div>
+
+          <div class="rails-den-chat-world-controls-grid">
+            <div class="rails-den-chat-world-control">
+              <span class="rails-den-chat-world-control-keys">
+                <kbd>WASD</kbd>
+              </span>
+
+              <span>Move</span>
+            </div>
+
+            <div class="rails-den-chat-world-control">
+              <span class="rails-den-chat-world-control-keys">
+                Mouse
+              </span>
+
+              <span>Look</span>
+            </div>
+
+            <div class="rails-den-chat-world-control">
+              <span class="rails-den-chat-world-control-keys">
+                <kbd>Space</kbd>
+              </span>
+
+              <span>Jump</span>
+            </div>
+
+            <div class="rails-den-chat-world-control">
+              <span class="rails-den-chat-world-control-keys">
+                <kbd>Enter</kbd>
+              </span>
+
+              <span>Chat</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="rails-den-chat-world-title">
+          <span>Channel room</span>
+
+          <strong data-rails-den-chat-world-title-heading>
+            # <%= @channel.title %>
+          </strong>
+
+          <small data-rails-den-chat-world-title-description>
+            Enter opens chat · Esc returns to movement
+          </small>
+        </div>
+      </div>
+    </div>
+
+    <div class="rails-den-chat-classic-shell"
+         data-rails-den-chat-classic-shell>
+      <div class="rails-den-chat-shell">
+        <div class="rails-den-chat-client"
+             data-rails-den-chat-root>
+          <script type="application/json"
+                  data-rails-den-chat-payload><%= raw(
+                    json_escape(
+                      chat_payload.to_json
+                    )
+                  ) %></script>
+
+          <div class="rails-den-chat-loading">
+            Loading chat…
+          </div>
+        </div>
+
+        <aside class="rails-den-chat-members">
+          <header class="rails-den-chat-members-heading">
+            <div>
+              <span class="rails-den-chat-members-kicker">
+                Channel
+              </span>
+
+              <h2>Members</h2>
+            </div>
+
+            <span class="rails-den-chat-members-count">
+              <%= @memberships.size %>
+            </span>
+          </header>
+
+          <% if @memberships.any? %>
+            <ul class="rails-den-chat-member-list">
+              <% @memberships.each do |membership| %>
+                <%
+                  member_name =
+                    RailsDen.user_display_name(
+                      membership.member
+                    )
+
+                  creator =
+                    membership.member ==
+                      @channel.created_by
+                %>
+
+                <li class="rails-den-chat-member">
+                  <span class="rails-den-chat-member-avatar"
+                        aria-hidden="true">
+                    <%= member_name.to_s.first&.upcase %>
+                  </span>
+
+                  <span class="rails-den-chat-member-identity">
+                    <strong>
+                      <%= member_name %>
+                    </strong>
+
+                    <% if creator %>
+                      <small>Creator</small>
+                    <% end %>
+                  </span>
+
+                  <% if !creator &&
+                        (
+                          @can_manage_channel ||
+                          membership.member ==
+                            current_rails_den_user
+                        ) %>
+
+                    <%= button_to "×",
+                                  chat_channel_membership_path(
+                                    @channel.slug,
+                                    membership
+                                  ),
+                                  method: :delete,
+                                  class:
+                                    "rails-den-chat-member-action",
+                                  title:
+                                    "Remove #{member_name}",
+                                  aria: {
+                                    label:
+                                      "Remove #{member_name}"
+                                  } %>
+                  <% end %>
+                </li>
+              <% end %>
+            </ul>
+          <% else %>
+            <p class="rails-den-chat-members-empty">
+              No channel members yet.
+            </p>
+          <% end %>
+
+          <% unless @membership %>
+            <% if @channel.visibility_public? %>
+              <div class="rails-den-chat-members-join">
+                <p>
+                  Join this channel to appear in its member list.
+                </p>
+
+                <%= button_to "Join channel",
+                              chat_channel_memberships_path(
+                                @channel.slug
+                              ),
+                              method: :post,
+                              class:
+                                "rails-den-chat-membership-button" %>
+              </div>
+            <% end %>
+          <% end %>
+
+          <% if @can_manage_channel %>
+            <div class="rails-den-chat-member-invite">
+              <div class="rails-den-chat-member-invite-heading">
+                <strong>Invite member</strong>
+
+                <span>
+                  Add by mention name
+                </span>
+              </div>
+
+              <%= form_with url:
+                    chat_channel_memberships_path(
+                      @channel.slug
+                    ),
+                    class:
+                      "rails-den-chat-add-member" do |form| %>
+
+                <%= form.label :mention_name,
+                               "Member",
+                               class:
+                                 "rails-den-visually-hidden" %>
+
+                <div>
+                  <%= form.text_field :mention_name,
+                                      placeholder:
+                                        "@username",
+                                      required: true,
+                                      autocomplete:
+                                        "off" %>
+
+                  <%= form.submit "Add" %>
+                </div>
+              <% end %>
+            </div>
+          <% end %>
+        </aside>
+      </div>
+    </div>
+  </div>
+</section>

data/app/views/rails_den/home/index.html.erb

@@ -0,0 +1,142 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/community_presence",
+                          "data-turbo-track": "reload" %>
+
+  <%= stylesheet_link_tag "rails_den/presence_live",
+                          "data-turbo-track": "reload" %>
+<% end %>
+
+<div class="rails-den-community">
+  <% if flash[:notice] %>
+    <div class="rails-den-notice">
+      <%= flash[:notice] %>
+    </div>
+  <% end %>
+
+  <header class="rails-den-community-header">
+    <div>
+      <h1 class="rails-den-community-title"><%= RailsDen.config.community_name %></h1>
+
+      <p class="rails-den-community-tagline">
+        Forums. Chat. Community.
+      </p>
+
+      <% if @community_presence.visible? %>
+        <%= link_to online_path,
+                    class: "rails-den-community-presence rails-den-community-presence-link",
+                    data: {
+                      rails_den_presence_snapshot_url:
+                        presence_snapshot_path
+                    },
+                    aria: {
+                      label: "See who is online"
+                    } do %>
+          <span class="rails-den-community-presence-item is-presence-online">
+            <span class="rails-den-community-presence-dot"
+                  aria-hidden="true"></span>
+
+            <strong>
+              <%= @community_presence.online_count %>
+            </strong>
+
+            <span>
+              online
+            </span>
+          </span>
+
+          <span class="rails-den-community-presence-item is-presence-away">
+            <span class="rails-den-community-presence-dot"
+                  aria-hidden="true"></span>
+
+            <strong>
+              <%= @community_presence.away_count %>
+            </strong>
+
+            <span>
+              away
+            </span>
+          </span>
+        <% end %>
+      <% end %>
+    </div>
+
+    <% if rails_den_user_signed_in? %>
+      <div class="rails-den-community-actions">
+        <%= button_to "Mark Everything Read",
+                      read_state_path,
+                      method: :patch,
+                      class: "rails-den-navbar-button" %>
+      </div>
+    <% end %>
+  </header>
+
+  <% if @categories.any? %>
+    <div class="rails-den-category-list">
+      <% @categories.each do |category| %>
+        <section class="rails-den-category">
+          <header class="rails-den-category-header">
+            <div>
+              <h2 class="rails-den-category-title">
+                <%= category.title %>
+              </h2>
+
+              <% if category.description.present? %>
+                <p class="rails-den-category-description">
+                  <%= category.description %>
+                </p>
+              <% end %>
+            </div>
+          </header>
+
+          <%= render "rails_den/shared/sponsor_placement",
+                     sponsorship: @category_sponsorships_by_category_id[category.id],
+                     label: "Category Sponsor",
+                     position: "contextual" %>
+
+          <div class="rails-den-board-list">
+            <% boards =
+              @readable_boards_by_category_id.fetch(
+                category.id,
+                []
+              ) %>
+
+            <% boards.each do |board| %>
+              <%= link_to board_path(board),
+                          class: "rails-den-board" do %>
+                <div class="rails-den-board-icon" aria-hidden="true">
+                  <% if board.icon.present? %>
+                    <%= board.icon %>
+                  <% end %>
+                </div>
+
+                <div class="rails-den-board-content">
+                  <h3 class="rails-den-board-title">
+                    <%= board.title %>
+                  </h3>
+
+                  <% if board.description.present? %>
+                    <p class="rails-den-board-description">
+                      <%= board.description %>
+                    </p>
+                  <% end %>
+                </div>
+
+                <div class="rails-den-board-arrow" aria-hidden="true">
+                  &rsaquo;
+                </div>
+              <% end %>
+            <% end %>
+          </div>
+        </section>
+      <% end %>
+    </div>
+  <% else %>
+    <section class="rails-den-empty-state">
+      <h2>No categories yet</h2>
+
+      <p>
+        This community is still getting set up.
+      </p>
+    </section>
+  <% end %>
+</div>

data/app/views/rails_den/member_profiles/_avatar.html.erb

@@ -0,0 +1,18 @@
+<div class="rails-den-member-profile-avatar rails-den-member-profile-avatar-<%= size %>">
+  <% if presenter.avatar_attached? %>
+    <% avatar_path = main_app.rails_representation_path(
+      presenter.avatar_variant(size: size),
+      only_path: true
+    ) %>
+    <%= image_tag avatar_path,
+                  alt: presenter.avatar_alt_text,
+                  width: size == :medium ? 96 : 48,
+                  height: size == :medium ? 96 : 48 %>
+  <% elsif presenter.fallback_initial %>
+    <span role="img" aria-label="<%= presenter.avatar_alt_text %>">
+      <%= presenter.fallback_initial %>
+    </span>
+  <% else %>
+    <span aria-hidden="true">👤</span>
+  <% end %>
+</div>

data/app/views/rails_den/member_profiles/_custom_fields.html.erb

@@ -0,0 +1,39 @@
+<% values = presenter.custom_profile_field_values %>
+
+<% if values.any? %>
+  <section class="rails-den-member-profile-details"
+           aria-labelledby="member-profile-details-heading">
+    <h2 id="member-profile-details-heading">
+      Profile details
+    </h2>
+
+    <dl>
+      <% values.each do |value_record| %>
+        <% profile_field = value_record.profile_field %>
+
+        <div class="rails-den-member-profile-detail">
+          <dt><%= profile_field.label %></dt>
+
+          <dd>
+            <% case profile_field.field_type %>
+            <% when "url" %>
+              <%= link_to value_record.value,
+                          value_record.value,
+                          target: "_blank",
+                          rel: "nofollow noopener" %>
+
+            <% when "textarea" %>
+              <%= simple_format(value_record.value) %>
+
+            <% when "checkbox" %>
+              <%= value_record.checkbox_value? ? "Yes" : "No" %>
+
+            <% else %>
+              <%= value_record.value %>
+            <% end %>
+          </dd>
+        </div>
+      <% end %>
+    </dl>
+  </section>
+<% end %>

data/app/views/rails_den/member_profiles/_followed_boards.html.erb

@@ -0,0 +1,15 @@
+<details class="rails-den-member-profile-section">
+  <summary><%= t("rails_den.member_profiles.followed_boards") %></summary>
+  <% if presenter.followed_boards.any? %>
+    <ul>
+      <% presenter.followed_boards.each do |board| %>
+        <li>
+          <%= link_to board.title, board_path(board) %>
+          <span><%= board.category.title %></span>
+        </li>
+      <% end %>
+    </ul>
+  <% else %>
+    <p><%= t("rails_den.member_profiles.no_followed_boards") %></p>
+  <% end %>
+</details>