@alpaca-editor/core 1.0.4057 → 1.0.4059

package/dist/editor/control-center/IndexSettings.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState, useCallback } from "react";
-import { getIndexStatus, rebuildIndex, setupIndex, setupRebuildJob, } from "../services/indexService";
-import { Button } from "primereact/button";
-import { Spinner } from "../ui/Spinner";
-import { useEditContext } from "../client/editContext";
-import { ProgressSpinner } from "primereact/progressspinner";
-export function IndexSettings({ index }) {
-    const editContext = useEditContext();
-    const [indexStatus, setIndexStatus] = useState(undefined);
-    const [settingsItem, setSettingsItem] = useState(undefined);
-    const [rebuildJobItem, setRebuildJobItem] = useState(undefined);
-    const fetchStatus = useCallback(() => {
-        getIndexStatus(index.name).then(async (result) => {
-            setIndexStatus(result);
-            if (result?.settingsItemId) {
-                const settingsItem = await editContext?.itemsRepository.getItem({
-                    id: result.settingsItemId,
-                    language: "en",
-                    version: 0,
-                });
-                setSettingsItem(settingsItem);
-                if (result.rebuildJobItemId) {
-                    const rebuildJobItem = await editContext?.itemsRepository.getItem({
-                        id: result.rebuildJobItemId,
-                        language: "en",
-                        version: 0,
-                    });
-                    setRebuildJobItem(rebuildJobItem);
-                }
-                else {
-                    setRebuildJobItem(undefined);
-                }
-            }
-            else {
-                setSettingsItem(undefined);
-                setRebuildJobItem(undefined);
-            }
-        });
-    }, [index]);
-    useEffect(() => {
-        let interval;
-        if (indexStatus?.isRunning) {
-            interval = setInterval(() => {
-                fetchStatus();
-            }, 1000);
-        }
-        return () => {
-            if (interval) {
-                clearInterval(interval);
-            }
-        };
-    }, [indexStatus?.isRunning, fetchStatus]);
-    useEffect(() => {
-        fetchStatus();
-    }, [fetchStatus]);
-    useEffect(() => {
-        setIndexStatus(undefined);
-    }, [index]);
-    if (!indexStatus) {
-        return (_jsxs("div", { className: "flex flex-col h-full justify-center items-center gap-2 text-gray-500", children: [_jsx(Spinner, {}), "Loading..."] }));
-    }
-    async function setupIndexAndRefresh(index) {
-        await setupIndex(index);
-        setIndexStatus(undefined);
-        fetchStatus();
-    }
-    async function setupRebuildJobAndRefresh(index) {
-        await setupRebuildJob(index);
-        setIndexStatus(undefined);
-        fetchStatus();
-    }
-    async function rebuildIndexAndRefresh(index) {
-        await rebuildIndex(index);
-        setTimeout(() => {
-            fetchStatus();
-        }, 1000);
-    }
-    return (_jsxs("div", { className: "flex flex-col px-2 py-1 h-full", children: [_jsx("div", { className: "flex flex-row items-center border-b p-1 mb-3", children: _jsx("div", { className: "", children: index.name }) }), _jsxs("div", { className: "ml-2", children: [settingsItem && (_jsxs(_Fragment, { children: [_jsx(IndexProp, { headline: "Settings", children: _jsx("a", { className: "cursor-pointer underline", onClick: () => {
-                                        if (indexStatus.settingsItemId) {
-                                            editContext?.loadItem(indexStatus.settingsItemId);
-                                            editContext?.switchView("content-editor");
-                                        }
-                                    }, children: settingsItem.path }) }), _jsx(IndexProp, { headline: "Service", children: indexStatus.serviceUrl }), _jsx(IndexProp, { headline: "Name", children: indexStatus.name }), _jsxs(IndexProp, { headline: "Rebuild Job", children: [rebuildJobItem && (_jsxs(_Fragment, { children: [_jsx("a", { className: "cursor-pointer underline", onClick: () => {
-                                                    if (indexStatus.rebuildJobItemId) {
-                                                        editContext?.loadItem(indexStatus.rebuildJobItemId);
-                                                        editContext?.switchView("content-editor");
-                                                    }
-                                                }, children: rebuildJobItem.path }), indexStatus.canRebuild && !indexStatus.isRunning && (_jsx("div", { className: "my-2", children: _jsx(Button, { label: "Rebuild Index", onClick: () => {
-                                                        rebuildIndexAndRefresh(index.name);
-                                                    } }) })), indexStatus.isRunning && (_jsxs("div", { className: "my-2 flex flex-row items-center justify-start", children: [_jsxs("div", { className: "mr-2", style: { width: "20px" }, children: [_jsx(ProgressSpinner, { style: { width: "20px", height: "20px" } }), " "] }), "Rebuilding... ", indexStatus.rebuildCount.toLocaleString(), " ", "items, ", indexStatus.rebuildTokensCount.toLocaleString(), " ", "tokens"] }))] })), !rebuildJobItem && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-sm text-gray-500 mb-2", children: "No rebuild job found for this index" }), _jsx(Button, { label: "Setup Rebuild Job", onClick: () => {
-                                                    setupRebuildJobAndRefresh(index.name);
-                                                } })] }))] }), _jsx(IndexProp, { headline: "Last Rebuild", children: indexStatus.lastRebuildStartDateTime
-                                    ? new Date(indexStatus.lastRebuildStartDateTime).toLocaleString()
-                                    : "Never" }), indexStatus.exists && (_jsx(_Fragment, { children: _jsx(IndexProp, { headline: "Index Status", children: Object.entries(indexStatus.languages).map(([language, { numberOfItems, lastUpdated, status }]) => (_jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsxs("div", { className: "font-bold", children: [language, ":"] }), _jsx("span", { className: `text-gray-500 ml-2 ${status === "Available"
-                                                    ? "text-green-500"
-                                                    : "text-yellow-500"}`, children: status }), _jsxs("span", { className: "text-gray-500", children: ["Items: ", numberOfItems.toLocaleString(), " "] }), _jsxs("span", { className: "text-gray-500", children: ["Last updated: ", new Date(lastUpdated).toLocaleString()] })] }, language))) }) })), indexStatus.errors?.length > 0 && (_jsxs("div", { children: [_jsx("div", { children: "Errors:" }), indexStatus.errors.map((error, index) => (_jsxs("div", { className: "mt-2 p-2 bg-red-100 rounded-md text-red-800 border border-red-300 ", children: [_jsx("div", { className: "font-bold", children: error.message }), _jsx("div", { className: "text-sm", children: error.details })] }, index)))] }))] })), !indexStatus?.exists && (_jsxs("div", { children: [_jsx("div", { className: "text-sm text-gray-500 mb-2", children: "Index does not exist" }), _jsx(Button, { label: "Setup index", onClick: () => {
-                                    setupIndexAndRefresh(index.name);
-                                } })] })), " "] })] }));
-}
-function IndexProp({ headline, children, }) {
-    return (_jsxs("div", { className: "mb-2", children: [_jsx("div", { className: "font-bold text-sm", children: headline }), _jsx("div", { className: "text-sm", children: children })] }));
-}
-//# sourceMappingURL=IndexSettings.js.map

