change how backlinks work

assets/js/app.js

@@ -26,6 +26,8 @@ import 'phoenix_html'
 import { Socket } from 'phoenix'
 import { LiveSocket } from 'phoenix_live_view'
 import topbar from 'topbar'
+
+import CtrlEnter from './ctrlenter'
 import Date from './date'
 import DateTime from './datetime'
 
@@ -34,7 +36,7 @@ let csrfToken
 if (csrfTokenElement) { csrfToken = csrfTokenElement.getAttribute('content') }
 const liveSocket = new LiveSocket('/live', Socket, {
   params: { _csrf_token: csrfToken },
-  hooks: { Date, DateTime }
+  hooks: { CtrlEnter, Date, DateTime }
 })
 
 // Show progress bar on live navigation and form submits

assets/js/ctrlenter.js

@@ -0,0 +1,12 @@
+export default {
+  addFormSubmit (context) {
+    context.el.addEventListener('keydown', (e) => {
+      if (e.ctrlKey && e.key === 'Enter') {
+        context.el.dispatchEvent(
+          new Event('submit', { bubbles: true, cancelable: true }))
+      }
+    })
+  },
+  mounted () { this.addFormSubmit(this) },
+  updated () { this.addFormSubmit(this) }
+}

changelog.md

@@ -1,5 +1,15 @@
 # v0.1.13
 - Update dependencies
+- Fix debounces
+- Allow space as delimiter for tags
+- Add bottom padding to page
+- Make pipeline step not require content
+- Make content previews resizable
+- Fix live flashes not dismissable by click
+- Fix disconnection modal not displaying
+- Submit items with ctrl-enter
+- Display backlinks in pipeline description
+- Modify backlink format
 
 # v0.1.12
 - Code quality fixes

config/test.exs

@@ -26,7 +26,7 @@ config :memex, Memex.Mailer, adapter: Swoosh.Adapters.Test
 config :memex, Memex.Accounts, registration: "public"
 
 # Print only warnings and errors during test
-config :logger, level: :warn
+config :logger, level: :warning
 
 # Initialize plugs at runtime for faster test compilation
 config :phoenix, :plug_init_mode, :runtime

lib/memex/contexts/context.ex

@@ -79,11 +79,11 @@ defmodule Memex.Contexts.Context do
     changeset
     |> put_change(:tags_string, changeset |> get_field(:tags) |> get_tags_string())
     |> cast(attrs, [:tags_string])
-    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\,]+$/,
+    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\, ]+$/,
       message:
         dgettext(
           "errors",
-          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
+          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
         )
     )
     |> cast_tags()
@@ -98,9 +98,9 @@ defmodule Memex.Contexts.Context do
 
   defp process_tags(tags_string) when tags_string |> is_binary() do
     tags_string
-    |> String.split(",", trim: true)
+    |> String.split([",", " "], trim: true)
     |> Enum.map(fn str -> str |> String.trim() end)
-    |> Enum.reject(fn str -> str |> is_nil() end)
+    |> Enum.reject(fn str -> str in [nil, ""] end)
     |> Enum.sort()
   end
 

lib/memex/notes/note.ex

@@ -78,11 +78,11 @@ defmodule Memex.Notes.Note do
     changeset
     |> put_change(:tags_string, changeset |> get_field(:tags) |> get_tags_string())
     |> cast(attrs, [:tags_string])
-    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\,]+$/,
+    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\, ]+$/,
       message:
         dgettext(
           "errors",
-          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
+          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
         )
     )
     |> cast_tags()
@@ -97,9 +97,9 @@ defmodule Memex.Notes.Note do
 
   defp process_tags(tags_string) when tags_string |> is_binary() do
     tags_string
-    |> String.split(",", trim: true)
+    |> String.split([",", " "], trim: true)
     |> Enum.map(fn str -> str |> String.trim() end)
-    |> Enum.reject(fn str -> str |> is_nil() end)
+    |> Enum.reject(fn str -> str in [nil, ""] end)
     |> Enum.sort()
   end
 

lib/memex/pipelines/pipeline.ex

@@ -81,11 +81,11 @@ defmodule Memex.Pipelines.Pipeline do
     changeset
     |> put_change(:tags_string, changeset |> get_field(:tags) |> get_tags_string())
     |> cast(attrs, [:tags_string])
-    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\,]+$/,
+    |> validate_format(:tags_string, ~r/^[\p{L}\p{N}\-\, ]+$/,
       message:
         dgettext(
           "errors",
-          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
+          "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
         )
     )
     |> cast_tags()
@@ -100,9 +100,9 @@ defmodule Memex.Pipelines.Pipeline do
 
   defp process_tags(tags_string) when tags_string |> is_binary() do
     tags_string
-    |> String.split(",", trim: true)
+    |> String.split([",", " "], trim: true)
     |> Enum.map(fn str -> str |> String.trim() end)
-    |> Enum.reject(fn str -> str |> is_nil() end)
+    |> Enum.reject(fn str -> str in [nil, ""] end)
     |> Enum.sort()
   end
 

lib/memex/pipelines/step.ex

@@ -50,7 +50,7 @@ defmodule Memex.Pipelines.Steps.Step do
     %__MODULE__{}
     |> cast(attrs, [:title, :content])
     |> change(pipeline_id: pipeline_id, user_id: user_id, position: position)
-    |> validate_required([:title, :content, :user_id, :position])
+    |> validate_required([:title, :user_id, :position])
   end
 
   @spec update_changeset(t(), attrs :: map(), User.t()) ::
@@ -62,7 +62,7 @@ defmodule Memex.Pipelines.Steps.Step do
       ) do
     step
     |> cast(attrs, [:title, :content])
-    |> validate_required([:title, :content, :user_id, :position])
+    |> validate_required([:title, :user_id, :position])
   end
 
   @spec position_changeset(t(), position :: non_neg_integer(), User.t()) :: changeset()
@@ -73,6 +73,6 @@ defmodule Memex.Pipelines.Steps.Step do
       ) do
     step
     |> change(position: position)
-    |> validate_required([:title, :content, :user_id, :position])
+    |> validate_required([:title, :user_id, :position])
   end
 end

lib/memex_web/components/core_components.ex

@@ -8,7 +8,7 @@ defmodule MemexWeb.CoreComponents do
   alias Memex.{Accounts, Accounts.Invite, Accounts.User}
   alias Memex.Contexts.Context
   alias Memex.Notes.Note
