brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moves meilisearch indexing to pocketbase

Browse Source
This commit is contained in:
Christian Beutel
2024-02-20 16:27:30 +01:00
parent e9cb72b250
commit 2363c677b7
16 changed files with 716 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/base/search.svelte
View File

@@ -17,6 +17,7 @@
export let items: SearchItem[] = [];
export let placeholder: string = "Search...";
export let large: boolean = false;
export let extraClasses: string = "";
const dispatch = createEventDispatcher();
@@ -53,13 +54,13 @@
}
</script>
<div class="relative text-gray-600">
<div class="relative text-gray-600 {extraClasses}">
<span class="absolute top-1/2 -translate-y-1/2 left-0 pl-4">
<i class="fa fa-search" class:text-xl={large}></i>
</span>
{#if value.length > 0}
<button
class="absolute top-1/2 -translate-y-1/2 right-12 h-6 w-6 mr-4 hover:bg-gray-300 hover:bg-opacity-50 rounded-full"
class="absolute top-1/2 -translate-y-1/2 right-0 h-6 w-6 mr-4 hover:bg-gray-300 hover:bg-opacity-50 rounded-full"
on:click={clear}
in:fade={{ duration: 150 }}
out:fade={{ duration: 150 }}
@@ -72,12 +73,13 @@
name="q"
autocomplete="off"
extraClasses="{large
? 'pl-12 text-xl min-w-80 w-[33vw] max-w-[532px] rounded-xl'
? 'pl-12 py-4 text-xl min-w-80 w-[33vw] max-w-[532px] rounded-xl'
: 'pl-10'}"
{placeholder}
bind:value
on:input={onSearchType}
on:focusin={() => (searching = true)}
on:focusout={() => (searching = false)}
></TextField>
{#if dropDownOpen}
@@ -92,7 +94,7 @@
<li
class="menu-item flex items-center px-4 py-3 cursor-pointer hover:bg-gray-100 focus:bg-gray-200 transition-colors"
tabindex="0"
on:mouseup|stopPropagation={() => handleItemClick(item)}
on:mousedown|stopPropagation={() => handleItemClick(item)}
on:keydown|stopPropagation={() => handleItemClick(item)}
>
<i class="fa fa-{item.icon} mr-6"></i>

4
web/src/lib/components/earth.svelte
View File

@@ -22,7 +22,7 @@ Command: npx @threlte/gltf@2.0.1 static/models/earth.glb
<slot name="fallback" />
{:then gltf}
<!-- Clouds -->
<T.Group rotation={[-rotation / 2, rotation / 2, 0]}>
<T.Group rotation={[-rotation / 4, rotation / 4, 0]}>
<T.Mesh
geometry={gltf.nodes.Icosphere002.geometry}
material={gltf.materials.Material}
@@ -94,7 +94,7 @@ Command: npx @threlte/gltf@2.0.1 static/models/earth.glb
position={[0.5, 2, -0.5]}
scale={0.88}
>
<T.PointLight position={[2, 0, 0]} color="#f4de51" intensity={4.5}
<T.PointLight position={[2, 0, 0]} color="#ffffff" intensity={4.5}
></T.PointLight>
<T.DirectionalLight color="#f4de51" intensity={2.5} castShadow

3
web/src/lib/components/nav_bar.svelte
View File

@@ -1,7 +1,8 @@
<script lang="ts">
import { goto } from "$app/navigation";
import LogoText from "$lib/components/logo/logo_text.svelte";
import { logout, currentUser } from "$lib/stores/user_store";
import { ms } from "$lib/meilisearch";
import { currentUser, logout } from "$lib/stores/user_store";
import Dropdown from "./base/dropdown.svelte";
const dropdownItems = [

2
web/src/lib/components/scene.svelte
View File

@@ -16,6 +16,6 @@
}}
/>
<T.AmbientLight color="0xffffff" intensity={1.1} />
<T.AmbientLight color="#ffffff" intensity={1.1} />
<Earth rotation={rotation}></Earth>

7
web/src/lib/components/trail/trail_card.svelte
View File