package/dist/editor/control-center/IndexSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IndexSettings.js","sourceRoot":"","sources":["../../../src/editor/control-center/IndexSettings.tsx"],"names":[],"mappings":"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"}

package/src/editor/control-center/IndexSettings.tsx

@@ -1,266 +0,0 @@
-import { useEffect, useState, useCallback, ReactNode } from "react";
-import {
-  getIndexStatus,
-  rebuildIndex,
-  setupIndex,
-  setupRebuildJob,
-} from "../services/indexService";
-import { IndexStatus } from "../../types";
-import { Button } from "primereact/button";
-import { Spinner } from "../ui/Spinner";
-import { useEditContext } from "../client/editContext";
-import { FullItem } from "../pageModel";
-import { ProgressSpinner } from "primereact/progressspinner";
-
-export function IndexSettings({ index }: { index: { name: string } }) {
-  const editContext = useEditContext();
-  const [indexStatus, setIndexStatus] = useState<IndexStatus | undefined>(
-    undefined
-  );
-  const [settingsItem, setSettingsItem] = useState<FullItem | undefined>(
-    undefined
-  );
-  const [rebuildJobItem, setRebuildJobItem] = useState<FullItem | undefined>(
-    undefined
-  );
-
-  const fetchStatus = useCallback(() => {
-    getIndexStatus(index.name).then(async (result) => {
-      setIndexStatus(result);
-
-      if (result?.settingsItemId) {
-        const settingsItem = await editContext?.itemsRepository.getItem({
-          id: result.settingsItemId,
-          language: "en",
-          version: 0,
-        });
-        setSettingsItem(settingsItem);
-
-        if (result.rebuildJobItemId) {
-          const rebuildJobItem = await editContext?.itemsRepository.getItem({
-            id: result.rebuildJobItemId,
-            language: "en",
-            version: 0,
-          });
-          setRebuildJobItem(rebuildJobItem);
-        } else {
-          setRebuildJobItem(undefined);
-        }
-      } else {
-        setSettingsItem(undefined);
-        setRebuildJobItem(undefined);
-      }
-    });
-  }, [index]);
-
-  useEffect(() => {
-    let interval: NodeJS.Timeout;
-    if (indexStatus?.isRunning) {
-      interval = setInterval(() => {
-        fetchStatus();
-      }, 1000);
-    }
-    return () => {
-      if (interval) {
-        clearInterval(interval);
-      }
-    };
-  }, [indexStatus?.isRunning, fetchStatus]);
-
-  useEffect(() => {
-    fetchStatus();
-  }, [fetchStatus]);
-
-  useEffect(() => {
-    setIndexStatus(undefined);
-  }, [index]);
-
-  if (!indexStatus) {
-    return (
-      <div className="flex flex-col h-full justify-center items-center gap-2 text-gray-500">
-        <Spinner />
-        Loading...
-      </div>
-    );
-  }
-
-  async function setupIndexAndRefresh(index: string) {
-    await setupIndex(index);
-    setIndexStatus(undefined);
-    fetchStatus();
-  }
-
-  async function setupRebuildJobAndRefresh(index: string) {
-    await setupRebuildJob(index);
-    setIndexStatus(undefined);
-    fetchStatus();
-  }
-
-  async function rebuildIndexAndRefresh(index: string) {
-    await rebuildIndex(index);
-    setTimeout(() => {
-      fetchStatus();
-    }, 1000);
-  }
-
-  return (
-    <div className="flex flex-col px-2 py-1 h-full">
-      <div className="flex flex-row items-center border-b p-1 mb-3">
-        <div className="">{index.name}</div>
-      </div>
-      <div className="ml-2">
-        {settingsItem && (
-          <>
-            <IndexProp headline="Settings">
-              <a
-                className="cursor-pointer underline"
-                onClick={() => {
-                  if (indexStatus.settingsItemId) {
-                    editContext?.loadItem(indexStatus.settingsItemId);
-                    editContext?.switchView("content-editor");
-                  }
-                }}
-              >
-                {settingsItem.path}
-              </a>
-            </IndexProp>
-            <IndexProp headline="Service">{indexStatus.serviceUrl}</IndexProp>
-            <IndexProp headline="Name">{indexStatus.name}</IndexProp>
-            <IndexProp headline="Rebuild Job">
-              {rebuildJobItem && (
-                <>
-                  <a
-                    className="cursor-pointer underline"
-                    onClick={() => {
-                      if (indexStatus.rebuildJobItemId) {
-                        editContext?.loadItem(indexStatus.rebuildJobItemId);
-                        editContext?.switchView("content-editor");
-                      }
-                    }}
-                  >
-                    {rebuildJobItem.path}
-                  </a>
-                  {indexStatus.canRebuild && !indexStatus.isRunning && (
-                    <div className="my-2">
-                      <Button
-                        label="Rebuild Index"
-                        onClick={() => {
-                          rebuildIndexAndRefresh(index.name);
-                        }}
-                      />
-                    </div>
-                  )}
-                  {indexStatus.isRunning && (
-                    <div className="my-2 flex flex-row items-center justify-start">
-                      <div className="mr-2" style={{ width: "20px" }}>
-                        <ProgressSpinner
-                          style={{ width: "20px", height: "20px" }}
-                        />{" "}
-                      </div>
-                      Rebuilding... {indexStatus.rebuildCount.toLocaleString()}{" "}
-                      items, {indexStatus.rebuildTokensCount.toLocaleString()}{" "}
-                      tokens
-                    </div>
-                  )}
-                </>
-              )}
-              {!rebuildJobItem && (
-                <>
-                  <div className="text-sm text-gray-500 mb-2">
-                    No rebuild job found for this index
-                  </div>
-                  <Button
-                    label="Setup Rebuild Job"
-                    onClick={() => {
-                      setupRebuildJobAndRefresh(index.name);
-                    }}
-                  />
-                </>
-              )}
-            </IndexProp>
-            <IndexProp headline="Last Rebuild">
-              {indexStatus.lastRebuildStartDateTime
-                ? new Date(
-                    indexStatus.lastRebuildStartDateTime
-                  ).toLocaleString()
-                : "Never"}
-            </IndexProp>
-            {indexStatus.exists && (
-              <>
-                <IndexProp headline="Index Status">
-                  {Object.entries(indexStatus.languages).map(
-                    ([language, { numberOfItems, lastUpdated, status }]) => (
-                      <div
-                        key={language}
-                        className="flex items-center gap-2 text-xs"
-                      >
-                        <div className="font-bold">{language}:</div>
-                        <span
-                          className={`text-gray-500 ml-2 ${
-                            status === "Available"
-                              ? "text-green-500"
-                              : "text-yellow-500"
-                          }`}
-                        >
-                          {status}
-                        </span>
-                        <span className="text-gray-500">
-                          Items: {numberOfItems.toLocaleString()}{" "}
-                        </span>
-                        <span className="text-gray-500">
-                          Last updated: {new Date(lastUpdated).toLocaleString()}
-                        </span>
-                      </div>
-                    )
-                  )}
-                </IndexProp>
-              </>
-            )}
-            {indexStatus.errors?.length > 0 && (
-              <div>
-                <div>Errors:</div>
-                {indexStatus.errors.map((error, index) => (
-                  <div
-                    key={index}
-                    className="mt-2 p-2 bg-red-100 rounded-md text-red-800 border border-red-300 "
-                  >
-                    <div className="font-bold">{error.message}</div>
-                    <div className="text-sm">{error.details}</div>
-                  </div>
-                ))}
-              </div>
-            )}
-          </>
-        )}
-        {!indexStatus?.exists && (
-          <div>
-            <div className="text-sm text-gray-500 mb-2">
-              Index does not exist
-            </div>
-            <Button
-              label="Setup index"
-              onClick={() => {
-                setupIndexAndRefresh(index.name);
-              }}
-            />
-          </div>
-        )}{" "}
-      </div>
-    </div>
-  );
-}
-
-function IndexProp({
-  headline,
-  children,
-}: {
-  headline: ReactNode;
-  children: ReactNode;
-}) {
-  return (
-    <div className="mb-2">
-      <div className="font-bold text-sm">{headline}</div>
-      <div className="text-sm">{children}</div>
-    </div>
-  );
-}