-  alias Memex.Pipelines.Steps.Step
+  alias Memex.Pipelines.{Pipeline, Steps.Step}
   alias Phoenix.HTML
   alias Phoenix.LiveView.JS
 
@@ -130,53 +130,118 @@ defmodule MemexWeb.CoreComponents do
 
   def step_content(assigns)
 
-  defp add_links_to_content(content, data_qa_prefix) do
-    # replace links
+  attr :pipeline, Pipeline, required: true
 
-    # link regex from
-    # https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
-    # and modified with additional schemes from
-    # https://www.iana.org/assignments/uri-schemes/uri-schemes.xhtml
+  def pipeline_content(assigns)
 
-    content =
-      Regex.replace(
-        ~r<((file|git|https?|ipfs|ipns|irc|jabber|magnet|mailto|mumble|tel|udp|xmpp):\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*))>,
-        content,
-        fn _whole_match, link ->
-          link =
-            HTML.Link.link(
-              link,
-              to: link,
-              class: "link inline",
-              target: "_blank",
-              rel: "noopener noreferrer"
-            )
-            |> HTML.Safe.to_iodata()
-            |> IO.iodata_to_binary()
+  defp display_backlinks(record) do
+    record
+    |> get_text()
+    |> replace_links(record)
+    |> replace_triple_backlinks(record)
+    |> replace_double_backlinks(record)
+    |> replace_single_backlinks(record)
+    |> HTML.raw()
+  end
 
-          "</p>#{link}<p class=\"inline\">"
-        end
-      )
+  defp get_text(%{content: content}), do: content
+  defp get_text(%{description: description}), do: description
+  defp get_text(_fallthrough), do: ""
 
-    content =
-      Regex.replace(
-        ~r/\[\[([\p{L}\p{N}\-]+)\]\]/,
-        content,
-        fn _whole_match, slug ->
-          link =
-            HTML.Link.link(
-              "[[#{slug}]]",
-              to: ~p"/note/#{slug}",
-              class: "link inline",
-              data: [qa: "#{data_qa_prefix}-#{slug}"]
-            )
-            |> HTML.Safe.to_iodata()
-            |> IO.iodata_to_binary()
+  # link regex from
+  # https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
+  # and modified with additional schemes from
+  # https://www.iana.org/assignments/uri-schemes/uri-schemes.xhtml
+  defp replace_links(content, _record) do
+    Regex.replace(
+      ~r<((file|git|https?|ipfs|ipns|irc|jabber|magnet|mailto|mumble|tel|udp|xmpp):\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*))>,
+      content,
+      fn _whole_match, link ->
+        link =
+          HTML.Link.link(
+            link,
+            to: link,
+            class: "link inline",
+            target: "_blank",
+            rel: "noopener noreferrer"
+          )
+          |> HTML.Safe.to_iodata()
+          |> IO.iodata_to_binary()
 
-          "</p>#{link}<p class=\"inline\">"
-        end
-      )
+        "</p>#{link}<p class=\"inline\">"
+      end
+    )
+  end
 
-    content |> HTML.raw()
+  defp replace_triple_backlinks(content, _record) do
+    Regex.replace(
+      ~r/(^|[^\[])\[\[\[([\p{L}\p{N}\-]+)\]\]\]($|[^\]])/,
+      content,
+      fn _whole_match, prefix, slug, suffix ->
+        link =
+          HTML.Link.link(
+            "[[[#{slug}]]]",
+            to: ~p"/note/#{slug}",
+            class: "link inline"
+          )
+          |> HTML.Safe.to_iodata()
+          |> IO.iodata_to_binary()
+
+        "#{prefix}</p>#{link}<p class=\"inline\">#{suffix}"
+      end
+    )
+  end
+
+  defp replace_double_backlinks(content, record) do
+    Regex.replace(
+      ~r/(^|[^\[])\[\[([\p{L}\p{N}\-]+)\]\]($|[^\]])/,
+      content,
+      fn _whole_match, prefix, slug, suffix ->
+        target =
+          case record do
+            %Pipeline{} -> ~p"/context/#{slug}"
+            %Step{} -> ~p"/context/#{slug}"
+            _context -> ~p"/note/#{slug}"
+          end
+
+        link =
+          HTML.Link.link(
+            "[[#{slug}]]",
+            to: target,
+            class: "link inline"
+          )
+          |> HTML.Safe.to_iodata()
+          |> IO.iodata_to_binary()
+
+        "#{prefix}</p>#{link}<p class=\"inline\">#{suffix}"
+      end
+    )
+  end
+
+  defp replace_single_backlinks(content, record) do
+    Regex.replace(
+      ~r/(^|[^\[])\[([\p{L}\p{N}\-]+)\]($|[^\]])/,
+      content,
+      fn _whole_match, prefix, slug, suffix ->
+        target =
+          case record do
+            %Pipeline{} -> ~p"/pipeline/#{slug}"
+            %Step{} -> ~p"/pipeline/#{slug}"
+            %Context{} -> ~p"/context/#{slug}"
+            _note -> ~p"/note/#{slug}"
+          end
+
+        link =
+          HTML.Link.link(
+            "[#{slug}]",
+            to: target,
+            class: "link inline"
+          )
+          |> HTML.Safe.to_iodata()
+          |> IO.iodata_to_binary()
+
+        "#{prefix}</p>#{link}<p class=\"inline\">#{suffix}"
+      end
+    )
   end
 end

lib/memex_web/components/core_components/context_content.html.heex

@@ -1,7 +1,7 @@
 <div
   id={"show-context-content-#{@context.id}"}
-  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto resize-y"
   phx-update="ignore"
   readonly
   phx-no-format
-><p class="inline"><%= add_links_to_content(@context.content, "context-note") %></p></div>
+><p class="inline"><%= display_backlinks(@context) %></p></div>

lib/memex_web/components/core_components/note_content.html.heex

@@ -1,7 +1,7 @@
 <div
   id={"show-note-content-#{@note.id}"}
-  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  class="input input-primary h-128 min-h-128 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto resize-y"
   phx-update="ignore"
   readonly
   phx-no-format
-><p class="inline"><%= add_links_to_content(@note.content, "note-link") %></p></div>
+><p class="inline"><%= display_backlinks(@note) %></p></div>

lib/memex_web/components/core_components/pipeline_content.html.heex

@@ -0,0 +1,7 @@
+<div
+  id={"show-pipeline-description-#{@pipeline.id}"}
+  class="input input-primary h-32 min-h-32 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto resize-y"
+  phx-update="ignore"
+  readonly
+  phx-no-format
+><p class="inline"><%= display_backlinks(@pipeline) %></p></div>

