`), _tmpl$2 = template(``);
const [showPanel, setShowPanel] = createSignal(false);
const [activePlatform, setActivePlatform] = createSignal(platforms[0]);
const [toast, setToast] = createSignal("");
function detectPlatform() {
const host = window.location.host;
if (host.includes("bilibili.com")) return platforms.find((p) => p.id === "bilibili");
if (host.includes("youtube.com")) return platforms.find((p) => p.id === "youtube");
if (host.includes("twitter.com") || host.includes("x.com")) return platforms.find((p) => p.id === "x");
return null;
}
const App = () => {
const [params, setParams] = createSignal({});
const [showAllPlatforms, setShowAllPlatforms] = createSignal(false);
onMount(() => {
const detected = detectPlatform();
if (detected) {
setActivePlatform(detected);
}
setParams(detectParams((detected || platforms[0]).id));
});
const handleTabClick = (p) => {
setActivePlatform(p);
setParams(detectParams(p.id));
setShowAllPlatforms(true);
};
const matchedRules = () => activePlatform().rules.filter((rule) => {
const link = rule.genLink(params());
return !/\{.+?\}/.test(link);
});
if (matchedRules().length === 0) return null;
const handleClose = () => setShowPanel(false);
const onBgClick = (e) => {
if (e.target === e.currentTarget) handleClose();
};
return [createComponent(Show, {
get when() {
return memo(() => matchedRules().length > 0)() && !showPanel();
},
get children() {
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
_el$.$$click = () => setShowPanel(true);
_el$2.innerHTML = rsshubLogo;
createRenderEffect(() => className(_el$, styles$2.fab));
return _el$;
}
}), createComponent(Show, {
get when() {
return showPanel();
},
get children() {
return createComponent(Panel, {
get showAllPlatforms() {
return showAllPlatforms();
},
platforms,
get activePlatform() {
return activePlatform();
},
onTabClick: handleTabClick,
get matchedRules() {
return matchedRules();
},
get params() {
return params();
},
onClose: handleClose,
onBgClick,
onCopy: (success) => {
console.log("App onCopy 回调", success);
setToast(success ? "已复制" : "复制失败");
setTimeout(() => setToast(""), 1200);
}
});
}
}), createComponent(Show, {
get when() {
return toast();
},
get children() {
var _el$3 = _tmpl$2();
insert(_el$3, toast);
createRenderEffect(() => className(_el$3, styles$2.toast));
return _el$3;
}
})];
};
delegateEvents(["click"]);
render(() => createComponent(App, {}), (() => {
const app = document.createElement("div");
app.style.position = "fixed";
app.style.zIndex = "10000";
app.style.pointerEvents = "none";
app.style.width = "0";
app.style.height = "0";
app.style.top = "0";
app.style.left = "0";
document.body.append(app);
return app;
})());
})();