Spaces:
Running
Running
File size: 3,715 Bytes
c10f8f8 29275f9 6cca3b1 c10f8f8 8bce833 c10f8f8 8bce833 c10f8f8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
"use client";
import { useEffect, useState } from "react";
import IframeWarningModal from "./modal";
export default function IframeDetector() {
const [showWarning, setShowWarning] = useState(false);
useEffect(() => {
// Helper function to check if a hostname is from allowed domains
const isAllowedDomain = (hostname: string) => {
const host = hostname.toLowerCase();
return (
host.endsWith(".huggingface.co") ||
host.endsWith(".hf.co") ||
host === "huggingface.co" ||
host === "hf.co" ||
host === "enzostvs-deepsite.hf.space" ||
host === "huggingface.co/deepsite"
);
};
// Check if the current window is in an iframe
const isInIframe = () => {
try {
return window.self !== window.top;
} catch {
// If we can't access window.top due to cross-origin restrictions,
// we're likely in an iframe
return true;
}
};
// Additional check: compare window location with parent location
const isEmbedded = () => {
try {
return window.location !== window.parent.location;
} catch {
// Cross-origin iframe
return true;
}
};
// SEO: Add canonical URL meta tag when in iframe
const addCanonicalUrl = () => {
// Remove existing canonical link if present
const existingCanonical = document.querySelector('link[rel="canonical"]');
if (existingCanonical) {
existingCanonical.remove();
}
// Add canonical URL pointing to the standalone version
const canonical = document.createElement("link");
canonical.rel = "canonical";
canonical.href = window.location.href;
document.head.appendChild(canonical);
// Add meta tag to indicate this page should not be indexed when in iframe from unauthorized domains
if (isInIframe() || isEmbedded()) {
try {
const parentHostname = document.referrer
? new URL(document.referrer).hostname
: null;
if (parentHostname && !isAllowedDomain(parentHostname)) {
// Add noindex meta tag when embedded in unauthorized domains
const noIndexMeta = document.createElement("meta");
noIndexMeta.name = "robots";
noIndexMeta.content = "noindex, nofollow";
document.head.appendChild(noIndexMeta);
}
} catch (error) {
// Silently handle cross-origin errors
console.debug(
"SEO: Could not determine parent domain for iframe indexing rules"
);
}
}
};
// Check if we're in an iframe from a non-allowed domain
const shouldShowWarning = () => {
if (!isInIframe() && !isEmbedded()) {
return false; // Not in an iframe
}
try {
// Try to get the parent's hostname
const parentHostname = window.parent.location.hostname;
return !isAllowedDomain(parentHostname);
} catch {
// Cross-origin iframe - try to get referrer instead
try {
if (document.referrer) {
const referrerUrl = new URL(document.referrer);
return !isAllowedDomain(referrerUrl.hostname);
}
} catch {
// If we can't determine the parent domain, assume it's not allowed
}
return true;
}
};
// Always add canonical URL for SEO, regardless of iframe status
addCanonicalUrl();
if (shouldShowWarning()) {
// Show warning modal instead of redirecting immediately
setShowWarning(true);
}
}, []);
return (
<IframeWarningModal isOpen={showWarning} onOpenChange={setShowWarning} />
);
}
|