lib/memex_web/components/core_components/step_content.html.heex

@@ -1,7 +1,7 @@
 <div
   id={"show-step-content-#{@step.id}"}
-  class="input input-primary h-32 min-h-32 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto"
+  class="input input-primary h-32 min-h-32 inline-block whitespace-pre-wrap overflow-x-hidden overflow-y-auto resize-y"
   phx-update="ignore"
   readonly
   phx-no-format
-><p class="inline"><%= add_links_to_content(@step.content, "step-context") %></p></div>
+><p class="inline"><%= display_backlinks(@step) %></p></div>

lib/memex_web/components/layouts/app.html.heex

@@ -1,13 +1,26 @@
-<main role="main" class="min-h-full min-w-full">
+<main role="main" class="pb-8 min-w-full">
   <header>
     <.topbar current_user={assigns[:current_user]} />
 
     <div class="mx-8 my-2 flex flex-col space-y-4 text-center">
-      <p :if={@flash["info"]} class="alert alert-info" role="alert">
-        <%= @flash["info"] %>
+      <p
+        :if={@flash && @flash |> Map.has_key?("info")}
+        class="alert alert-info cursor-pointer"
+        role="alert"
+        phx-click="lv:clear-flash"
+        phx-value-key="info"
+      >
+        <%= live_flash(@flash, :info) %>
       </p>
-      <p :if={@flash["error"]} class="alert alert-danger" role="alert">
-        <%= @flash["error"] %>
+
+      <p
+        :if={@flash && @flash |> Map.has_key?("error")}
+        class="alert alert-danger cursor-pointer"
+        role="alert"
+        phx-click="lv:clear-flash"
+        phx-value-key="error"
+      >
+        <%= live_flash(@flash, :error) %>
       </p>
     </div>
   </header>
@@ -16,3 +29,17 @@
     <%= @inner_content %>
   </div>
 </main>
+
+<div
+  id="disconnect"
+  class="z-50 fixed opacity-0 bottom-8 right-12 px-8 py-4 w-max h-max
+  border border-primary-400 shadow-lg rounded-lg bg-primary-900 text-primary-400
+  flex justify-center items-center space-x-4
+  transition-opacity ease-in-out duration-500 delay-[2000ms]"
+>
+  <i class="fas fa-fade text-md fa-satellite-dish"></i>
+
+  <h1 class="title text-md">
+    <%= gettext("Reconnecting...") %>
+  </h1>
+</div>

lib/memex_web/components/layouts/live.html.heex

@@ -1,45 +0,0 @@
-<main class="pb-8 min-w-full">
-  <header>
-    <.topbar current_user={assigns[:current_user]} />
-
-    <div class="mx-8 my-2 flex flex-col space-y-4 text-center">
-      <p
-        :if={@flash && @flash |> Map.has_key?("info")}
-        class="alert alert-info"
-        role="alert"
-        phx-click="lv:clear-flash"
-        phx-value-key="info"
-      >
-        <%= live_flash(@flash, "info") %>
-      </p>
-
-      <p
-        :if={@flash && @flash |> Map.has_key?("error")}
-        class="alert alert-danger"
-        role="alert"
-        phx-click="lv:clear-flash"
-        phx-value-key="error"
-      >
-        <%= live_flash(@flash, "error") %>
-      </p>
-    </div>
-  </header>
-
-  <div class="mx-4 sm:mx-8 md:mx-16">
-    <%= @inner_content %>
-  </div>
-</main>
-
-<div
-  id="disconnect"
-  class="z-50 fixed opacity-0 bottom-12 right-12 px-8 py-4 w-max h-max
-  border border-primary-400 shadow-lg rounded-lg bg-primary-900 text-primary-400
-  flex justify-center items-center space-x-4
-  transition-opacity ease-in-out duration-500 delay-[2000ms]"
->
-  <i class="fas fa-fade text-md fa-satellite-dish"></i>
-
-  <h1 class="title text-md">
-    <%= gettext("Reconnecting...") %>
-  </h1>
-</div>

lib/memex_web/live/context_live/form_component.html.heex

@@ -6,13 +6,14 @@
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"
-    phx-debounce="300"
+    phx-hook="CtrlEnter"
     class="flex flex-col justify-start items-stretch space-y-4"
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
       placeholder: gettext("slug"),
-      aria_label: gettext("slug")
+      aria_label: gettext("slug"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,8 +21,11 @@
       id: "context-form-content",
       class: "input input-primary h-64 min-h-64",
       phx_update: "ignore",
-      placeholder: gettext("use [[note-slug]] to link to a note"),
-      aria_label: gettext("use [[note-slug]] to link to a note")
+      placeholder:
+        gettext("use [[note-slug]] to link to a note or [context-slug] to link to a context"),
+      aria_label:
+        gettext("use [[note-slug]] to link to a note or [context-slug] to link to a context"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :content) %>
 
@@ -29,7 +33,8 @@
       id: "tags-input",
       class: "input input-primary",
       placeholder: gettext("tag1,tag2"),
-      aria_label: gettext("tag1,tag2")
+      aria_label: gettext("tag1,tag2"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :tags_string) %>
 
@@ -37,7 +42,8 @@
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Contexts.Context, :visibility),
         class: "grow input input-primary",
         prompt: gettext("select privacy"),
-        aria_label: gettext("select privacy")
+        aria_label: gettext("select privacy"),
+        phx_debounce: 300
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/invite_live/form_component.html.heex

@@ -10,6 +10,7 @@
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"
+    phx-hook="CtrlEnter"
   >
     <div
       :if={@changeset.action && not @changeset.valid?()}
@@ -18,13 +19,27 @@
       <%= changeset_errors(@changeset) %>
     </div>
 
-    <%= label(f, :name, gettext("name"), class: "title text-lg text-primary-400") %>
-    <%= text_input(f, :name, class: "input input-primary col-span-2") %>
+    <%= label(f, :name, gettext("name"),
+      class: "title text-lg text-primary-400",
+      phx_debounce: 300
+    ) %>
+    <%= text_input(f, :name,
+      class: "input input-primary col-span-2",
+      phx_debounce: 300
+    ) %>
     <%= error_tag(f, :name, "col-span-3") %>
 
