@@ -206,37 +201,6 @@ export const ComponentsSelector = ({ selectedComponents, onComponentsChange, onC
)}
-
-
-
-
- {componentTypes.map((type) => {
- const Icon = type.icon;
- return (
-
- );
- })}
-
-
Updated:
diff --git a/application/src/components/public/PublicStatusPage.tsx b/application/src/components/public/PublicStatusPage.tsx
index 8f775f0..d6f7bc5 100644
--- a/application/src/components/public/PublicStatusPage.tsx
+++ b/application/src/components/public/PublicStatusPage.tsx
@@ -12,7 +12,7 @@ import { PublicStatusPageFooter } from './PublicStatusPageFooter';
export const PublicStatusPage = () => {
const { slug } = useParams<{ slug: string }>();
- console.log('PublicStatusPage - slug from params:', slug);
+// console.log('PublicStatusPage - slug from params:', slug);
const { page, components, services, uptimeData, loading, error } = usePublicStatusPageData(slug);
const [lastUpdated, setLastUpdated] = useState(new Date());
@@ -51,7 +51,7 @@ export const PublicStatusPage = () => {
};
}, [page?.theme]);
- console.log('PublicStatusPage state:', { loading, error, page: !!page, components: components.length, services: services.length });
+ // console.log('PublicStatusPage state:', { loading, error, page: !!page, components: components.length, services: services.length });
if (loading) {
return (
diff --git a/application/src/components/public/hooks/usePublicStatusPageData.ts b/application/src/components/public/hooks/usePublicStatusPageData.ts
index 75983ac..a92e85b 100644
--- a/application/src/components/public/hooks/usePublicStatusPageData.ts
+++ b/application/src/components/public/hooks/usePublicStatusPageData.ts
@@ -19,61 +19,61 @@ export const usePublicStatusPageData = (slug: string | undefined) => {
useEffect(() => {
const fetchPublicPage = async () => {
if (!slug) {
- console.log('No slug provided');
+ // console.log('No slug provided');
setError('No status page slug provided');
setLoading(false);
return;
}
try {
- console.log('Fetching public status page for slug:', slug);
+ // console.log('Fetching public status page for slug:', slug);
setLoading(true);
setError(null);
// Fetch operational page
- console.log('Fetching operational pages...');
+ // console.log('Fetching operational pages...');
const pages = await operationalPageService.getOperationalPages();
- console.log('All pages:', pages);
+ // console.log('All pages:', pages);
const foundPage = pages.find(p => p.slug === slug && p.is_public === 'true');
- console.log('Found page:', foundPage);
+ // console.log('Found page:', foundPage);
if (!foundPage) {
- console.log('Page not found or not public');
+ // console.log('Page not found or not public');
setError('Status page not found or not public');
setLoading(false);
return;
}
setPage(foundPage);
- console.log('Page set successfully');
+ // console.log('Page set successfully');
// Fetch components for this page
- console.log('Fetching components for page:', foundPage.id);
+ // console.log('Fetching components for page:', foundPage.id);
const pageComponents = await statusPageComponentsService.getStatusPageComponentsByOperationalId(foundPage.id);
- console.log('Components found:', pageComponents);
+ // console.log('Components found:', pageComponents);
setComponents(pageComponents);
// Fetch all services
- console.log('Fetching all services...');
+ // console.log('Fetching all services...');
const allServices = await serviceService.getServices();
- console.log('Services found:', allServices);
+ // console.log('Services found:', allServices);
setServices(allServices);
// Fetch uptime data for each component that has a service
- console.log('Fetching uptime data...');
+ // console.log('Fetching uptime data...');
const uptimePromises = pageComponents
.filter(component => component.service_id)
.map(async (component) => {
try {
- console.log('Fetching uptime for service:', component.service_id);
+ // console.log('Fetching uptime for service:', component.service_id);
const endDate = new Date();
const startDate = new Date(Date.now() - 90 * 24 * 60 * 60 * 1000); // Last 90 days
const history = await uptimeService.getUptimeHistory(component.service_id, 2000, startDate, endDate);
- console.log(`Uptime history for ${component.service_id}:`, history.length, 'records');
+ // console.log(`Uptime history for ${component.service_id}:`, history.length, 'records');
return { serviceId: component.service_id, history };
} catch (error) {
- console.error(`Error fetching uptime for service ${component.service_id}:`, error);
+ // console.error(`Error fetching uptime for service ${component.service_id}:`, error);
return { serviceId: component.service_id, history: [] };
}
});
@@ -84,12 +84,12 @@ export const usePublicStatusPageData = (slug: string | undefined) => {
uptimeMap[result.serviceId] = result.history;
});
setUptimeData(uptimeMap);
- console.log('Uptime data set successfully');
+ // console.log('Uptime data set successfully');
- console.log('All data fetched successfully');
+ // console.log('All data fetched successfully');
} catch (err) {
- console.error('Error fetching public page:', err);
+ // console.error('Error fetching public page:', err);
setError(`Failed to load status page: ${err}`);
} finally {
setLoading(false);
diff --git a/application/src/components/servers/AddServerAgentDialog.tsx b/application/src/components/servers/AddServerAgentDialog.tsx
index 755bb3d..65c1645 100644
--- a/application/src/components/servers/AddServerAgentDialog.tsx
+++ b/application/src/components/servers/AddServerAgentDialog.tsx
@@ -14,6 +14,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { getCurrentEndpoint } from "@/lib/pocketbase";
import { ServerAgentConfigForm } from "./ServerAgentConfigForm";
import { OneClickInstallTab } from "./OneClickInstallTab";
+import { DockerOneClickTab } from "./DockerOneClickTab";
import { ManualInstallTab } from "./ManualInstallTab";
interface AddServerAgentDialogProps {
@@ -123,9 +124,10 @@ export const AddServerAgentDialog: React.FC
= ({
-
+
Configure Agent
One-Click Install
+ Docker One-Click
Manual Installation
@@ -150,6 +152,16 @@ export const AddServerAgentDialog: React.FC = ({
onDialogClose={handleDialogClose}
/>
+
+
+
+
void;
+}
+
+export const DockerOneClickTab: React.FC = ({
+ serverToken,
+ currentPocketBaseUrl,
+ formData,
+ serverId,
+ onDialogClose,
+}) => {
+ const getDockerOneClickCommand = () => {
+ const scriptUrl = "https://cdn.checkcle.io/scripts/server-docker-agent.sh";
+
+ return `curl -L -o server-docker-agent.sh "${scriptUrl}"
+chmod +x server-docker-agent.sh
+SERVER_TOKEN="${serverToken}" \\
+POCKETBASE_URL="${currentPocketBaseUrl}" \\
+SERVER_NAME="${formData.serverName}" \\
+AGENT_ID="${serverId}" \\
+sudo -E bash ./server-docker-agent.sh`;
+ };
+
+ const getDirectDockerCommand = () => {
+ return `docker run -d \\
+ --name monitoring-agent \\
+ --restart unless-stopped \\
+ -p 8081:8081 \\
+ --group-add 999 \\
+ -e AGENT_ID="${serverId}" \\
+ -e SERVER_NAME="${formData.serverName}" \\
+ -e SERVER_TOKEN="${serverToken}" \\
+ -e POCKETBASE_URL="${currentPocketBaseUrl}" \\
+ -e POCKETBASE_ENABLED=true \\
+ -v /proc:/host/proc:ro \\
+ -v /etc:/host/etc:ro \\
+ -v /sys:/host/sys:ro \\
+ -v /:/host/root:ro \\
+ -v /var/run:/host/var/run:ro \\
+ -v /dev:/host/dev:ro \\
+ -v /var/run/docker.sock:/var/run/docker.sock:ro \\
+ -v monitoring_data:/var/lib/monitoring-agent \\
+ -v monitoring_logs:/var/log/monitoring-agent \\
+ operacle/checkcle-server-agent:latest`;
+ };
+
+ const handleCopyOneClickCommand = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+ console.log('Copy one-click command button clicked');
+ const command = getDockerOneClickCommand();
+ console.log('Copying one-click command:', command);
+ await copyToClipboard(command);
+ };
+
+ const handleCopyDockerCommand = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ e.stopPropagation();
+ console.log('Copy docker command button clicked');
+ const command = getDirectDockerCommand();
+ console.log('Copying docker command:', command);
+ await copyToClipboard(command);
+ };
+
+ return (
+
+ {/* One-Click Docker Installation */}
+
+
+
+
+ Docker One-Click Install (Recommended)
+
+
+ Automated Docker container installation with system monitoring capabilities
+
+
+
+
+
+
+
+ {getDockerOneClickCommand()}
+
+
+
+
+
This script will automatically:
+
+ - Download and setup the Docker monitoring agent
+ - Configure all required environment variables
+ - Start the container with proper system access
+ - Setup monitoring data persistence
+
+
+
+ {/* Direct Docker Run Command */}
+
+
+
+
+ Direct Docker Run Command
+
+
+ If you prefer to run the Docker container directly without the script
+
+
+
+
+
+
+
+ {getDirectDockerCommand()}
+
+
+
+
+
Prerequisites for direct Docker run:
+
+ - Docker must be installed and running
+ - The operacle/checkcle-server-agent image must be available
+ - Run as root or with sudo privileges
+
+
+
+
+
+
+
{server.name}
@@ -325,7 +329,7 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
{new Date(server.last_checked).toLocaleString()}
-
+ e.stopPropagation()}>
- handleViewDetails(server.id)}>
+ { e.stopPropagation(); handleViewDetails(server.id); }}>
View Server Detail
{server.docker === 'true' && (
- handleViewContainers(server.id)}>
+ { e.stopPropagation(); handleViewContainers(server.id); }}>
Container Monitoring
)}
handlePauseResume(server)}
+ onClick={(e) => { e.stopPropagation(); handlePauseResume(server); }}
disabled={isProcessing}
>
{isPaused ? (
@@ -366,12 +370,12 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
)}
- handleEdit(server)}>
+ { e.stopPropagation(); handleEdit(server); }}>
Edit Server
handleDelete(server)}
+ onClick={(e) => { e.stopPropagation(); handleDelete(server); }}
className="text-red-600 focus:text-red-600"
>
@@ -427,4 +431,4 @@ export const ServerTable = ({ servers, isLoading, onRefresh }: ServerTableProps)
);
-};
\ No newline at end of file
+};
diff --git a/application/src/components/services/add-service/ServiceForm.tsx b/application/src/components/services/add-service/ServiceForm.tsx
index 28ba8e9..a888b11 100644
--- a/application/src/components/services/add-service/ServiceForm.tsx
+++ b/application/src/components/services/add-service/ServiceForm.tsx
@@ -70,10 +70,10 @@ export function ServiceForm({
if (onSubmitStart) onSubmitStart();
try {
- console.log("Form data being submitted:", data);
+ // console.log("Form data being submitted:", data);
const serviceData = mapFormDataToServiceData(data);
- console.log("Service data being sent:", serviceData);
+ // console.log("Service data being sent:", serviceData);
if (isEdit && initialData) {
// Update existing service
diff --git a/application/src/components/services/add-service/ServiceUrlField.tsx b/application/src/components/services/add-service/ServiceUrlField.tsx
index 0284f35..f8419c4 100644
--- a/application/src/components/services/add-service/ServiceUrlField.tsx
+++ b/application/src/components/services/add-service/ServiceUrlField.tsx
@@ -67,7 +67,7 @@ export function ServiceUrlField({ form }: ServiceUrlFieldProps) {
placeholder={getPlaceholder()}
{...field}
onChange={(e) => {
- console.log(`${serviceType === "dns" ? "Domain" : serviceType === "tcp" ? "Host" : "URL"} field changed:`, e.target.value);
+ // console.log(`${serviceType === "dns" ? "Domain" : serviceType === "tcp" ? "Host" : "URL"} field changed:`, e.target.value);
field.onChange(e);
}}
/>
@@ -93,7 +93,7 @@ export function ServiceUrlField({ form }: ServiceUrlFieldProps) {
type="number"
{...field}
onChange={(e) => {
- console.log("Port field changed:", e.target.value);
+ // console.log("Port field changed:", e.target.value);
field.onChange(e);
}}
/>
diff --git a/application/src/components/settings/about-system/AboutSystem.tsx b/application/src/components/settings/about-system/AboutSystem.tsx
index b06e7d8..677d2dd 100644
--- a/application/src/components/settings/about-system/AboutSystem.tsx
+++ b/application/src/components/settings/about-system/AboutSystem.tsx
@@ -95,7 +95,7 @@ export const AboutSystem: React.FC = () => {
{t('viewDocumentation')}
-
- onView(certificate)}>
+ { e.stopPropagation(); onView(certificate); }}>
{t('view')}
-
+ { e.stopPropagation(); handleCheck(); }}>
Check
- onEdit(certificate)}>
+ { e.stopPropagation(); onEdit(certificate); }}>
{t('edit')}
onDelete(certificate)}
+ onClick={(e) => { e.stopPropagation(); onDelete(certificate); }}
className="text-destructive"
>
@@ -67,4 +67,4 @@ export const SSLCertificateActions = ({
);
-};
\ No newline at end of file
+};
diff --git a/application/src/components/ssl-domain/SSLCertificatesTable.tsx b/application/src/components/ssl-domain/SSLCertificatesTable.tsx
index 75df57a..a1e5008 100644
--- a/application/src/components/ssl-domain/SSLCertificatesTable.tsx
+++ b/application/src/components/ssl-domain/SSLCertificatesTable.tsx
@@ -33,11 +33,13 @@ import { AddSSLCertificateForm } from "./AddSSLCertificateForm";
import { EditSSLCertificateForm } from "./EditSSLCertificateForm";
import { SSLCertificateActions } from "./SSLCertificateActions";
import { SSLCertificateDetailDialog } from "./SSLCertificateDetailDialog";
+import { SSLPagination } from "./SSLPagination";
import { fetchSSLCertificates, addSSLCertificate, deleteSSLCertificate } from "@/services/sslCertificateService";
import { pb } from "@/lib/pocketbase";
import { SSLCertificate } from "@/types/ssl.types";
import { useLanguage } from "@/contexts/LanguageContext";
import { useTheme } from "@/contexts/ThemeContext";
+import { useSSLPagination } from "@/hooks/useSSLPagination";
import { toast } from "sonner";
export const SSLCertificatesTable = () => {
@@ -56,6 +58,16 @@ export const SSLCertificatesTable = () => {
queryFn: fetchSSLCertificates,
});
+ const {
+ paginatedCertificates,
+ currentPage,
+ totalPages,
+ pageSize,
+ totalItems,
+ handlePageChange,
+ handlePageSizeChange,
+ } = useSSLPagination({ certificates });
+
if (isLoading) return Loading...
;
if (isError) return Error loading certificates
;
@@ -67,7 +79,6 @@ export const SSLCertificatesTable = () => {
setShowAddDialog(false);
toast.success(t('certificateAdded'));
} catch (error) {
- // console.error("Error adding certificate:", error);
toast.error(t('failedToAddCertificate'));
} finally {
setIsSubmitting(false);
@@ -89,7 +100,6 @@ export const SSLCertificatesTable = () => {
setSelectedCertificate(null);
toast.success(t('certificateUpdated'));
} catch (error) {
- // console.error("Error updating certificate:", error);
toast.error(t('failedToUpdateCertificate'));
} finally {
setIsSubmitting(false);
@@ -107,7 +117,6 @@ export const SSLCertificatesTable = () => {
setSelectedCertificate(null);
toast.success(t('certificateDeleted'));
} catch (error) {
- // console.error("Error deleting certificate:", error);
toast.error(t('failedToDeleteCertificate'));
} finally {
setIsSubmitting(false);
@@ -136,53 +145,68 @@ export const SSLCertificatesTable = () => {
{t('noCertificatesFound')}
) : (
- 
+
+
+
+---
+
+## ๐ฅ Contributors
+Thank you for contributing and continuously making CheckCle better, you're awesome ๐ซถ
+
+[](https://github.com/operacle/checkcle/graphs/contributors)
+
+---
+
## ๐ค Ways to Contribute
Here are some ways you can help improve CheckCle:
@@ -155,25 +153,20 @@ Here are some ways you can help improve CheckCle:
- ๐ **Suggest Features** โ Have an idea? Start a [Discussion](https://github.com/operacle/checkcle/discussions) or open a Feature Request issue.
- ๐ **Submit Pull Requests** โ Improve the code, fix bugs, add features, or enhance the docs.
- ๐ **Improve Documentation** โ Even a typo fix helps!
-- ๐ **Spread the Word** โ Star โญ the repo, share it on socials, and invite others to contribute!
+- ๐ **Spread the Word** โ Star โญ the [CheckCle](https://github.com/operacle/checkcle.git) repo, share it on socials, and invite others to contribute!
---
## ๐ Stay Connected
- Website: [checkcle.io](https://checkcle.io)
- Documentation: [docs.checkcle.io](https://docs.checkcle.io)
-- GitHub Repository: โญ [CheckCle](https://github.com/operacle/checkcle.git)
-- Reddit Community: [reddit](https://www.reddit.com/r/checkcle)
-- Discord: Join our community [@discord](https://discord.gg/xs9gbubGwX)
-- X: [@tlengoss](https://x.com/tlengoss)
+- Chat on Discord: Join our community [@discord](https://discord.gg/xs9gbubGwX)
+- Follow us on X: [@checkcle_oss](https://x.com/checkcle_oss)
## ๐ License
CheckCle is released under the MIT License.
---
-## ๐ฅ Contributors
-Thank you for contributing and continuously making CheckCle better, you're awesome ๐ซถ
-[](https://github.com/operacle/checkcle/graphs/contributors)
diff --git a/application/index.html b/application/index.html
index 200a3e1..bf65603 100644
--- a/application/index.html
+++ b/application/index.html
@@ -4,7 +4,7 @@
-