add kbar \o/

assets/js/kbar.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, {useState, useEffect, useMemo} from 'react'
 import {
   KBarProvider,
   KBarPortal,
@@ -8,7 +8,8 @@ import {
   KBarResults,
   useMatches,
   useRegisterActions,
-	useKBar
+  useKBar,
+  createAction
 } from "kbar";
 import classNames from 'classnames';
 
@@ -144,7 +145,7 @@ const ResultItem = React.forwardRef(
   }
 );
 
-const actions = [
+const staticActions = [
   {
     id: "user",
     name: "User",
@@ -224,51 +225,31 @@ const actions = [
   }
 ]
 
-const dynamicActionsList = 	{
-	id: "public.home",
-	name: "Go Home",
-	shortcut: ["x"],
-	keywords: "public",
-	perform: () => (window.location.pathname = "/"),
-}
+function DynamicResultsProvider() {
+  const [actions, setActions] = useState([])
+  const [notes, setNotes] = useState([])
+  const [rerender, setRerender] = useState(true)
 
-function DynamicResultsProvider({children}) {
-		//const [search, setSearch] = React.useState("");
-	//useKBar(state => console.log("state"))
-	/*
-	const dynamicActions = React.useMemo(() => {
-		const searchQuery = search
-		//const results = await getResults(search);
-		//return results.map(r => createAction(...));
-		console.log(searchQuery)
-		return dynamicActionsInner
-	}, [search]) 
-	*/
-	// const {query, search, options} = useKBar((state) => ({ search: state.searchQuery }))
-	// const dynamicActions = React.useMemo(() =>{
-	// 	return dynamicActionsInner
-	// }, [search])
+  useEffect(() => {
+    fetch("/api/admin/notes")
+      .then(resp => resp.json())
+      .then(json => setNotes(json.notes))
+  }, [rerender])
 
-	const { query } = useKBar(state => ({ query: state.query }))
-	const [dynamicActions, setDynamicActions] = React.useState([])
+  const noteActions = useMemo(() => notes.map(note => createAction({
+    id: note.slug,
+    name: note.name,
+    keywords: note.channels.map(c => c.name),
+    perform: () => (window.location.pathname = `/admin/notes/${note.id}`),
+  })), [notes])
 
-	React.useEffect(() => {
-		console.log(query)
-	  //fetchUsers(query).then(setUsers)
-	  setDynamicActions(dynamicActionsList)
-	}, [query])
-
-	console.log("mount")
-
-	useRegisterActions(dynamicActionsList, [dynamicActions])
-
-	return ([children])
+  useRegisterActions([...staticActions, ...noteActions], [noteActions])
 }
 
 export default function KBar() {
   return (
-		<KBarProvider actions={actions}>
-			<DynamicResultsProvider>
+    <KBarProvider actions={staticActions}>
+      <DynamicResultsProvider />
       <KBarPortal>
         <KBarPositioner>
           <KBarAnimator style={animatorStyle} className="bg-gray-50 border border-gray-100 shadow-lg">
@@ -277,7 +258,6 @@ export default function KBar() {
           </KBarAnimator>
         </KBarPositioner>
       </KBarPortal>
-			</DynamicResultsProvider>
     </KBarProvider>
   )
 }

lib/chiya/channels/channel.ex

@@ -2,6 +2,7 @@ defmodule Chiya.Channels.Channel do
   use Ecto.Schema
   import Ecto.Changeset
 
+  @derive {Jason.Encoder, only: [:id, :name, :content, :slug, :visibility]}
   schema "channels" do
     field :content, :string
     field :name, :string

lib/chiya/notes/note.ex

@@ -2,6 +2,7 @@ defmodule Chiya.Notes.Note do
   use Ecto.Schema
   import Ecto.Changeset
 
+  @derive {Jason.Encoder, only: [:id, :name, :content, :slug, :channels]}
   schema "notes" do
     field :content, :string
     field :kind, Ecto.Enum, values: [:post, :bookmark]

lib/chiya_web/controllers/api_controller.ex

@@ -0,0 +1,8 @@
+defmodule ChiyaWeb.ApiController do
+	use ChiyaWeb, :controller
+
+  def notes(conn, _params) do
+    notes = Chiya.Notes.list_notes()
+    json(conn, %{notes: notes})
+  end
+end

lib/chiya_web/router.ex

@@ -25,9 +25,11 @@ defmodule ChiyaWeb.Router do
   end
 
   # Other scopes may use custom stacks.
-  # scope "/api", ChiyaWeb do
-  #   pipe_through :api
-  # end
+  scope "/api", ChiyaWeb do
+    pipe_through :api
+
+    get "/admin/notes", ApiController, :notes
+  end
 
   # Enable LiveDashboard and Swoosh mailbox preview in development
   if Application.compile_env(:chiya, :dev_routes) do