-    <%= label(f, :uses_left, gettext("uses left"), class: "title text-lg text-primary-400") %>
-    <%= number_input(f, :uses_left, min: 0, class: "input input-primary col-span-2") %>
+    <%= label(f, :uses_left, gettext("uses left"),
+      class: "title text-lg text-primary-400",
+      phx_debounce: 300
+    ) %>
+    <%= number_input(f, :uses_left,
+      min: 0,
+      class: "input input-primary col-span-2",
+      phx_debounce: 300
+    ) %>
     <%= error_tag(f, :uses_left, "col-span-3") %>
+
     <span class="col-span-3 text-primary-500 italic text-center">
       <%= gettext(~s/leave "uses left" blank to make invite unlimited/) %>
     </span>

lib/memex_web/live/note_live/form_component.html.heex

@@ -6,13 +6,14 @@
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"
-    phx-debounce="300"
+    phx-hook="CtrlEnter"
     class="flex flex-col justify-start items-stretch space-y-4"
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
       placeholder: gettext("slug"),
-      aria_label: gettext("slug")
+      aria_label: gettext("slug"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,8 +21,9 @@
       id: "note-form-content",
       class: "input input-primary h-64 min-h-64",
       phx_update: "ignore",
-      placeholder: gettext("content"),
-      aria_label: gettext("content")
+      placeholder: gettext("use [note-slug] to link to a note"),
+      aria_label: gettext("use [note-slug] to link to a note"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :content) %>
 
@@ -29,7 +31,8 @@
       id: "tags-input",
       class: "input input-primary",
       placeholder: gettext("tag1,tag2"),
-      aria_label: gettext("tag1,tag2")
+      aria_label: gettext("tag1,tag2"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :tags_string) %>
 
@@ -37,7 +40,8 @@
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Notes.Note, :visibility),
         class: "grow input input-primary",
         prompt: gettext("select privacy"),
-        aria_label: gettext("select privacy")
+        aria_label: gettext("select privacy"),
+        phx_debounce: 300
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/pipeline_live/form_component.html.heex

