rails_den 2.0.0

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

@@ -0,0 +1,402 @@
+<% 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 %>
+
+<%
+  public_channels =
+    @channels.select(&:visibility_public?)
+
+  private_channels =
+    @channels.select(&:visibility_private?)
+
+  atrium_chat_payload = {
+    channel: nil,
+
+    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: [],
+    unread_count: 0,
+    first_unread_message_id: nil,
+    read_state_url: nil,
+    can_manage_channel: false,
+    pinned_messages: [],
+    message_pin_url_template: nil,
+    can_post: false,
+    post_url: nil,
+    presence_url: nil,
+
+    presence:
+      @chat_presence,
+
+    subscription_token: nil,
+
+    spatial:
+      @spatial_bootstrap
+  }
+
+  chat_management_payload = {
+    can_create_channel:
+      @can_create_channel,
+
+    create_channel_url:
+      chat_channels_path,
+
+    channel: nil,
+    can_manage_channel: false,
+    memberships: [],
+    memberships_url: nil,
+
+    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
+  }
+%>
+
+<section class="rails-den-chat-directory">
+  <header class="rails-den-chat-directory-header">
+    <div>
+      <span class="rails-den-chat-directory-kicker">
+        Community
+      </span>
+
+      <h1>Chat</h1>
+
+      <p>
+        Jump into a room and join the conversation.
+      </p>
+    </div>
+
+    <% if @can_create_channel %>
+      <%= link_to rails_den_administrator? ?
+                    "Create channel" :
+                    "Create private channel",
+                  new_chat_channel_path,
+                  class:
+                    "rails-den-chat-directory-create" %>
+    <% end %>
+  </header>
+
+  <div class="rails-den-chat-mode-shell"
+       data-rails-den-chat-mode-shell
+       data-rails-den-chat-directory-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>Chat experience</strong>
+
+        <span>
+          Explore in 3-D or use 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>
+
+        <%= link_to "Back to Community",
+                    root_path,
+                    class: "rails-den-chat-mode-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="atrium">
+      <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 system online</strong>
+
+            <span>
+              Three.js renderer ready
+            </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 the Atrium
+            </strong>
+
+            <span data-rails-den-chat-world-controls-prompt>
+              Click inside the world 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><%= RailsDen.config.community_name %></span>
+
+          <strong data-rails-den-chat-world-title-heading>
+            <%= RailsDen.config.community_name %> Atrium
+          </strong>
+
+          <small data-rails-den-chat-world-title-description>
+            Walk the Atrium and enter a channel portal.
+          </small>
+        </div>
+      </div>
+    </div>
+
+    <div class="rails-den-chat-classic-shell"
+         data-rails-den-chat-classic-shell>
+      <% if @channels.any? %>
+        <div class="rails-den-chat-directory-browser">
+          <% if public_channels.any? %>
+            <section class="rails-den-chat-directory-group">
+              <header class="rails-den-chat-directory-group-header">
+                <div>
+                  <h2>Public channels</h2>
+
+                  <p>
+                    Open conversations across the community.
+                  </p>
+                </div>
+
+                <span>
+                  <%= public_channels.size %>
+                </span>
+              </header>
+
+              <div class="rails-den-chat-directory-list">
+                <% public_channels.each do |channel| %>
+                  <%= link_to chat_channel_path(channel.slug),
+                              class:
+                                "rails-den-chat-directory-row" do %>
+                    <span class="rails-den-chat-directory-row-icon"
+                          aria-hidden="true">
+                      #
+                    </span>
+
+                    <span class="rails-den-chat-directory-row-main">
+                      <strong>
+                        <%= channel.title %>
+                      </strong>
+
+                      <span>
+                        <% if channel.description.present? %>
+                          <%= channel.description %>
+                        <% else %>
+                          Open community conversation.
+                        <% end %>
+                      </span>
+                    </span>
+
+                    <span class="rails-den-chat-directory-row-meta">
+                      <small>Public</small>
+
+                      <% unread_count = @unread_counts_by_channel_id.fetch(channel.id, 0) %>
+                      <% if unread_count.positive? %>
+                        <span class="rails-den-chat-unread-badge">
+                          <%= pluralize(unread_count, "unread") %>
+                        </span>
+                      <% end %>
+
+                      <span aria-hidden="true">
+                        ›
+                      </span>
+                    </span>
+                  <% end %>
+                <% end %>
+              </div>
+            </section>
+          <% end %>
+
+          <% if private_channels.any? %>
+            <section class="rails-den-chat-directory-group">
+              <header class="rails-den-chat-directory-group-header">
+                <div>
+                  <h2>Private channels</h2>
+
+                  <p>
+                    Rooms you own or have been invited to.
+                  </p>
+                </div>
+
+                <span>
+                  <%= private_channels.size %>
+                </span>
+              </header>
+
+              <div class="rails-den-chat-directory-list">
+                <% private_channels.each do |channel| %>
+                  <%= link_to chat_channel_path(channel.slug),
+                              class:
+                                "rails-den-chat-directory-row" do %>
+                    <span class="rails-den-chat-directory-row-icon"
+                          aria-hidden="true">
+                      ◇
+                    </span>
+
+                    <span class="rails-den-chat-directory-row-main">
+                      <strong>
+                        <%= channel.title %>
+                      </strong>
+
+                      <span>
+                        <% if channel.description.present? %>
+                          <%= channel.description %>
+                        <% else %>
+                          Private conversation.
+                        <% end %>
+                      </span>
+                    </span>
+
+                    <span class="rails-den-chat-directory-row-meta">
+                      <small>Private</small>
+
+                      <% unread_count = @unread_counts_by_channel_id.fetch(channel.id, 0) %>
+                      <% if unread_count.positive? %>
+                        <span class="rails-den-chat-unread-badge">
+                          <%= pluralize(unread_count, "unread") %>
+                        </span>
+                      <% end %>
+
+                      <span aria-hidden="true">
+                        ›
+                      </span>
+                    </span>
+                  <% end %>
+                <% end %>
+              </div>
+            </section>
+          <% end %>
+        </div>
+      <% else %>
+        <div class="rails-den-chat-directory-empty">
+          <span aria-hidden="true">#</span>
+
+          <h2>No channels yet</h2>
+
+          <p>
+            There aren't any chat rooms available to you.
+          </p>
+
+          <% if @can_create_channel %>
+            <%= link_to rails_den_administrator? ?
+                          "Create the first channel" :
+                          "Create a private channel",
+                        new_chat_channel_path,
+                        class:
+                          "rails-den-chat-directory-create" %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+
+    <div class="rails-den-chat-spatial-deck-shell"
+         data-rails-den-chat-spatial-deck-shell>
+      <div class="rails-den-chat-client"
+           data-rails-den-chat-root>
+        <script type="application/json"
+                data-rails-den-chat-payload><%= raw(
+          json_escape(
+            atrium_chat_payload.to_json
+          )
+        ) %></script>
+
+        <div class="rails-den-chat-loading">
+          Loading chat…
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

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

@@ -0,0 +1,31 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "rails_den/chat",
+                          "data-turbo-track": "reload" %>
+<% end %>
+
+<section class="rails-den-chat-settings-page">
+  <%= link_to "← Chat",
+              chat_channels_path,
+              class: "rails-den-chat-settings-back" %>
+
+  <header class="rails-den-chat-settings-header">
+    <span class="rails-den-chat-settings-kicker">
+      Chat
+    </span>
+
+    <h1>Create a channel</h1>
+
+    <p>
+      <% if rails_den_administrator? %>
+        Create a place for a conversation in <%= RailsDen.config.community_name %>.
+      <% else %>
+        Create a private room and invite the people you want there.
+      <% end %>
+    </p>
+  </header>
+
+  <div class="rails-den-chat-settings-panel">
+    <%= render "form",
+               channel: @channel %>
+  </div>
+</section>