fix: detail topic (#117)

* feat: keyboard nav

* fix: link update

* feat: reusable learning state

* chore: use new learning state

* feat: add to my profile

* .

* .

* feat: on enter open the link

* fix: lint

* fix: use eslint v8 instead of v9

* fix: add to my profile

* chore: update personal link schema

* chore: update personal page schema

* fix: update detail wrapper

* fix: update page section

* removing option for learning status

* removing option for learning status for topic

* feat: add createdAt and updatedAt for personal Page

* chore: update page section component

* chore: remove chevron from sub menu

* fix: sidebar

* chore: add focus and disable toast

* feat: la editor add execption for no command class

* fix: la editor style and fix page detail

* fix: title

* fix: topic learning state

* chore: add showSearch for learning state

* fix: bunch stuff

* chore: link list and item handle learning state

* chore: set expand to false

* feat: personal link for topic detail

* chore: hook use topic data

* chore: go to list

* fix: link and topic

* feat(utils): new keyboard utils

* feat(store): add linkOpenPopoverForIdAtom for link

* chore: using memo for use topic data

* fix: remove duplicate component

* chore: performance for topic detail lint item

* refactor: remove LinkOptions component

* chore: improve performance for list

* feat: added LinkRoute copmonent

* chore: link manage

* feat: bottom bar

* fix: link

* fix: page wrapper

* fix: import thing

* chore: added a displayname

* refactor: page detail

* refactor: page detail

* fix: add topic to personal link form link

* fix: only show page count if more than zero

* fix: sidebar topic section

---------

Co-authored-by: Nikita <github@nikiv.dev>
Co-authored-by: marshennikovaolga <marshennikova@gmail.com>

web/lib/schema/index.ts

@@ -24,7 +24,6 @@ export class UserRoot extends CoMap {
 	personalLinks = co.ref(PersonalLinkLists)
 	personalPages = co.ref(PersonalPageLists)
 
-	// not implemented yet
 	topicsWantToLearn = co.ref(ListOfTopics)
 	topicsLearning = co.ref(ListOfTopics)
 	topicsLearned = co.ref(ListOfTopics)
@@ -53,7 +52,6 @@ export class LaAccount extends Account {
 					personalLinks: PersonalLinkLists.create([], { owner: this }),
 					personalPages: PersonalPageLists.create([], { owner: this }),
 
-					// not implemented yet
 					topicsWantToLearn: ListOfTopics.create([], { owner: this }),
 					topicsLearning: ListOfTopics.create([], { owner: this }),
 					topicsLearned: ListOfTopics.create([], { owner: this })

web/lib/schema/master/topic.ts

@@ -1,5 +1,6 @@
 import { co, CoList, CoMap } from "jazz-tools"
 
+// TODO: this should be GlobalLink but it's not because lookup of 100k elements is slow
 export class Link extends CoMap {
 	title = co.string
 	url = co.string

web/lib/schema/personal-link.ts

@@ -1,5 +1,5 @@
 import { co, CoList, CoMap, Encoders, ID } from "jazz-tools"
-import { Topic } from "./master/topic"
+import { Link, Topic } from "./master/topic"
 
 class BaseModel extends CoMap {
 	createdAt = co.encoded(Encoders.Date)
@@ -9,6 +9,7 @@ class BaseModel extends CoMap {
 export class PersonalLink extends BaseModel {
 	url = co.string
 	icon = co.optional.string // is an icon URL
+	link = co.optional.ref(Link)
 	title = co.string
 	slug = co.string
 	description = co.optional.string

web/lib/schema/personal-page.ts

@@ -1,4 +1,4 @@
-import { co, CoList, CoMap } from "jazz-tools"
+import { co, CoList, CoMap, Encoders } from "jazz-tools"
 import { Topic } from "./master/topic"
 
 /*
@@ -8,10 +8,13 @@ import { Topic } from "./master/topic"
  * - if public, certain members (can do read/write access accordingly), personal (end to end encrypted, only accessed by user)
  */
 export class PersonalPage extends CoMap {
-	title = co.string
-	slug = co.string
+	title = co.optional.string
+	slug = co.optional.string // is used only when `public: true` for sharing, `@user/page-slug`
+	public = co.boolean
 	content = co.optional.json()
 	topic = co.optional.ref(Topic)
+	createdAt = co.encoded(Encoders.Date)
+	updatedAt = co.encoded(Encoders.Date)
 	// backlinks = co.optional.ref() // other PersonalPages linking to this page TODO: add, think through how to do it well, efficiently
 }