@@ -6,13 +6,14 @@
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"
-    phx-debounce="300"
+    phx-hook="CtrlEnter"
     class="flex flex-col justify-start items-stretch space-y-4"
   >
     <%= text_input(f, :slug,
       class: "input input-primary",
       placeholder: gettext("slug"),
-      aria_label: gettext("slug")
+      aria_label: gettext("slug"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :slug) %>
 
@@ -20,8 +21,15 @@
       id: "pipeline-form-description",
       class: "input input-primary h-64 min-h-64",
       phx_update: "ignore",
-      placeholder: gettext("description"),
-      aria_label: gettext("description")
+      placeholder:
+        gettext(
+          "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+        ),
+      aria_label:
+        gettext(
+          "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+        ),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :description) %>
 
@@ -29,7 +37,8 @@
       id: "tags-input",
       class: "input input-primary",
       placeholder: gettext("tag1,tag2"),
-      aria_label: gettext("tag1,tag2")
+      aria_label: gettext("tag1,tag2"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :tags_string) %>
 
@@ -37,7 +46,8 @@
       <%= select(f, :visibility, Ecto.Enum.values(Memex.Pipelines.Pipeline, :visibility),
         class: "grow input input-primary",
         prompt: gettext("select privacy"),
-        aria_label: gettext("select privacy")
+        aria_label: gettext("select privacy"),
+        phx_debounce: 300
       ) %>
 
       <%= submit(dgettext("actions", "save"),

lib/memex_web/live/pipeline_live/show.html.heex

@@ -9,14 +9,7 @@
     </.link>
   </div>
 
-  <textarea
-    :if={@pipeline.description}
-    id="show-pipeline-description"
-    class="input input-primary h-32 min-h-32"
-    phx-update="ignore"
-    readonly
-    phx-no-format
-  ><%= @pipeline.description %></textarea>
+  <.pipeline_content pipeline={@pipeline} />
 
   <p class="self-end">
     <%= gettext("Visibility: %{visibility}", visibility: @pipeline.visibility) %>

lib/memex_web/live/step_live/form_component.html.heex

@@ -6,13 +6,14 @@
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save"
-    phx-debounce="300"
+    phx-hook="CtrlEnter"
     class="flex flex-col justify-start items-stretch space-y-4"
   >
     <%= text_input(f, :title,
       class: "input input-primary",
       placeholder: gettext("title"),
-      aria_label: gettext("title")
+      aria_label: gettext("title"),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :title) %>
 
@@ -20,8 +21,15 @@
       id: "step-form-content",
       class: "input input-primary h-64 min-h-64",
       phx_update: "ignore",
-      placeholder: gettext("use [[context-slug]] to link to a context"),
-      aria_label: gettext("use [[context-slug]] to link to a context")
+      placeholder:
+        gettext(
+          "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+        ),
+      aria_label:
+        gettext(
+          "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+        ),
+      phx_debounce: 300
     ) %>
     <%= error_tag(f, :content) %>
 

priv/gettext/actions.pot

@@ -44,8 +44,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:50
 #: lib/memex_web/live/note_live/show.html.heex:34
 #: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:41
-#: lib/memex_web/live/pipeline_live/show.html.heex:112
+#: lib/memex_web/live/pipeline_live/show.html.heex:34
+#: lib/memex_web/live/pipeline_live/show.html.heex:105
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -60,8 +60,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:40
 #: lib/memex_web/live/note_live/show.html.heex:24
 #: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:31
-#: lib/memex_web/live/pipeline_live/show.html.heex:101
+#: lib/memex_web/live/pipeline_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -108,16 +108,16 @@ msgstr ""
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:43
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:43
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:43
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/context_live/form_component.html.heex:49
+#: lib/memex_web/live/invite_live/form_component.html.heex:47
+#: lib/memex_web/live/note_live/form_component.html.heex:47
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:53
+#: lib/memex_web/live/step_live/form_component.html.heex:37
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:127
+#: lib/memex_web/live/pipeline_live/show.html.heex:120
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -162,12 +162,12 @@ msgid "delete %{note_slug}"
 msgstr ""
 
 #: lib/memex_web/live/pipeline_live/index.html.heex:49
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "delete %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:110
+#: lib/memex_web/live/pipeline_live/show.html.heex:103
 #, elixir-autogen, elixir-format
 msgid "delete %{step_title}"
 msgstr ""
@@ -192,7 +192,7 @@ msgstr ""
 msgid "edit %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:99
+#: lib/memex_web/live/pipeline_live/show.html.heex:92
 #, elixir-autogen, elixir-format
 msgid "edit %{step_title}"
 msgstr ""
@@ -202,12 +202,12 @@ msgstr ""
 msgid "edit invite for %{invite_name}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:89
+#: lib/memex_web/live/pipeline_live/show.html.heex:82
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} down"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:73
+#: lib/memex_web/live/pipeline_live/show.html.heex:66
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} up"
 msgstr ""

priv/gettext/de/LC_MESSAGES/actions.po

@@ -44,8 +44,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:50
 #: lib/memex_web/live/note_live/show.html.heex:34
 #: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:41
-#: lib/memex_web/live/pipeline_live/show.html.heex:112
+#: lib/memex_web/live/pipeline_live/show.html.heex:34
+#: lib/memex_web/live/pipeline_live/show.html.heex:105
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -60,8 +60,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:40
 #: lib/memex_web/live/note_live/show.html.heex:24
 #: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:31
-#: lib/memex_web/live/pipeline_live/show.html.heex:101
+#: lib/memex_web/live/pipeline_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -108,16 +108,16 @@ msgstr ""
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:43
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:43
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:43
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/context_live/form_component.html.heex:49
+#: lib/memex_web/live/invite_live/form_component.html.heex:47
+#: lib/memex_web/live/note_live/form_component.html.heex:47
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:53
+#: lib/memex_web/live/step_live/form_component.html.heex:37
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:127
+#: lib/memex_web/live/pipeline_live/show.html.heex:120
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -162,12 +162,12 @@ msgid "delete %{note_slug}"
 msgstr ""
 
 #: lib/memex_web/live/pipeline_live/index.html.heex:49
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "delete %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:110
+#: lib/memex_web/live/pipeline_live/show.html.heex:103
 #, elixir-autogen, elixir-format
 msgid "delete %{step_title}"
 msgstr ""
@@ -192,7 +192,7 @@ msgstr ""
 msgid "edit %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:99
+#: lib/memex_web/live/pipeline_live/show.html.heex:92
 #, elixir-autogen, elixir-format
 msgid "edit %{step_title}"
 msgstr ""
@@ -202,12 +202,12 @@ msgstr ""
 msgid "edit invite for %{invite_name}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:89
+#: lib/memex_web/live/pipeline_live/show.html.heex:82
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} down"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:73
+#: lib/memex_web/live/pipeline_live/show.html.heex:66
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} up"
 msgstr ""

priv/gettext/de/LC_MESSAGES/default.po

@@ -12,14 +12,14 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "X-Generator: Translate Toolkit 3.7.4\n"
 
-#: lib/memex_web/components/layouts/live.html.heex:43
+#: lib/memex_web/components/layouts/app.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "Reconnecting..."
 msgstr ""
 
 #: lib/memex_web/live/context_live/show.html.heex:15
 #: lib/memex_web/live/note_live/show.html.heex:15
-#: lib/memex_web/live/pipeline_live/show.html.heex:22
+#: lib/memex_web/live/pipeline_live/show.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "Visibility: %{visibility}"
 msgstr ""
@@ -45,12 +45,6 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
-#: lib/memex_web/live/note_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "content"
-msgstr ""
-
 #: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
@@ -243,20 +237,20 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:50
+#: lib/memex_web/live/note_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:54
+#: lib/memex_web/live/step_live/form_component.html.heex:38
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:39
-#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:39
-#: lib/memex_web/live/note_live/form_component.html.heex:40
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
+#: lib/memex_web/live/context_live/form_component.html.heex:45
+#: lib/memex_web/live/note_live/form_component.html.heex:42
+#: lib/memex_web/live/note_live/form_component.html.heex:43
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
@@ -272,12 +266,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:31
-#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:31
-#: lib/memex_web/live/note_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:31
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/context_live/form_component.html.heex:35
+#: lib/memex_web/live/context_live/form_component.html.heex:36
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/note_live/form_component.html.heex:34
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -334,8 +328,6 @@ msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -409,12 +401,6 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
-#: lib/memex_web/live/context_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[note-slug]] to link to a note"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.ex:10
 #: lib/memex_web/live/faq_live.html.heex:3
 #, elixir-autogen, elixir-format
@@ -436,7 +422,7 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:59
+#: lib/memex_web/live/pipeline_live/show.html.heex:52
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
@@ -461,12 +447,12 @@ msgstr ""
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:53
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:48
+#: lib/memex_web/live/pipeline_live/show.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
@@ -477,12 +463,6 @@ msgstr ""
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
-#: lib/memex_web/live/step_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[context-slug]] to link to a context"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.html.heex:65
 #, elixir-autogen, elixir-format
 msgid "finally, i wanted to externalize the processes for common situations that use these thought processes at discrete steps. these are pipelines!"
@@ -658,7 +638,7 @@ msgstr ""
 msgid "keep me logged in for 60 days"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:21
+#: lib/memex_web/live/invite_live/form_component.html.heex:22
 #, elixir-autogen, elixir-format, fuzzy
 msgid "name"
 msgstr ""
@@ -669,12 +649,12 @@ msgstr ""
 msgid "password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:25
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
 #, elixir-autogen, elixir-format, fuzzy
 msgid "uses left"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/form_component.html.heex:44
 #, elixir-autogen, elixir-format, fuzzy
 msgid "leave \"uses left\" blank to make invite unlimited"
 msgstr ""
@@ -711,3 +691,23 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "reset your password"
 msgstr ""
+
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:25
+#: lib/memex_web/live/step_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+msgstr ""
+
+#: lib/memex_web/live/context_live/form_component.html.heex:25
+#: lib/memex_web/live/context_live/form_component.html.heex:27
+#, elixir-autogen, elixir-format, fuzzy
+msgid "use [[note-slug]] to link to a note or [context-slug] to link to a context"
+msgstr ""
+
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
+#, elixir-autogen, elixir-format, fuzzy
+msgid "use [note-slug] to link to a note"
+msgstr ""

priv/gettext/de/LC_MESSAGES/errors.po

@@ -79,13 +79,6 @@ msgstr ""
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
-#: lib/memex/notes/note.ex:83
-#: lib/memex/pipelines/pipeline.ex:86
-#, elixir-autogen, elixir-format, fuzzy
-msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
-msgstr ""
-
 #: lib/memex_web/controllers/user_registration_html/new.html.heex:13
 #: lib/memex_web/controllers/user_reset_password_html/edit.html.heex:13
 #: lib/memex_web/controllers/user_settings_html/edit.html.heex:64
@@ -146,3 +139,10 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "user confirmation link is invalid or it has expired."
 msgstr ""
+
+#: lib/memex/contexts/context.ex:84
+#: lib/memex/notes/note.ex:83
+#: lib/memex/pipelines/pipeline.ex:86
+#, elixir-autogen, elixir-format, fuzzy
+msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
+msgstr ""

priv/gettext/de/LC_MESSAGES/prompts.po

@@ -70,8 +70,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:47
 #: lib/memex_web/live/note_live/show.html.heex:31
 #: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/show.html.heex:109
+#: lib/memex_web/live/pipeline_live/show.html.heex:31
+#: lib/memex_web/live/pipeline_live/show.html.heex:102
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -137,7 +137,7 @@ msgstr ""
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#: lib/memex_web/live/invite_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format, fuzzy
 msgid "saving..."
 msgstr ""

priv/gettext/default.pot

@@ -10,14 +10,14 @@
 msgid ""
 msgstr ""
 
-#: lib/memex_web/components/layouts/live.html.heex:43
+#: lib/memex_web/components/layouts/app.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "Reconnecting..."
 msgstr ""
 
 #: lib/memex_web/live/context_live/show.html.heex:15
 #: lib/memex_web/live/note_live/show.html.heex:15
-#: lib/memex_web/live/pipeline_live/show.html.heex:22
+#: lib/memex_web/live/pipeline_live/show.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "Visibility: %{visibility}"
 msgstr ""
@@ -43,12 +43,6 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
-#: lib/memex_web/live/note_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "content"
-msgstr ""
-
 #: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
@@ -241,20 +235,20 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:50
+#: lib/memex_web/live/note_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:54
+#: lib/memex_web/live/step_live/form_component.html.heex:38
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:39
-#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:39
-#: lib/memex_web/live/note_live/form_component.html.heex:40
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
+#: lib/memex_web/live/context_live/form_component.html.heex:45
+#: lib/memex_web/live/note_live/form_component.html.heex:42
+#: lib/memex_web/live/note_live/form_component.html.heex:43
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
@@ -270,12 +264,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:31
-#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:31
-#: lib/memex_web/live/note_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:31
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/context_live/form_component.html.heex:35
+#: lib/memex_web/live/context_live/form_component.html.heex:36
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/note_live/form_component.html.heex:34
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -332,8 +326,6 @@ msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -407,12 +399,6 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
-#: lib/memex_web/live/context_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[note-slug]] to link to a note"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.ex:10
 #: lib/memex_web/live/faq_live.html.heex:3
 #, elixir-autogen, elixir-format
@@ -434,7 +420,7 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:59
+#: lib/memex_web/live/pipeline_live/show.html.heex:52
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
@@ -459,12 +445,12 @@ msgstr ""
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:53
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:48
+#: lib/memex_web/live/pipeline_live/show.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
@@ -475,12 +461,6 @@ msgstr ""
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
-#: lib/memex_web/live/step_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[context-slug]] to link to a context"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.html.heex:65
 #, elixir-autogen, elixir-format
 msgid "finally, i wanted to externalize the processes for common situations that use these thought processes at discrete steps. these are pipelines!"
@@ -656,7 +636,7 @@ msgstr ""
 msgid "keep me logged in for 60 days"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:21
+#: lib/memex_web/live/invite_live/form_component.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "name"
 msgstr ""
@@ -667,12 +647,12 @@ msgstr ""
 msgid "password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:25
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "uses left"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/form_component.html.heex:44
 #, elixir-autogen, elixir-format
 msgid "leave \"uses left\" blank to make invite unlimited"
 msgstr ""
@@ -709,3 +689,23 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "reset your password"
 msgstr ""
+
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:25
+#: lib/memex_web/live/step_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+msgstr ""
+
+#: lib/memex_web/live/context_live/form_component.html.heex:25
+#: lib/memex_web/live/context_live/form_component.html.heex:27
+#, elixir-autogen, elixir-format
+msgid "use [[note-slug]] to link to a note or [context-slug] to link to a context"
+msgstr ""
+
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
+#, elixir-autogen, elixir-format
+msgid "use [note-slug] to link to a note"
+msgstr ""

priv/gettext/en/LC_MESSAGES/actions.po

@@ -45,8 +45,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:50
 #: lib/memex_web/live/note_live/show.html.heex:34
 #: lib/memex_web/live/pipeline_live/index.html.heex:52
-#: lib/memex_web/live/pipeline_live/show.html.heex:41
-#: lib/memex_web/live/pipeline_live/show.html.heex:112
+#: lib/memex_web/live/pipeline_live/show.html.heex:34
+#: lib/memex_web/live/pipeline_live/show.html.heex:105
 #, elixir-autogen, elixir-format
 msgid "delete"
 msgstr ""
@@ -61,8 +61,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:40
 #: lib/memex_web/live/note_live/show.html.heex:24
 #: lib/memex_web/live/pipeline_live/index.html.heex:40
-#: lib/memex_web/live/pipeline_live/show.html.heex:31
-#: lib/memex_web/live/pipeline_live/show.html.heex:101
+#: lib/memex_web/live/pipeline_live/show.html.heex:24
+#: lib/memex_web/live/pipeline_live/show.html.heex:94
 #, elixir-autogen, elixir-format
 msgid "edit"
 msgstr ""
@@ -109,16 +109,16 @@ msgstr ""
 msgid "register"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:43
-#: lib/memex_web/live/invite_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:43
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:43
-#: lib/memex_web/live/step_live/form_component.html.heex:29
+#: lib/memex_web/live/context_live/form_component.html.heex:49
+#: lib/memex_web/live/invite_live/form_component.html.heex:47
+#: lib/memex_web/live/note_live/form_component.html.heex:47
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:53
+#: lib/memex_web/live/step_live/form_component.html.heex:37
 #, elixir-autogen, elixir-format
 msgid "save"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:127
+#: lib/memex_web/live/pipeline_live/show.html.heex:120
 #, elixir-autogen, elixir-format
 msgid "add step"
 msgstr ""
@@ -163,12 +163,12 @@ msgid "delete %{note_slug}"
 msgstr ""
 
 #: lib/memex_web/live/pipeline_live/index.html.heex:49
-#: lib/memex_web/live/pipeline_live/show.html.heex:39
+#: lib/memex_web/live/pipeline_live/show.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "delete %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:110
+#: lib/memex_web/live/pipeline_live/show.html.heex:103
 #, elixir-autogen, elixir-format
 msgid "delete %{step_title}"
 msgstr ""
@@ -193,7 +193,7 @@ msgstr ""
 msgid "edit %{pipeline_slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:99
+#: lib/memex_web/live/pipeline_live/show.html.heex:92
 #, elixir-autogen, elixir-format
 msgid "edit %{step_title}"
 msgstr ""
@@ -203,12 +203,12 @@ msgstr ""
 msgid "edit invite for %{invite_name}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:89
+#: lib/memex_web/live/pipeline_live/show.html.heex:82
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} down"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:73
+#: lib/memex_web/live/pipeline_live/show.html.heex:66
 #, elixir-autogen, elixir-format
 msgid "move %{step_title} up"
 msgstr ""

