Instructions for k8s agent

assets/js/hooks/cell_editor/live_editor/codemirror/languages.js

@@ -9,6 +9,7 @@ import { json } from "@codemirror/lang-json";
 import { xml } from "@codemirror/lang-xml";
 import { css } from "@codemirror/lang-css";
 import { html } from "@codemirror/lang-html";
+import { yaml } from "@codemirror/lang-yaml";
 import { javascript } from "@codemirror/lang-javascript";
 import { erlang } from "@codemirror/legacy-modes/mode/erlang";
 import { dockerFile } from "@codemirror/legacy-modes/mode/dockerfile";
@@ -29,6 +30,11 @@ const sqlDesc = LanguageDescription.of({
   support: sql(),
 });
 
+const yamlDesc = LanguageDescription.of({
+  name: "YAML",
+  support: yaml(),
+});
+
 const jsonDesc = LanguageDescription.of({
   name: "JSON",
   support: json(),
@@ -67,6 +73,7 @@ const markdownDesc = LanguageDescription.of({
       elixirDesc,
       erlangDesc,
       sqlDesc,
+      yamlDesc,
       jsonDesc,
       xmlDesc,
       cssDesc,
@@ -81,6 +88,7 @@ export const languages = [
   elixirDesc,
   erlangDesc,
   sqlDesc,
+  yamlDesc,
   jsonDesc,
   xmlDesc,
   cssDesc,

assets/package.json

@@ -18,6 +18,7 @@
     "@codemirror/lang-markdown": "^6.2.3",
     "@codemirror/lang-sql": "^6.5.5",
     "@codemirror/lang-xml": "^6.0.2",
+    "@codemirror/lang-yaml": "^6.1.1",
     "@codemirror/language": "^6.10.0",
     "@codemirror/legacy-modes": "^6.3.3",
     "@codemirror/lint": "^6.4.2",

docs/deployment/clustering.md

@@ -8,7 +8,7 @@ You may set `LIVEBOOK_CLUSTER` to one of the following values.
 
 ## `auto`
 
-Detects the hosting platform and automatically sets up a cluster using DNS configuration. Currently the only supported platform is Fly.io.
+Detects the hosting platform and automatically sets up a cluster using DNS configuration. Currently the only supported platform is Fly.io (and Kubernetes when using Livebook Teams).
 
 ## `dns:QUERY`
 

lib/livebook_web/components/app_components.ex

@@ -141,7 +141,7 @@ defmodule LivebookWeb.AppComponents do
             for more information.
           </div>
           <p class="mt-1 text-sm">
-            Automatic clustering is available when deploying to Fly.io.
+            Automatic clustering is available when deploying to Fly.io and Kubernetes.
           </p>
         </div>
       </div>

lib/livebook_web/components/core_components.ex

@@ -521,6 +521,47 @@ defmodule LivebookWeb.CoreComponents do
     """
   end
 
+  @doc """
+  Renders a highlighted code snippet with a title and a copy button.
+
+  ## Examples
+
+      <.code_preview_with_title_and_copy
+        title="
+        source_id="my-snippet"
+        language="elixir"
+        source="System.version()" />
+
+  """
+  attr :title, :string, required: true
+  attr :source_id, :string, required: true
+  attr :language, :string, required: true
+  attr :source, :string, required: true
+
+  def code_preview_with_title_and_copy(assigns) do
+    ~H"""
+    <div>
+      <div class="flex justify-between items-center">
+        <span class="text-sm text-gray-700 font-semibold"><%= @title %></span>
+        <div class="flex justify-end space-x-2">
+          <span class="tooltip left" data-tooltip="Copy source">
+            <.icon_button
+              aria-label="copy source"
+              phx-click={JS.dispatch("lb:clipcopy", to: "##{@source_id}")}
+            >
+              <.remix_icon icon="clipboard-line" />
+            </.icon_button>
+          </span>
+        </div>
+      </div>
+
+      <div class={@language}>
+        <.code_preview source_id={@source_id} language={@language} source={@source} />
+      </div>
+    </div>
+    """
+  end
+
   @doc """
   Renders text with a tiny label.
 

lib/livebook_web/live/app_session_live/source_component.ex

@@ -38,26 +38,13 @@ defmodule LivebookWeb.AppSessionLive.SourceComponent do
       <p class="text-gray-700">
         This app is built from the following notebook source:
       </p>
-      <div class="flex flex-col space-y-1">
-        <div class="flex justify-between items-center">
-          <span class="text-sm text-gray-700 font-semibold">
-            <%= Session.file_name_for_download(@session) <> ".livemd" %>
-          </span>
-          <div class="flex justify-end space-x-2">
-            <span class="tooltip left" data-tooltip="Copy source">
-              <.icon_button
-                aria-label="copy source"
-                phx-click={JS.dispatch("lb:clipcopy", to: "#export-notebook-source")}
-              >
-                <.remix_icon icon="clipboard-line" />
-              </.icon_button>
-            </span>
-          </div>
-        </div>
-        <div class="markdown">
-          <.code_preview source_id="export-notebook-source" language="markdown" source={@source} />
-        </div>
-      </div>
+
+      <.code_preview_with_title_and_copy
+        title={Session.file_name_for_download(@session) <> ".livemd"}
+        source_id="export-notebook-source"
+        language="markdown"
+        source={@source}
+      />
     </div>
     """
   end