mirror of
https://github.com/Mintplex-Labs/anything-llm
synced 2026-04-25 17:15:37 +02:00
dc4ad6b5a9
* wip bg workers for live document sync * Add ability to re-embed specific documents across many workspaces via background queue bgworkser is gated behind expieremental system setting flag that needs to be explictly enabled UI for watching/unwatching docments that are embedded. TODO: UI to easily manage all bg tasks and see run results TODO: UI to enable this feature and background endpoints to manage it * create frontend views and paths Move elements to correct experimental scope * update migration to delete runs on removal of watched document * Add watch support to YouTube transcripts (#1716) * Add watch support to YouTube transcripts refactor how sync is done for supported types * Watch specific files in Confluence space (#1718) Add failure-prune check for runs * create tmp workflow modifications for beta image * create tmp workflow modifications for beta image * create tmp workflow modifications for beta image * dual build update copy of alert modals * update job interval * Add support for live-sync of Github files * update copy for document sync feature * hide Experimental features from UI * update docs links * [FEAT] Implement new settings menu for experimental features (#1735) * implement new settings menu for experimental features * remove unused context save bar --------- Co-authored-by: timothycarambat <rambat1010@gmail.com> * dont run job on boot * unset workflow changes * Add persistent encryption service Relay key to collector so persistent encryption can be used Encrypt any private data in chunkSources used for replay during resync jobs * update jsDOC * Linting and organization * update modal copy for feature --------- Co-authored-by: Sean Hatfield <seanhatfield5@gmail.com>
91 lines
3.3 KiB
JavaScript
91 lines
3.3 KiB
JavaScript
import System from "@/models/system";
|
|
import paths from "@/utils/paths";
|
|
import showToast from "@/utils/toast";
|
|
import { ArrowSquareOut } from "@phosphor-icons/react";
|
|
import { useState } from "react";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export default function LiveSyncToggle({ enabled = false, onToggle }) {
|
|
const [status, setStatus] = useState(enabled);
|
|
|
|
async function toggleFeatureFlag() {
|
|
const updated = await System.experimentalFeatures.liveSync.toggleFeature(
|
|
!status
|
|
);
|
|
if (!updated) {
|
|
showToast("Failed to update status of feature.", "error", {
|
|
clear: true,
|
|
});
|
|
return false;
|
|
}
|
|
|
|
setStatus(!status);
|
|
showToast(
|
|
`Live document content sync has been ${
|
|
!status ? "enabled" : "disabled"
|
|
}.`,
|
|
"success",
|
|
{ clear: true }
|
|
);
|
|
onToggle();
|
|
}
|
|
|
|
return (
|
|
<div className="p-4">
|
|
<div className="flex flex-col gap-y-6 max-w-[500px]">
|
|
<div className="flex items-center justify-between">
|
|
<h2 className="text-white text-md font-bold">
|
|
Automatic Document Content Sync
|
|
</h2>
|
|
<label className="relative inline-flex cursor-pointer items-center">
|
|
<input
|
|
type="checkbox"
|
|
onClick={toggleFeatureFlag}
|
|
checked={status}
|
|
className="peer sr-only pointer-events-none"
|
|
/>
|
|
<div className="pointer-events-none peer h-6 w-11 rounded-full bg-stone-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:shadow-xl after:border after:border-gray-600 after:bg-white after:box-shadow-md after:transition-all after:content-[''] peer-checked:bg-lime-300 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-800"></div>
|
|
</label>
|
|
</div>
|
|
<div className="flex flex-col space-y-4">
|
|
<p className="text-white/90 text-sm">
|
|
Enable the ability to specify a document to be "watched". Watched
|
|
document's content will be regularly fetched and updated in
|
|
AnythingLLM.
|
|
</p>
|
|
<p className="text-white/90 text-sm">
|
|
Watched documents will automatically update in all workspaces they
|
|
are referenced in at the same time of update.
|
|
</p>
|
|
<p className="text-white/80 text-xs italic">
|
|
This feature only applies to web-based content, such as websites,
|
|
Confluence, YouTube, and GitHub files.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="mt-8">
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<a
|
|
href="https://docs.useanything.com/beta-preview/active-features/live-document-sync"
|
|
target="_blank"
|
|
className="text-sm text-blue-400 hover:underline flex items-center gap-x-1"
|
|
>
|
|
<ArrowSquareOut size={14} />
|
|
<span>Feature Documentation and Warnings</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<Link
|
|
to={paths.experimental.liveDocumentSync.manage()}
|
|
className="text-sm text-blue-400 hover:underline"
|
|
>
|
|
Manage Watched Documents →
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|