priv/gettext/en/LC_MESSAGES/default.po

@@ -11,14 +11,14 @@ msgstr ""
 "Language: en\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
-#: lib/memex_web/components/layouts/live.html.heex:43
+#: lib/memex_web/components/layouts/app.html.heex:43
 #, elixir-autogen, elixir-format
 msgid "Reconnecting..."
 msgstr ""
 
 #: lib/memex_web/live/context_live/show.html.heex:15
 #: lib/memex_web/live/note_live/show.html.heex:15
-#: lib/memex_web/live/pipeline_live/show.html.heex:22
+#: lib/memex_web/live/pipeline_live/show.html.heex:15
 #, elixir-autogen, elixir-format
 msgid "Visibility: %{visibility}"
 msgstr ""
@@ -44,12 +44,6 @@ msgstr ""
 msgid "confirm new password"
 msgstr ""
 
-#: lib/memex_web/live/note_live/form_component.html.heex:23
-#: lib/memex_web/live/note_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "content"
-msgstr ""
-
 #: lib/memex_web/components/core_components/topbar.html.heex:28
 #: lib/memex_web/live/context_live/index.ex:35
 #: lib/memex_web/live/context_live/index.ex:43
@@ -242,20 +236,20 @@ msgstr ""
 msgid "report bugs or request features"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:44