@@ -27,7 +27,7 @@
}
</script>
<div class="trail-card rounded-2xl shadow-md sm:w-72 cursor-pointer">
<div class="trail-card rounded-2xl border sm:w-72 cursor-pointer" on:mouseenter on:mouseleave role="listitem">
<div class="w-full min-h-40 max-h-48 overflow-hidden rounded-t-2xl">
<img src={trail.thumbnail} alt="" />
</div>
@@ -36,7 +36,10 @@
<div class="flex justify-between items-center">
<h4 class="font-semibold text-lg">{trail.name}</h4>
{#if $currentUser && $currentUser.id == trail.author && mode == "edit"}
<Dropdown on:change={(e) => handleDropdownClick(trail, e.detail)} items={dropdownItems}></Dropdown>
<Dropdown
on:change={(e) => handleDropdownClick(trail, e.detail)}
items={dropdownItems}
></Dropdown>
{/if}
</div>
<h5><i class="fa fa-location-dot mr-3"></i>{trail.location}</h5>

4
web/src/lib/components/trail/trail_list_item.svelte
View File

@@ -27,7 +27,7 @@
</script>
<li
class="flex gap-8 p-4 rounded-xl shadow-md cursor-pointer hover:bg-gray-100 transition-colors"
class="flex gap-8 p-4 rounded-xl border cursor-pointer hover:bg-gray-100 transition-colors"
>
<div class="shrink-0">
<img
@@ -36,7 +36,7 @@
alt=""
/>
</div>
<div class="min-w-0">
<div class="min-w-0 basis-full">
<div class="flex items-center justify-between">
<h4 class="font-semibold text-lg">{trail.name}</h4>

16
web/src/lib/meilisearch.ts
View File

@@ -1,10 +1,20 @@
import { PUBLIC_MEILISEARCH_URL } from '$env/static/public'
import { PUBLIC_MEILISEARCH_API_KEY } from '$env/static/public'
import { PUBLIC_MEILISEARCH_API_TOKEN } from '$env/static/public'
import { MeiliSearch } from 'meilisearch'
import { pb } from './pocketbase'
export function createInstance() {
return new MeiliSearch({ host: PUBLIC_MEILISEARCH_URL, apiKey: PUBLIC_MEILISEARCH_API_KEY })
if(pb.authStore.model) {
console.log(pb.authStore.model.token);
return new MeiliSearch({ host: PUBLIC_MEILISEARCH_URL, apiKey: pb.authStore.model.token })
}
return new MeiliSearch({ host: PUBLIC_MEILISEARCH_URL, apiKey: PUBLIC_MEILISEARCH_API_TOKEN })
}
export const ms = createInstance()
export function regenerateInstance() {
ms = createInstance();
}
export let ms = createInstance()

8
web/src/lib/stores/trail_store.ts
View File

@@ -163,8 +163,6 @@ export async function trails_create(trail: Trail, formData: { [key: string]: any
.collection("trails")
.update<Trail>(model.id!, { thumbnail: thumbnail }, { expand: "category" });
index_trail(model);
return model;
}
@@ -243,8 +241,6 @@ export async function trails_update(oldTrail: Trail, newTrail: Trail, formData:
trail.set(model);
index_trail(model);
return model;
}
@@ -261,8 +257,6 @@ export async function trails_delete(trail: Trail) {
}
}
ms.index('trails').deleteDocument(trail.id!)
const success = await pb
.collection("trails")
.delete(trail.id!);
@@ -313,6 +307,7 @@ function index_trail(trail: Trail) {
ms.index('trails').addDocuments([
{
"id": trail.id,
"author": trail.author,
"name": trail.name,
"description": trail.description,
"location": trail.location,
@@ -322,6 +317,7 @@ function index_trail(trail: Trail) {
"category": trail.expand.category?.id,
"completed": trail.expand.summit_logs?.length > 0,
"created": trail.created,
"public": trail.public,
"_geo": {
"lat": trail.lat,
"lng": trail.lon,

3
web/src/lib/stores/user_store.ts
View File

@@ -1,3 +1,4 @@
import { regenerateInstance } from "$lib/meilisearch";
import { pb } from "$lib/pocketbase";
import { type AuthModel } from 'pocketbase';
import { writable, type Writable } from "svelte/store";
@@ -18,8 +19,10 @@ export async function users_create(user: User) {
export async function login(user: User) {
const authData = await pb.collection('users').authWithPassword(user.email ?? user.username!, user.password);
regenerateInstance()
}
export async function logout() {
pb.authStore.clear();
regenerateInstance()
}