jeawin-astro 3.0.4 → 3.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "3.0.4",
+    "version": "3.0.6",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",
@@ -25,8 +25,8 @@
         "test": "mocha test"
     },
     "devDependencies": {
-        "@babel/core": "^7.26.7",
-        "@babel/preset-env": "^7.26.7",
+        "@babel/core": "^7.26.9",
+        "@babel/preset-env": "^7.26.9",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^28.0.2",
         "@rollup/plugin-json": "^6.1.0",
@@ -38,10 +38,10 @@
         "@types/lodash": "^4.17.15",
         "@types/sprintf-js": "^1.1.4",
         "autoprefixer": "^10.4.20",
-        "chai": "^5.1.2",
+        "chai": "^5.2.0",
         "mocha": "^10.8.2",
-        "postcss": "^8.5.1",
-        "rollup": "^4.34.2",
+        "postcss": "^8.5.2",
+        "rollup": "^4.34.8",
         "rollup-plugin-node-externals": "^7.1.3",
         "rollup-plugin-postcss": "^4.0.2",
         "typescript": "^5.7.3"
@@ -58,13 +58,14 @@
         "@iconify-json/fa6-solid": "^1.2.3",
         "@iconify/tools": "^4.1.1",
         "@keyv/compress-brotli": "^2.0.3",
+        "@pagefind/default-ui": "^1.3.0",
         "@tailwindcss/forms": "^0.5.10",
         "@tailwindcss/typography": "^0.5.16",
-        "@tailwindcss/vite": "^4.0.3",
+        "@tailwindcss/vite": "^4.0.6",
         "@types/alpinejs": "^3.13.11",
         "alpinejs": "^3.14.8",
         "aos": "3.0.0-beta.6",
-        "astro": "^5.2.5",
+        "astro": "^5.3.0",
         "astro-color-scheme": "^1.1.5",
         "astro-embed": "^0.9.0",
         "astro-icon": "^1.1.5",
@@ -77,13 +78,15 @@
         "keyv": "^5.2.3",
         "keyv-lru": "^3.0.4",
         "lodash": "^4.17.21",
+        "pagefind": "^1.3.0",
         "photoswipe": "^5.4.4",
+        "sirv": "^3.0.1",
         "smartmenus": "2.0.0-alpha.1",
         "sprintf-js": "^1.1.3",
         "string-strip-html": "^13.4.8",
-        "swiper": "^11.2.2",
+        "swiper": "^11.2.4",
         "tailwind-scrollbar": "^4.0.0",
-        "tailwindcss": "^4.0.3",
+        "tailwindcss": "^4.0.6",
         "tslib": "^2.8.1"
     }
 }

package/src/components/index.ts

@@ -38,6 +38,7 @@ export {default as RelNodesList} from "./rel_nodes_list.astro";
 export {default as RemoteImage} from "./remote_image.astro";
 export {default as SearchInput} from "./search_input.astro";
 export {default as SearchResult} from "./search_result.astro";
+export {default as SearchPagefind} from "./search_pagefind.astro";
 export {default as SectionContainer} from "./section_container.astro";
 export {default as ShareButton} from "./share_button.astro";
 export {default as SidebarSub} from "./sidebar_sub.astro";

package/src/components/search_pagefind.astro

@@ -0,0 +1,71 @@
+---
+import "@pagefind/default-ui/css/ui.css";
+
+export interface Props {
+  readonly id?: string;
+  readonly className?: string;
+  readonly query?: string;
+  readonly uiOptions?: Record<string, any>;
+}
+
+const { id, className, query, uiOptions = {} } = Astro.props;
+const bundlePath = `${import.meta.env.BASE_URL}pagefind/`;
+---
+<section class="py-12">
+    <div class="max-w-screen-lg mx-auto">
+        <div class="px-4">
+            <div
+                id={id}
+                class:list={[className, "pagefind-init"]}
+                data-pagefind-ui
+                data-bundle-path={bundlePath}
+                data-query={query}
+                data-ui-options={JSON.stringify(uiOptions)}
+            >
+            </div>
+        </div>
+    </div>
+</section>
+<script>
+// @ts-ignore
+import { PagefindUI } from "@pagefind/default-ui";
+
+function initPageFind() {
+    const allSelector = "[data-pagefind-ui]";
+    for (const el of document.querySelectorAll(`${allSelector}.pagefind-init`)) {
+        const elSelector = [
+            ...(el.id ? [`#${el.id}`] : []),
+            ...[...el.classList.values()].map((c) => `.${c}`),
+            allSelector,
+        ].join("");
+        const bundlePath = el.getAttribute("data-bundle-path");
+        const opts = JSON.parse(el.getAttribute("data-ui-options") ?? "{}");
+        new PagefindUI({
+            ...opts,
+            element: elSelector,
+            bundlePath,
+        });
+        el.classList.remove("pagefind-init");
+        let query = el.getAttribute("data-query");
+        const urlSearchParams = new URLSearchParams(window.location.search);
+        const params = Object.fromEntries(urlSearchParams.entries());
+        if(params.q){
+            query = params.q;
+        }
+        if (query) {
+            const input = el.querySelector<HTMLInputElement>(`input[type="text"]`);
+            if (input) {
+                input.value = query;
+                input.dispatchEvent(new Event("input", { bubbles: true }));
+            }
+        }
+    }
+}
+
+document.addEventListener("astro:page-load", initPageFind);
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initPageFind);
+} else {
+    initPageFind();
+}
+</script>