-#: lib/memex_web/live/note_live/form_component.html.heex:44
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:44
-#: lib/memex_web/live/step_live/form_component.html.heex:30
+#: lib/memex_web/live/context_live/form_component.html.heex:50
+#: lib/memex_web/live/note_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:54
+#: lib/memex_web/live/step_live/form_component.html.heex:38
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:39
-#: lib/memex_web/live/context_live/form_component.html.heex:40
-#: lib/memex_web/live/note_live/form_component.html.heex:39
-#: lib/memex_web/live/note_live/form_component.html.heex:40
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
+#: lib/memex_web/live/context_live/form_component.html.heex:44
+#: lib/memex_web/live/context_live/form_component.html.heex:45
+#: lib/memex_web/live/note_live/form_component.html.heex:42
+#: lib/memex_web/live/note_live/form_component.html.heex:43
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:48
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format
 msgid "select privacy"
 msgstr ""
@@ -271,12 +265,12 @@ msgstr ""
 msgid "settings"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:31
-#: lib/memex_web/live/context_live/form_component.html.heex:32
-#: lib/memex_web/live/note_live/form_component.html.heex:31
-#: lib/memex_web/live/note_live/form_component.html.heex:32
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:31
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:32
+#: lib/memex_web/live/context_live/form_component.html.heex:35
+#: lib/memex_web/live/context_live/form_component.html.heex:36
+#: lib/memex_web/live/note_live/form_component.html.heex:33
+#: lib/memex_web/live/note_live/form_component.html.heex:34
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:39
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:40
 #, elixir-autogen, elixir-format
 msgid "tag1,tag2"
 msgstr ""
@@ -333,8 +327,6 @@ msgid "no contexts found"
 msgstr ""
 
 #: lib/memex_web/components/pipelines_table_component.ex:48
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:23
-#: lib/memex_web/live/pipeline_live/form_component.html.heex:24
 #, elixir-autogen, elixir-format
 msgid "description"
 msgstr ""
@@ -408,12 +400,6 @@ msgstr ""
 msgid "home"
 msgstr ""
 
-#: lib/memex_web/live/context_live/form_component.html.heex:23
-#: lib/memex_web/live/context_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[note-slug]] to link to a note"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.ex:10
 #: lib/memex_web/live/faq_live.html.heex:3
 #, elixir-autogen, elixir-format
@@ -435,7 +421,7 @@ msgstr ""
 msgid "what is this?"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:59
+#: lib/memex_web/live/pipeline_live/show.html.heex:52
 #, elixir-autogen, elixir-format
 msgid "%{position}. %{title}"
 msgstr ""
@@ -460,12 +446,12 @@ msgstr ""
 msgid "add step to %{slug}"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:53
+#: lib/memex_web/live/pipeline_live/show.html.heex:46
 #, elixir-autogen, elixir-format
 msgid "no steps"
 msgstr ""
 
-#: lib/memex_web/live/pipeline_live/show.html.heex:48
+#: lib/memex_web/live/pipeline_live/show.html.heex:41
 #, elixir-autogen, elixir-format
 msgid "steps:"
 msgstr ""
@@ -476,12 +462,6 @@ msgstr ""
 msgid "title"
 msgstr ""
 
-#: lib/memex_web/live/step_live/form_component.html.heex:23
-#: lib/memex_web/live/step_live/form_component.html.heex:24
-#, elixir-autogen, elixir-format
-msgid "use [[context-slug]] to link to a context"
-msgstr ""
-
 #: lib/memex_web/live/faq_live.html.heex:65
 #, elixir-autogen, elixir-format
 msgid "finally, i wanted to externalize the processes for common situations that use these thought processes at discrete steps. these are pipelines!"
@@ -657,7 +637,7 @@ msgstr ""
 msgid "keep me logged in for 60 days"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:21
+#: lib/memex_web/live/invite_live/form_component.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "name"
 msgstr ""
@@ -668,12 +648,12 @@ msgstr ""
 msgid "password"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:25
+#: lib/memex_web/live/invite_live/form_component.html.heex:32
 #, elixir-autogen, elixir-format
 msgid "uses left"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:29
+#: lib/memex_web/live/invite_live/form_component.html.heex:44
 #, elixir-autogen, elixir-format, fuzzy
 msgid "leave \"uses left\" blank to make invite unlimited"
 msgstr ""
@@ -710,3 +690,23 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "reset your password"
 msgstr ""
