[feat] new folder feature

Author: braebo

src/lib/data/dbStore.ts

@@ -5,6 +5,7 @@ import { localStorageStore } from 'fractils'
 import { liveQuery } from 'dexie'
 import db from '$lib/data/db'
 
+export const folders = writable<Folder[]>()
 export const activeFolder = writable<Folder>()
 
 //? Will always contain the current Folder's bookmarks
@@ -17,7 +18,7 @@ export const activeBookmarks = writable<Bookmark[]>()
 
 export const lastActiveFolderId = localStorageStore('lastActiveFolderId', '')
 
-export const uniqueTags: any = liveQuery(async () => await db.bookmarks.orderBy('tags').uniqueKeys())
+export const uniqueTags: any = liveQuery(() => db.bookmarks.orderBy('tags').uniqueKeys())
 
 //? Filter bookmarks by tag
 export const tagFilter = writable<string | null>(null)

src/lib/data/transactions.ts

@@ -1,6 +1,6 @@
 import type { Bookmark, Folder } from './types'
 
-import { activeBookmarks, activeFolder, activeFolderBookmarks, tagFilter } from './dbStore'
+import { activeBookmarks, activeFolder, activeFolderBookmarks, folders, tagFilter } from './dbStore'
 import { log, wait } from 'fractils'
 import { get } from 'svelte/store'
 import db from './db'
@@ -16,11 +16,12 @@ export async function init_db() {
 	await wait(100)
 	const id = localStorage.getItem('lastActiveFolderId')
 
-	//? Update stores
+	//? Populate stores
 	let lastActiveFolder: Folder | undefined
 	lastActiveFolder = await db.table('folders').where('folder_id').equals(id).first()
 	activeFolder.set(lastActiveFolder)
 	activeBookmarks.set(await db.bookmarks.bulkGet(lastActiveFolder.bookmarks))
+	folders.set(await db.table('folders').toArray())
 }
 
 
@@ -30,16 +31,16 @@ export async function init_db() {
  */
 export async function newBookmark_db(bookmark: Bookmark) {
 	log('🎬 Creating new bookmark: ', '#fa8', 'dimgray', 25)
-	log(bookmark)
-
 	// Todo: Consolidate this into a single transaction?
 
+	$db.bookmarks = [...$db.bookmarks, bookmark]
+
 	//? Add to bookmarks table
 	await db.bookmarks.add(bookmark)
 
 	//? Add id to activeFolder store
 	activeFolder.update((f) => {
-		f.bookmarks = [...f.bookmarks, bookmark.bookmark_id]
+		f.bookmarks.push(bookmark.bookmark_id);
 		return f
 	})
 
@@ -58,6 +59,31 @@ export async function newBookmark_db(bookmark: Bookmark) {
 }
 
 
+/**
+ ** Creates a new folder.
+ * @param  {folder} The bookmark to add.
+ */
+export async function newFolder_db(folder: Folder) {
+	log('🎬 Creating new folder: ', '#fd8', '#333', 25)
+
+	// Todo: Consolidate this into a single transaction?
+
+	//? Clear any filters
+	tagFilter.set(null)
+	
+	//? Add to folders table
+	await db.folders.add(folder)
+
+	//? Set activeFolder store
+	activeFolder.set(folder)
+
+	//? Update activeBookmarks store
+	activeBookmarks.set(await db.bookmarks.bulkGet(folder.bookmarks))
+
+	log('🏁 New Folder added', '#fd8', '#333', 25)
+}
+
+
 /**
  ** Gets bookmark settings.
  * @param  {id} The id of the bookmark to retrieve.
@@ -69,6 +95,24 @@ export async function getBookmark_db(id: Bookmark['bookmark_id']) {
 }
 
 
+/**
+ ** Gets folder settings.
+ * @param  {id} The id of the folder to retrieve.
+ */
+export async function getFolder_db(id: Folder['folder_id']) {
+	log(`🎬 Getting folder with id of ${id}`, '#fa8', 'dimgray', 25)
+
+	return db.folders.where('folder_id').equals(id).first()
+}
+
+
+/**
+ ** Counts total folders.
+ * @returns {Promise<number>} The number of folders in the database.
+ */
+export const getFolderCount_db = () => db.folders.count()
+
+
 /**
  ** Updates the db after an index/position swap.
  */