Merge pull request #3 from subhendupsingh/dev

Removed hardcoded text in PostLists

Author: subhendupsingh

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltekit-notion-blog",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",

package.json

@@ -8,13 +8,11 @@
 {#if data.pages}
     <div class="min-h-screen bg-white py-8 flex flex-col gap-20 relative overflow-hidden lg:py-8">
         <div class="relative w-full px-6 py-12 md:max-w-3xl md:mx-auto lg:max-w-4xl lg:pt-12 lg:pb-28">
-            <div class="flex flex-col gap-12 mb-8">
-                <h1 class="font-bold text-4xl">Welcome to StoreBud blog - Platform for growing D2C brands!</h1>
+            <div class="flex flex-col gap-6 mb-8">
+                <h1 class="font-bold text-4xl">{ data.settings.blogTitle }</h1>
 
                 <p class="text-lg">
-                    StoreBud blogs cover variuos topics related to setting up your own ecommerce website in India and 
-                    other parts of the world, including tips and tricks, best practices and success stroies of the 
-                    growing D2C brands.
+                    { data.settings.blogDescription }
                 </p>
             </div>
 

src/lib/components/PostsList.svelte

@@ -5,20 +5,22 @@ import BlogPost from "$lib/components/BlogPost.svelte";
 import PostsList from "$lib/components/PostsList.svelte";
 
 type Tokens = { notionToken: string, databaseId: string, vercelByPassToken?: string };
-export type BlogClient = {client: Client, config: Tokens};
+type BlogSettings = { blogTitle: string, blogDescription: string };
+type InitConfig = { tokens: Tokens, settings: BlogSettings };
+export type BlogClient = { client: Client, config: Tokens, settings: BlogSettings };
 
 let notionCLient: BlogClient;
 
-export const initNotion = ( config: Tokens ): BlogClient | null => {
-        if(config?.notionToken && config?.notionToken){
-            const client = new Client({
-                auth: config.notionToken,
-            });
-            notionCLient = { client, config};
-            return notionCLient;
-        }else{
-            return null;
-        }
+export const initNotionBlog = ( config: InitConfig ): BlogClient | null => {
+    if(config?.tokens?.notionToken && config?.tokens?.notionToken){
+        const client = new Client({
+            auth: config.tokens.notionToken,
+        });
+        notionCLient = { client, config: config.tokens, settings: config.settings };
+        return notionCLient;
+    }else{
+        return null;
+    }
 }
 
 export const getAllPosts = async () => {
@@ -38,7 +40,8 @@ export const getAllPosts = async () => {
         if(res.isOk()){
             if(res.value?.length > 0){
                 return {
-                    pages: res.value
+                    pages: res.value,
+                    settings: notionCLient.settings
                 }
             }else{
                 return {

src/lib/index.ts

@@ -1,6 +1,6 @@
 import type { BlogClient } from "$lib";
 import type { FAQ } from "$lib/types";
-import { Client, APIErrorCode, isNotionClientError, ClientErrorCode, isFullPage, isFullBlock } from "@notionhq/client";
+import { APIErrorCode, isNotionClientError, ClientErrorCode, isFullPage, isFullBlock } from "@notionhq/client";
 import type { BlockObjectResponse, PageObjectResponse, UserObjectResponse } from "@notionhq/client/build/src/api-endpoints";
 import { ok, err, Result } from 'neverthrow';
 

src/lib/notion/api.ts

@@ -1,9 +1,15 @@
 import { PUBLIC_NOTION_TOKEN, PUBLIC_NOTION_DATABASE_ID } from "$env/static/public";
-import { initNotion } from "$lib";
+import { initNotionBlog } from "$lib";
 
 export const prerender = true;
 
-initNotion({
-	databaseId: PUBLIC_NOTION_DATABASE_ID,
-	notionToken: PUBLIC_NOTION_TOKEN,
+initNotionBlog({
+	tokens: {
+		databaseId: PUBLIC_NOTION_DATABASE_ID,
+		notionToken: PUBLIC_NOTION_TOKEN,
+	},
+	settings: {
+		blogTitle: "Notion Blog",
+		blogDescription: "A blog powered by Notion"
+	}
 });