+
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:25
+#: lib/memex_web/live/pipeline_live/form_component.html.heex:29
+#: lib/memex_web/live/step_live/form_component.html.heex:25
+#: lib/memex_web/live/step_live/form_component.html.heex:29
+#, elixir-autogen, elixir-format
+msgid "use [[[note-slug]]] to link to a note or use [[context-slug]] to link to a context or [pipeline-slug] to link to a pipeline"
+msgstr ""
+
+#: lib/memex_web/live/context_live/form_component.html.heex:25
+#: lib/memex_web/live/context_live/form_component.html.heex:27
+#, elixir-autogen, elixir-format, fuzzy
+msgid "use [[note-slug]] to link to a note or [context-slug] to link to a context"
+msgstr ""
+
+#: lib/memex_web/live/note_live/form_component.html.heex:24
+#: lib/memex_web/live/note_live/form_component.html.heex:25
+#, elixir-autogen, elixir-format, fuzzy
+msgid "use [note-slug] to link to a note"
+msgstr ""

priv/gettext/en/LC_MESSAGES/errors.po

@@ -80,13 +80,6 @@ msgstr ""
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
-#: lib/memex/notes/note.ex:83
-#: lib/memex/pipelines/pipeline.ex:86
-#, elixir-autogen, elixir-format
-msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
-msgstr ""
-
 #: lib/memex_web/controllers/user_registration_html/new.html.heex:13
 #: lib/memex_web/controllers/user_reset_password_html/edit.html.heex:13
 #: lib/memex_web/controllers/user_settings_html/edit.html.heex:64
@@ -147,3 +140,10 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "user confirmation link is invalid or it has expired."
 msgstr ""
+
+#: lib/memex/contexts/context.ex:84
+#: lib/memex/notes/note.ex:83
+#: lib/memex/pipelines/pipeline.ex:86
+#, elixir-autogen, elixir-format, fuzzy
+msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
+msgstr ""

priv/gettext/en/LC_MESSAGES/prompts.po

@@ -71,8 +71,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:47
 #: lib/memex_web/live/note_live/show.html.heex:31
 #: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/show.html.heex:109
+#: lib/memex_web/live/pipeline_live/show.html.heex:31
+#: lib/memex_web/live/pipeline_live/show.html.heex:102
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -138,7 +138,7 @@ msgstr ""
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#: lib/memex_web/live/invite_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format, fuzzy
 msgid "saving..."
 msgstr ""

priv/gettext/errors.pot

@@ -79,13 +79,6 @@ msgstr ""
 msgid "unauthorized"
 msgstr ""
 
-#: lib/memex/contexts/context.ex:84
-#: lib/memex/notes/note.ex:83
-#: lib/memex/pipelines/pipeline.ex:86
-#, elixir-autogen, elixir-format
-msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma-delimited"
-msgstr ""
-
 #: lib/memex_web/controllers/user_registration_html/new.html.heex:13
 #: lib/memex_web/controllers/user_reset_password_html/edit.html.heex:13
 #: lib/memex_web/controllers/user_settings_html/edit.html.heex:64
@@ -146,3 +139,10 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "user confirmation link is invalid or it has expired."
 msgstr ""
+
+#: lib/memex/contexts/context.ex:84
+#: lib/memex/notes/note.ex:83
+#: lib/memex/pipelines/pipeline.ex:86
+#, elixir-autogen, elixir-format
+msgid "invalid format: only numbers, letters and hyphen are accepted. tags must be comma or space delimited"
+msgstr ""

priv/gettext/prompts.pot

@@ -70,8 +70,8 @@ msgstr ""
 #: lib/memex_web/live/note_live/index.html.heex:47
 #: lib/memex_web/live/note_live/show.html.heex:31
 #: lib/memex_web/live/pipeline_live/index.html.heex:47
-#: lib/memex_web/live/pipeline_live/show.html.heex:38
-#: lib/memex_web/live/pipeline_live/show.html.heex:109
+#: lib/memex_web/live/pipeline_live/show.html.heex:31
+#: lib/memex_web/live/pipeline_live/show.html.heex:102
 #, elixir-autogen, elixir-format
 msgid "are you sure?"
 msgstr ""
@@ -137,7 +137,7 @@ msgstr ""
 msgid "are you sure you want to delete %{email}? this action is permanent!"
 msgstr ""
 
-#: lib/memex_web/live/invite_live/form_component.html.heex:34
+#: lib/memex_web/live/invite_live/form_component.html.heex:49
 #, elixir-autogen, elixir-format
 msgid "saving..."
 msgstr ""

test/memex_web/live/context_live_test.exs

@@ -17,7 +17,7 @@ defmodule MemexWeb.ContextLiveTest do
   }
   @invalid_attrs %{
     content: nil,
-    tags_string: "invalid tags",
+    tags_string: "invalid_tag or_tags",
     slug: nil,
     visibility: nil
   }
@@ -114,7 +114,7 @@ defmodule MemexWeb.ContextLiveTest do
         |> render_change(context: @invalid_attrs)
 
       assert html =~ "can't be blank"
-      assert html =~ "tags must be comma-delimited"
+      assert html =~ "tags must be comma or space delimited"
 
       {:ok, _live, html} =
         show_live

test/memex_web/live/note_live_test.exs

@@ -17,7 +17,7 @@ defmodule MemexWeb.NoteLiveTest do
   }
   @invalid_attrs %{
     content: nil,
-    tags_string: "invalid tags",
+    tags_string: "invalid_tag or_tags",
     slug: nil,
     visibility: nil
   }
@@ -55,7 +55,7 @@ defmodule MemexWeb.NoteLiveTest do
         |> render_change(note: @invalid_attrs)
 
       assert html =~ "can't be blank"
-      assert html =~ "tags must be comma-delimited"
+      assert html =~ "tags must be comma or space delimited"
 
       {:ok, _live, html} =
         index_live

test/memex_web/live/pipeline_live_test.exs

@@ -17,7 +17,7 @@ defmodule MemexWeb.PipelineLiveTest do
   }
   @invalid_attrs %{
     description: nil,
-    tags_string: "invalid tags",
+    tags_string: "invalid_tag or_tags",
     slug: nil,
     visibility: nil
   }
@@ -130,7 +130,7 @@ defmodule MemexWeb.PipelineLiveTest do
         |> render_change(pipeline: @invalid_attrs)
 
       assert html =~ "can't be blank"
-      assert html =~ "tags must be comma-delimited"
+      assert html =~ "tags must be comma or space delimited"
 
       {:ok, _live, html} =
         show_live