fix: the noArticleMessage is no more displayed when there is no resul…

…t to the search

CHANGELOG.md

@@ -18,6 +18,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- noArticlesMessage is no more displayed when the user has no result on his "enter-triggered search", "No results" instead
+
 ### Removed
 
 ## 1.1.5 - 2024-11-24

blog.ts

@@ -23,6 +23,18 @@ function getMarkdown(fileName: string, postsFolder: string) {
   return content;
 }
 
+export function isPostsFolderEmpty(folder: string) {
+  try {
+    for (const _ of fs.expandGlobSync(path.join(folder, "[!_]*.md"))) {
+      return false;
+    }
+    return true;
+  } catch (e) {
+    console.error("Error while opening folder:", folder, ":", e);
+    return true;
+  }
+}
+
 export function getArticles(
   postsFolder: string,
   routeBase?: string,

server.tsx

@@ -12,6 +12,7 @@ import {
   getArticles,
   getRSS,
   getSitemap,
+  isPostsFolderEmpty,
 } from "./blog.ts";
 import { isDirectoryEmpty, isUrl } from "./utils.ts";
 import { ArticlePage } from "./templates/article.tsx";
@@ -88,6 +89,7 @@ export function createServer(config: SmallblogConfig) {
           locale={config.locale}
           description={config.siteDescription}
           noArticlesMessage={await getNoArticlesMessage(config)}
+          noPosts={isPostsFolderEmpty(config.postsFolder)}
           bodyScript={config.customBodyScript}
           headScript={config.customHeaderScript}
           favicon={!!config.favicon}

templates/components/articles.tsx

@@ -58,6 +58,11 @@ export const Articles: FC<{
           </div>
         );
       })}
+      {nb_posts === 0 && props.search && (
+        <div class="no-articles">
+          No results
+        </div>
+      )}
 
       {nb_posts > itemsPerPage && (
         <nav class="pagination">

templates/index.tsx

@@ -17,6 +17,7 @@ type IndexProps = {
   locale?: string;
   description?: string;
   noArticlesMessage?: string;
+  noPosts?: boolean;
   bodyScript?: string;
   headScript?: string;
   favicon: boolean;
@@ -36,6 +37,7 @@ export const Index: FC<IndexProps> = (props: IndexProps) => {
     locale,
     description,
     noArticlesMessage,
+    noPosts,
     favicon = false,
     faviconLink,
     customPages = [],
@@ -71,15 +73,15 @@ export const Index: FC<IndexProps> = (props: IndexProps) => {
           value={props.search}
         />
       </form>
-      {posts && posts.length > 0 && (
+      {!noPosts && (
         <Articles
           posts={posts}
           search={props.search}
           page={props.page}
           itemsPerPage={props.itemsPerPage}
         />
       )}
-      {(!posts || posts.length === 0) && (
+      {noPosts && (
         <div
           class="no-articles"
           dangerouslySetInnerHTML={{ __html: noArticlesMessage || "" }}