package/src/integrations/index.ts

@@ -1 +1,2 @@
-export {default as jeawinRuntimeConfig} from "./jeawin-runtime-config/index.ts";
+export {default as jeawinRuntimeConfig} from "./jeawin-runtime-config/index.ts";
+export {default as jeawinAstroPagefind} from "./jeawin-astro-pagefind/index.ts";

package/src/integrations/jeawin-astro-pagefind/index.ts

@@ -0,0 +1,93 @@
+import type { AstroIntegration } from "astro";
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+import { createIndex, type PagefindServiceConfig } from "pagefind";
+import sirv from "sirv";
+
+/**
+ * Pagefind Astro integration options.
+ */
+export interface PagefindOptions {
+  /**
+   * `PagefindServiceConfig` passed to pagefind's `createIndex`
+   */
+  indexConfig?: PagefindServiceConfig;
+}
+
+export default function pagefind({ indexConfig }: PagefindOptions = {}): AstroIntegration {
+  let outDir: string;
+  return {
+    name: "pagefind",
+    hooks: {
+      "astro:config:setup": ({ config, logger }: any) => {
+        if (config?.output === "server") {
+          logger.warn(
+            "Output type `server` does not produce static *.html pages in its output and thus will not work with astro-pagefind integration.",
+          );
+          return;
+        }
+
+        if (config.adapter?.name === "@astrojs/cloudflare") {
+          outDir = fileURLToPath(new URL(config.base?.replace(/^\//, ""), config.outDir));
+        } else if (config.adapter?.name === "@astrojs/node") {
+          outDir = fileURLToPath(config.build.client);
+        } else {
+          outDir = fileURLToPath(config.outDir);
+        }
+      },
+      "astro:server:setup": ({ server, logger }) => {
+        if (!outDir) {
+          logger.warn(
+            "astro-pagefind couldn't reliably determine the output directory. Search assets will not be served.",
+          );
+          return;
+        }
+
+        const serve = sirv(outDir, {
+          dev: true,
+          etag: true,
+        });
+        server.middlewares.use((req, res, next) => {
+          if (req.url?.startsWith("/pagefind/")) {
+            serve(req, res, next);
+          } else {
+            next();
+          }
+        });
+      },
+      "astro:build:done": async ({ logger }) => {
+        if (!outDir) {
+          logger.warn(
+            "astro-pagefind couldn't reliably determine the output directory. Search index will not be built.",
+          );
+          return;
+        }
+
+        const { index, errors: createErrors } = await createIndex(indexConfig);
+        if (!index) {
+          logger.error("Pagefind failed to create index");
+          createErrors.forEach((e) => logger.error(e));
+          return;
+        }
+        const { page_count, errors: addErrors } = await index.addDirectory({ path: outDir });
+        if (addErrors.length) {
+          logger.error("Pagefind failed to index files");
+          addErrors.forEach((e) => logger.error(e));
+          return;
+        } else {
+          logger.info(`Pagefind indexed ${page_count} pages`);
+        }
+        const { outputPath, errors: writeErrors } = await index.writeFiles({
+          outputPath: path.join(outDir, "pagefind"),
+        });
+        if (writeErrors.length) {
+          logger.error("Pagefind failed to write index");
+          writeErrors.forEach((e) => logger.error(e));
+          return;
+        } else {
+          logger.info(`Pagefind wrote index to ${outputPath}`);
+        }
+      },
+    },
+  };
+}

package/src/scripts/consts.js

@@ -2,7 +2,7 @@ export const ICONS_INCLUDE = {
     'fa6-solid': ['magnifying-glass', 'clock', 'eye', 'envelope', 'phone', 'angle-right', 'angle-left', 'angle-up', 'angle-down', 'arrow-right',
         'arrow-left', 'arrow-up', 'arrow-down', 'house', 'message', 'circle-question', 'xmark', 'video', 'download',
         'file-pdf', 'file-csv', 'file-image', 'file-word', 'file-video', 'file-powerpoint', 'file-excel',
-        'file-code', 'file-audio', 'file', 'file-zipper', 'sun', 'moon'],
+        'file-code', 'file-audio', 'file', 'file-zipper', 'sun', 'moon', 'up-right-from-square'],
     'fa6-brands': ['x-twitter', 'facebook', 'youtube', 'tiktok', 'linkedin',
         'google-plus', 'flickr', 'pinterest', 'whatsapp', 'instagram', 'qq', 'weixin', 'weibo', 'bilibili', 'zhihu']
 };