Begin work on outline page and route
This commit is contained in:
joncrangle
27
cmd/main.go
27
cmd/main.go
@@ -3,6 +3,7 @@ package main
|
||||
import (
|
||||
"embed"
|
||||
"fmt"
|
||||
"html/template"
|
||||
"log"
|
||||
"os"
|
||||
"strings"
|
||||
@@ -14,6 +15,7 @@ import (
|
||||
"github.com/gofiber/fiber/v2"
|
||||
"github.com/gofiber/fiber/v2/middleware/basicauth"
|
||||
"github.com/gofiber/fiber/v2/middleware/favicon"
|
||||
"github.com/gofiber/template/html/v2"
|
||||
)
|
||||
|
||||
//go:embed favicon.ico
|
||||
@@ -22,6 +24,9 @@ var faviconData string
|
||||
//go:embed styles.css
|
||||
var cssData embed.FS
|
||||
|
||||
//go:embed script.js
|
||||
var scriptData embed.FS
|
||||
|
||||
//go:embed VERSION
|
||||
var version string
|
||||
|
||||
@@ -101,12 +106,21 @@ func main() {
|
||||
*prefork = true
|
||||
}
|
||||
|
||||
engine := html.New("./handlers", ".html")
|
||||
engine.AddFunc(
|
||||
// add unescape function
|
||||
"unescape", func(s string) template.HTML {
|
||||
return template.HTML(s)
|
||||
},
|
||||
)
|
||||
|
||||
app := fiber.New(
|
||||
fiber.Config{
|
||||
Prefork: *prefork,
|
||||
GETOnly: false,
|
||||
ReadBufferSize: 4096 * 4, // increase max header size
|
||||
DisableStartupMessage: true,
|
||||
Views: engine,
|
||||
},
|
||||
)
|
||||
|
||||
@@ -149,6 +163,18 @@ func main() {
|
||||
return c.Send(cssData)
|
||||
})
|
||||
|
||||
// TODO: move to handlers/script.go
|
||||
app.Get("/script.js", func(c *fiber.Ctx) error {
|
||||
scriptData, err := scriptData.ReadFile("script.js")
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).SendString("Internal Server Error")
|
||||
}
|
||||
|
||||
c.Set("Content-Type", "text/javascript")
|
||||
|
||||
return c.Send(scriptData)
|
||||
})
|
||||
|
||||
app.Get("ruleset", handlers.Ruleset)
|
||||
app.Get("raw/*", handlers.Raw)
|
||||
|
||||
@@ -158,6 +184,7 @@ func main() {
|
||||
}
|
||||
|
||||
app.Get("api/outline/*", handlers.NewAPIOutlineHandler("api/outline/*", proxyOpts))
|
||||
app.Get("outline/*", handlers.Outline("outline/*", proxyOpts))
|
||||
|
||||
app.Get("/*", handlers.NewProxySiteHandler(proxyOpts))
|
||||
app.Post("/*", handlers.NewProxySiteHandler(proxyOpts))
|
||||
|
||||
269
cmd/script.js
Normal file
269
cmd/script.js
Normal file
@@ -0,0 +1,269 @@
|
||||
const labels = document.querySelectorAll("label");
|
||||
const inputs = document.querySelectorAll('input[type="radio"]');
|
||||
const mainElement = document.querySelector("main");
|
||||
|
||||
const handleDOMContentLoaded = () => {
|
||||
handleFontChange();
|
||||
handleFontSizeChange();
|
||||
inputs.forEach((input) => {
|
||||
const storedValue = localStorage.getItem(input.name);
|
||||
if (storedValue === input.value) {
|
||||
input.checked = true;
|
||||
}
|
||||
});
|
||||
window.removeEventListener("DOMContentLoaded", handleDOMContentLoaded);
|
||||
};
|
||||
|
||||
function focusable_children(node) {
|
||||
const nodes = Array.from(
|
||||
node.querySelectorAll(
|
||||
'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
|
||||
)
|
||||
).filter((s) => s.offsetParent !== null);
|
||||
const index = nodes.indexOf(document.activeElement);
|
||||
const update = (d) => {
|
||||
let i = index + d;
|
||||
i += nodes.length;
|
||||
i %= nodes.length;
|
||||
nodes[i].focus();
|
||||
};
|
||||
return {
|
||||
next: (selector) => {
|
||||
const reordered = [
|
||||
...nodes.slice(index + 1),
|
||||
...nodes.slice(0, index + 1),
|
||||
];
|
||||
for (let i = 0; i < reordered.length; i += 1) {
|
||||
if (!selector || reordered[i].matches(selector)) {
|
||||
reordered[i].focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
},
|
||||
prev: (selector) => {
|
||||
const reordered = [
|
||||
...nodes.slice(index + 1),
|
||||
...nodes.slice(0, index + 1),
|
||||
];
|
||||
for (let i = reordered.length - 2; i >= 0; i -= 1) {
|
||||
if (!selector || reordered[i].matches(selector)) {
|
||||
reordered[i].focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
},
|
||||
update,
|
||||
};
|
||||
}
|
||||
|
||||
function trap(node) {
|
||||
const handle_keydown = (e) => {
|
||||
if (e.key === "Tab") {
|
||||
e.preventDefault();
|
||||
const group = focusable_children(node);
|
||||
if (e.shiftKey) {
|
||||
group.prev();
|
||||
} else {
|
||||
group.next();
|
||||
}
|
||||
}
|
||||
};
|
||||
node.addEventListener("keydown", handle_keydown);
|
||||
return {
|
||||
destroy: () => {
|
||||
node.removeEventListener("keydown", handle_keydown);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
const toggleDropdown = () => {
|
||||
const dropdown = document.getElementById("dropdown");
|
||||
const dropdown_panel = document.getElementById("dropdown_panel");
|
||||
const focusTrap = trap(dropdown);
|
||||
|
||||
const closeDropdown = () => {
|
||||
dropdown_panel.classList.add("hidden");
|
||||
focusTrap.destroy();
|
||||
dropdown.removeEventListener("keydown", handleEscapeKey);
|
||||
document.removeEventListener("click", handleClickOutside);
|
||||
inputs.forEach((input) => {
|
||||
input.removeEventListener("change", handleInputChange);
|
||||
});
|
||||
labels.forEach((label) => {
|
||||
label.removeEventListener("click", handleLabelSelection);
|
||||
});
|
||||
};
|
||||
|
||||
const handleClickOutside = (e) => {
|
||||
if (!dropdown.contains(e.target)) {
|
||||
closeDropdown();
|
||||
}
|
||||
};
|
||||
|
||||
const handleEscapeKey = (e) => {
|
||||
if (e.key === "Escape") {
|
||||
dropdown_panel.classList.add("hidden");
|
||||
closeDropdown();
|
||||
}
|
||||
};
|
||||
|
||||
const handleInputChange = (e) => {
|
||||
if (e.target.checked) {
|
||||
localStorage.setItem(e.target.name, e.target.value);
|
||||
switch (e.target.name) {
|
||||
case "theme": {
|
||||
handleThemeChange();
|
||||
break;
|
||||
}
|
||||
case "font": {
|
||||
handleFontChange();
|
||||
break;
|
||||
}
|
||||
case "fontsize": {
|
||||
handleFontSizeChange();
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
console.error("Unknown event");
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const handleLabelSelection = (e) => {
|
||||
if (e.key === "Enter" || e.key === " ") {
|
||||
e.preventDefault();
|
||||
const input = document.getElementById(e.target.getAttribute("for"));
|
||||
input.checked = true;
|
||||
input.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
}
|
||||
};
|
||||
|
||||
if (dropdown_panel.classList.contains("hidden")) {
|
||||
dropdown_panel.classList.remove("hidden");
|
||||
dropdown.addEventListener("keydown", handleEscapeKey);
|
||||
inputs.forEach((input) => {
|
||||
input.addEventListener("change", handleInputChange);
|
||||
});
|
||||
labels.forEach((label) => {
|
||||
label.addEventListener("keydown", handleLabelSelection);
|
||||
});
|
||||
document.addEventListener("click", handleClickOutside);
|
||||
} else {
|
||||
closeDropdown();
|
||||
}
|
||||
};
|
||||
|
||||
const handleFontChange = () => {
|
||||
if (mainElement === null) {
|
||||
return;
|
||||
}
|
||||
const font = localStorage.getItem("font");
|
||||
if (font === "sans-serif") {
|
||||
mainElement.classList.add("font-sans");
|
||||
mainElement.classList.remove("font-serif");
|
||||
} else {
|
||||
mainElement.classList.add("font-serif");
|
||||
mainElement.classList.remove("font-sans");
|
||||
}
|
||||
};
|
||||
|
||||
const changeFontSize = (node, classes) => {
|
||||
const sizes = [
|
||||
"text-xs",
|
||||
"text-sm",
|
||||
"text-base",
|
||||
"text-lg",
|
||||
"text-xl",
|
||||
"text-2xl",
|
||||
"text-3xl",
|
||||
"text-4xl",
|
||||
"sm:text-3xl",
|
||||
"sm:text-4xl",
|
||||
"sm:text-5xl",
|
||||
];
|
||||
const currentClasses = sizes.filter((size) => node.classList.contains(size));
|
||||
node.classList.remove(...currentClasses);
|
||||
node.classList.add(...classes);
|
||||
};
|
||||
|
||||
const handleFontSizeChange = () => {
|
||||
if (mainElement === null) {
|
||||
return;
|
||||
}
|
||||
const fontSize = localStorage.getItem("fontsize");
|
||||
const nodes = document.querySelectorAll(
|
||||
"h1, h2, h3, h4, code, pre, kbd, table"
|
||||
);
|
||||
if (fontSize === "text-sm") {
|
||||
changeFontSize(mainElement, ["text-sm"]);
|
||||
} else if (fontSize === "text-lg") {
|
||||
changeFontSize(mainElement, ["text-lg"]);
|
||||
} else {
|
||||
changeFontSize(mainElement, ["text-base"]);
|
||||
}
|
||||
nodes.forEach((node) => {
|
||||
let classes = "";
|
||||
switch (node.tagName) {
|
||||
case "H1": {
|
||||
if (fontSize === "text-sm") {
|
||||
classes = ["text-2xl", "sm:text-3xl"];
|
||||
} else if (fontSize === "text-lg") {
|
||||
classes = ["text-4xl", "sm:text-5xl"];
|
||||
} else {
|
||||
classes = ["text-3xl", "sm:text-4xl"];
|
||||
}
|
||||
}
|
||||
case "H2": {
|
||||
if (fontSize === "text-sm") {
|
||||
classes = ["text-2xl"];
|
||||
} else if (fontSize === "text-lg") {
|
||||
classes = ["text-4xl"];
|
||||
} else {
|
||||
classes = ["text-3xl"];
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "H3": {
|
||||
if (fontSize === "text-sm") {
|
||||
classes = ["text-xl"];
|
||||
} else if (fontSize === "text-lg") {
|
||||
classes = ["text-3xl"];
|
||||
} else {
|
||||
classes = ["text-2xl"];
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "H4": {
|
||||
if (fontSize === "text-sm") {
|
||||
classes = ["text-lg"];
|
||||
} else if (fontSize === "text-lg") {
|
||||
classes = ["text-2xl"];
|
||||
} else {
|
||||
classes = ["text-xl"];
|
||||
}
|
||||
break;
|
||||
}
|
||||
case "CODE":
|
||||
case "PRE":
|
||||
case "KBD":
|
||||
case "TABLE": {
|
||||
if (fontSize === "text-sm") {
|
||||
classes = ["text-xs"];
|
||||
} else if (fontSize === "text-lg") {
|
||||
classes = ["text-base"];
|
||||
} else {
|
||||
classes = ["text-sm"];
|
||||
}
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
break;
|
||||
}
|
||||
}
|
||||
changeFontSize(node, classes);
|
||||
});
|
||||
};
|
||||
|
||||
window.addEventListener("DOMContentLoaded", handleDOMContentLoaded);
|
||||
File diff suppressed because one or more lines are too long
4
go.mod
4
go.mod
@@ -20,6 +20,8 @@ require (
|
||||
github.com/elliotchance/pie/v2 v2.8.0 // indirect
|
||||
github.com/forPelevin/gomoji v1.1.8 // indirect
|
||||
github.com/go-shiori/go-readability v0.0.0-20231029095239-6b97d5aba789 // indirect
|
||||
github.com/gofiber/template v1.8.2 // indirect
|
||||
github.com/gofiber/utils v1.1.0 // indirect
|
||||
github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f // indirect
|
||||
github.com/hablullah/go-hijri v1.0.2 // indirect
|
||||
github.com/hablullah/go-juliandays v1.0.0 // indirect
|
||||
@@ -40,8 +42,10 @@ require (
|
||||
)
|
||||
|
||||
require (
|
||||
github.com/PuerkitoBio/goquery v1.8.1
|
||||
github.com/andybalholm/brotli v1.0.6 // indirect
|
||||
github.com/davecgh/go-spew v1.1.1 // indirect
|
||||
github.com/gofiber/template/html/v2 v2.0.5
|
||||
github.com/google/uuid v1.4.0 // indirect
|
||||
github.com/klauspost/compress v1.17.3 // indirect
|
||||
github.com/mattn/go-colorable v0.1.13 // indirect
|
||||
|
||||
13
go.sum
13
go.sum
@@ -1,9 +1,12 @@
|
||||
github.com/PuerkitoBio/goquery v1.8.1 h1:uQxhNlArOIdbrH1tr0UXwdVFgDcZDrZVdcpygAcwmWM=
|
||||
github.com/PuerkitoBio/goquery v1.8.1/go.mod h1:Q8ICL1kNUJ2sXGoAhPGUdYDJvgQgHzJsnnd3H7Ho5jQ=
|
||||
github.com/abadojack/whatlanggo v1.0.1 h1:19N6YogDnf71CTHm3Mp2qhYfkRdyvbgwWdd2EPxJRG4=
|
||||
github.com/abadojack/whatlanggo v1.0.1/go.mod h1:66WiQbSbJBIlOZMsvbKe5m6pzQovxCH9B/K8tQB2uoc=
|
||||
github.com/akamensky/argparse v1.4.0 h1:YGzvsTqCvbEZhL8zZu2AiA5nq805NZh75JNj4ajn1xc=
|
||||
github.com/akamensky/argparse v1.4.0/go.mod h1:S5kwC7IuDcEr5VeXtGPRVZ5o/FdhcMlQz4IZQuw64xA=
|
||||
github.com/andybalholm/brotli v1.0.6 h1:Yf9fFpf49Zrxb9NlQaluyE92/+X7UVHlhMNJN2sxfOI=
|
||||
github.com/andybalholm/brotli v1.0.6/go.mod h1:fO7iG3H7G2nSZ7m0zPUDn85XEX2GTukHGRSepvi9Eig=
|
||||
github.com/andybalholm/cascadia v1.3.1/go.mod h1:R4bJ1UQfqADjvDa4P6HZHLh/3OxWWEqc0Sk8XGwHqvA=
|
||||
github.com/andybalholm/cascadia v1.3.2 h1:3Xi6Dw5lHF15JtdcmAHD3i1+T8plmv7BQ/nsViSLyss=
|
||||
github.com/andybalholm/cascadia v1.3.2/go.mod h1:7gtRlve5FxPPgIgX36uWBX58OdBsSS6lUvCFb+h7KvU=
|
||||
github.com/bogdanfinn/fhttp v0.5.24 h1:OlyBKjvJp6a3TotN3wuj4mQHHRbfK7QUMrzCPOZGhRc=
|
||||
@@ -27,6 +30,12 @@ github.com/go-shiori/go-readability v0.0.0-20231029095239-6b97d5aba789/go.mod h1
|
||||
github.com/godbus/dbus/v5 v5.0.4/go.mod h1:xhWf0FNVPg57R7Z0UbKHbJfkEywrmjJnf7w5xrFpKfA=
|
||||
github.com/gofiber/fiber/v2 v2.50.0 h1:ia0JaB+uw3GpNSCR5nvC5dsaxXjRU5OEu36aytx+zGw=
|
||||
github.com/gofiber/fiber/v2 v2.50.0/go.mod h1:21eytvay9Is7S6z+OgPi7c7n4++tnClWmhpimVHMimw=
|
||||
github.com/gofiber/template v1.8.2 h1:PIv9s/7Uq6m+Fm2MDNd20pAFFKt5wWs7ZBd8iV9pWwk=
|
||||
github.com/gofiber/template v1.8.2/go.mod h1:bs/2n0pSNPOkRa5VJ8zTIvedcI/lEYxzV3+YPXdBvq8=
|
||||
github.com/gofiber/template/html/v2 v2.0.5 h1:BKLJ6Qr940NjntbGmpO3zVa4nFNGDCi/IfUiDB9OC20=
|
||||
github.com/gofiber/template/html/v2 v2.0.5/go.mod h1:RCF14eLeQDCSUPp0IGc2wbSSDv6yt+V54XB/+Unz+LM=
|
||||
github.com/gofiber/utils v1.1.0 h1:vdEBpn7AzIUJRhe+CiTOJdUcTg4Q9RK+pEa0KPbLdrM=
|
||||
github.com/gofiber/utils v1.1.0/go.mod h1:poZpsnhBykfnY1Mc0KeEa6mSHrS3dV0+oBWyeQmb2e0=
|
||||
github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f h1:3BSP1Tbs2djlpprl7wCLuiqMaUh5SJkkzI2gDs+FgLs=
|
||||
github.com/gogs/chardet v0.0.0-20211120154057-b7413eaefb8f/go.mod h1:Pcatq5tYkCW2Q6yrR2VRHlbHpZ/R4/7qyL1TCF7vl14=
|
||||
github.com/google/uuid v1.4.0 h1:MtMxsa51/r9yyhkyLsVeVt0B+BGQZzpQiTQ4eHZ8bc4=
|
||||
@@ -105,8 +114,10 @@ golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91
|
||||
golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
|
||||
golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
|
||||
golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
|
||||
golang.org/x/net v0.0.0-20210916014120-12bc252f5db8/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
|
||||
golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
|
||||
golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
|
||||
golang.org/x/net v0.7.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
|
||||
golang.org/x/net v0.9.0/go.mod h1:d48xBJpPfHeWQsugry2m+kC02ZBRGRgulfHnEXEuWns=
|
||||
golang.org/x/net v0.19.0 h1:zTwKpTd2XuCqf8huc7Fo2iSy+4RHPd10s4KzeTnVr1c=
|
||||
golang.org/x/net v0.19.0/go.mod h1:CfAk/cbD4CthTvqiEl8NpboMuiuOYsAr/7NOjZJtv1U=
|
||||
@@ -115,6 +126,7 @@ golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJ
|
||||
golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
|
||||
golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
|
||||
golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
|
||||
golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
|
||||
golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
|
||||
@@ -134,6 +146,7 @@ golang.org/x/term v0.15.0 h1:y/Oo/a/q3IXu26lQgl04j/gjuBDOBlx7X6Om1j2CPW4=
|
||||
golang.org/x/term v0.15.0/go.mod h1:BDl952bC7+uMoWR75FIrCDx79TPU9oHkTZ9yRbYOrX0=
|
||||
golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
|
||||
golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
|
||||
golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
|
||||
golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
|
||||
golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
|
||||
golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
|
||||
|
||||
55
handlers/outline.go
Normal file
55
handlers/outline.go
Normal file
@@ -0,0 +1,55 @@
|
||||
package handlers
|
||||
|
||||
import (
|
||||
"ladder/proxychain"
|
||||
rx "ladder/proxychain/requestmodifers"
|
||||
tx "ladder/proxychain/responsemodifers"
|
||||
"log"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
)
|
||||
|
||||
func Outline(path string, opts *ProxyOptions) fiber.Handler {
|
||||
|
||||
// TODO: implement ruleset logic
|
||||
/*
|
||||
var rs ruleset.RuleSet
|
||||
if opts.RulesetPath != "" {
|
||||
r, err := ruleset.NewRuleset(opts.RulesetPath)
|
||||
if err != nil {
|
||||
panic(err)
|
||||
}
|
||||
rs = r
|
||||
}
|
||||
*/
|
||||
|
||||
return func(c *fiber.Ctx) error {
|
||||
result, err := proxychain.
|
||||
NewProxyChain().
|
||||
WithAPIPath(path).
|
||||
SetDebugLogging(opts.Verbose).
|
||||
SetRequestModifications(
|
||||
rx.MasqueradeAsGoogleBot(),
|
||||
rx.ForwardRequestHeaders(),
|
||||
rx.SpoofReferrerFromGoogleSearch(),
|
||||
).
|
||||
AddResponseModifications(
|
||||
tx.DeleteIncomingCookies(),
|
||||
tx.RewriteHTMLResourceURLs(),
|
||||
tx.APIOutline(),
|
||||
).
|
||||
SetFiberCtx(c).
|
||||
ExecuteForAPI()
|
||||
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
}
|
||||
|
||||
return c.Render("outline", fiber.Map{
|
||||
"Success": true,
|
||||
"Params": c.Params("*"),
|
||||
"Title": "Outline",
|
||||
"Body": result,
|
||||
})
|
||||
}
|
||||
}
|
||||
387
handlers/outline.html
Normal file
387
handlers/outline.html
Normal file
@@ -0,0 +1,387 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
<script>
|
||||
const handleThemeChange = () => {
|
||||
const theme = localStorage.getItem("theme");
|
||||
if (
|
||||
theme === "dark" ||
|
||||
(theme === "system" &&
|
||||
window.matchMedia("(prefers-color-scheme: dark)").matches)
|
||||
) {
|
||||
document.documentElement.classList.add("dark");
|
||||
} else {
|
||||
document.documentElement.classList.remove("dark");
|
||||
}
|
||||
};
|
||||
handleThemeChange();
|
||||
</script>
|
||||
<title>ladder | {{ .Title }}</title>
|
||||
</head>
|
||||
|
||||
<body
|
||||
class="antialiased bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-200"
|
||||
>
|
||||
<div class="flex flex-col gap-4 max-w-3xl mx-4 lg:mx-auto pt-10">
|
||||
<div class="flex justify-between place-items-center">
|
||||
<div
|
||||
class="hover:drop-shadow-[0_0px_4px_rgba(122,167,209,.3)] transition-colors duration-300 focus:outline-none focus:ring focus:border-[#7AA7D1] ring-offset-2"
|
||||
>
|
||||
<a
|
||||
href="/"
|
||||
class="flex -ml-2 gap-1 h-8 font-extrabold tracking-tight hover:no-underline focus:outline-none focus:ring focus:border-[#7AA7D1] ring-offset-2"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 512 512"
|
||||
class="h-8 focus:outline-none focus:ring focus:border-[#7AA7D1] ring-offset-2"
|
||||
>
|
||||
<path
|
||||
fill="#7AA7D1"
|
||||
d="M262.074 485.246C254.809 485.265 247.407 485.534 240.165 484.99L226.178 483.306C119.737 468.826 34.1354 383.43 25.3176 274.714C24.3655 262.975 23.5876 253.161 24.3295 241.148C31.4284 126.212 123.985 31.919 238.633 24.1259L250.022 23.8366C258.02 23.8001 266.212 23.491 274.183 24.1306C320.519 27.8489 366.348 45.9743 402.232 75.4548L416.996 88.2751C444.342 114.373 464.257 146.819 475.911 182.72L480.415 197.211C486.174 219.054 488.67 242.773 487.436 265.259L486.416 275.75C478.783 352.041 436.405 418.1 369.36 455.394L355.463 462.875C326.247 477.031 294.517 484.631 262.074 485.246ZM253.547 72.4475C161.905 73.0454 83.5901 144.289 73.0095 234.5C69.9101 260.926 74.7763 292.594 83.9003 317.156C104.53 372.691 153.9 416.616 211.281 430.903C226.663 434.733 242.223 436.307 258.044 436.227C353.394 435.507 430.296 361.835 438.445 267.978C439.794 252.442 438.591 236.759 435.59 221.5C419.554 139.955 353.067 79.4187 269.856 72.7052C264.479 72.2714 258.981 72.423 253.586 72.4127L253.547 72.4475Z"
|
||||
/>
|
||||
<path
|
||||
fill="#7AA7D1"
|
||||
d="M153.196 310.121L133.153 285.021C140.83 283.798 148.978 285.092 156.741 284.353L156.637 277.725L124.406 278.002C123.298 277.325 122.856 276.187 122.058 275.193L116.089 267.862C110.469 260.975 103.827 254.843 98.6026 247.669C103.918 246.839 105.248 246.537 111.14 246.523L129.093 246.327C130.152 238.785 128.62 240.843 122.138 240.758C111.929 240.623 110.659 242.014 105.004 234.661L97.9953 225.654C94.8172 221.729 91.2219 218.104 88.2631 214.005C84.1351 208.286 90.1658 209.504 94.601 209.489L236.752 209.545C257.761 209.569 268.184 211.009 285.766 221.678L285.835 206.051C285.837 197.542 286.201 189.141 284.549 180.748C280.22 158.757 260.541 143.877 240.897 135.739C238.055 134.561 232.259 133.654 235.575 129.851C244.784 119.288 263.680 111.990 277.085 111.105C288.697 109.828 301.096 113.537 311.75 117.703C360.649 136.827 393.225 183.042 398.561 234.866C402.204 270.253 391.733 308.356 367.999 335.1C332.832 374.727 269.877 384.883 223.294 360.397C206.156 351.388 183.673 333.299 175.08 316.6C173.511 313.551 174.005 313.555 170.443 313.52L160.641 313.449C158.957 313.435 156.263 314.031 155.122 312.487L153.196 310.121Z"
|
||||
/>
|
||||
</svg>
|
||||
<span class="text-3xl mr-1 text-[#7AA7D1] leading-8 align-middle"
|
||||
>ladder</span
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center z-10">
|
||||
<div class="relative" id="dropdown">
|
||||
<button
|
||||
aria-expanded="closed"
|
||||
onclick="toggleDropdown()"
|
||||
type="button"
|
||||
class="inline-flex items-center justify-center whitespace-nowrap rounded-full h-12 px-4 py-2 text-sm font-medium text-slate-600 dark:text-slate-400 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white dark:bg-slate-900 hover:bg-slate-200 dark:hover:bg-slate-700 hover:text-slate-500 dark:hover:text-slate-200"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="h-5 w-5"
|
||||
>
|
||||
<path
|
||||
d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"
|
||||
/>
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<div
|
||||
id="dropdown_panel"
|
||||
class="hidden absolute right-0 mt-2 w-52 rounded-md bg-white dark:bg-slate-900 shadow-md border border-slate-400 dark:border-slate-700"
|
||||
>
|
||||
<div
|
||||
class="flex flex-col gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2.5 text-left text-sm"
|
||||
>
|
||||
Font family
|
||||
<div class="grid grid-cols-2 gap-2">
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="font"
|
||||
id="sans-serif"
|
||||
value="sans-serif"
|
||||
class="peer hidden"
|
||||
checked
|
||||
/>
|
||||
<label
|
||||
for="sans-serif"
|
||||
tabindex="0"
|
||||
class="flex items-center justify-center h-10 cursor-pointer select-none rounded-md p-2 text-sm font-sans text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>Sans-serif</label
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="font"
|
||||
id="serif"
|
||||
value="serif"
|
||||
class="peer hidden"
|
||||
/>
|
||||
<label
|
||||
for="serif"
|
||||
tabindex="0"
|
||||
class="flex items-center justify-center h-10 cursor-pointer select-none rounded-md p-2 text-sm font-serif text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>Serif</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="shrink-0 bg-slate-400 dark:bg-slate-700 h-[1px] w-full"
|
||||
></div>
|
||||
<div
|
||||
class="flex flex-col gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2.5 text-left text-sm"
|
||||
>
|
||||
Font size
|
||||
<div class="grid grid-cols-4 gap-2">
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="fontsize"
|
||||
id="sm"
|
||||
value="text-sm"
|
||||
class="peer hidden"
|
||||
/>
|
||||
<label
|
||||
for="sm"
|
||||
tabindex="0"
|
||||
title="Small"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-sm text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>sm</label
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="fontsize"
|
||||
id="base"
|
||||
value="text-base"
|
||||
class="peer hidden"
|
||||
checked
|
||||
/>
|
||||
<label
|
||||
for="base"
|
||||
tabindex="0"
|
||||
title="Medium"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-base text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>md</label
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="fontsize"
|
||||
id="lg"
|
||||
value="text-lg"
|
||||
class="peer hidden"
|
||||
/>
|
||||
<label
|
||||
for="lg"
|
||||
tabindex="0"
|
||||
title="Large"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-lg text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>lg</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="shrink-0 bg-slate-200 dark:bg-slate-700 h-[1px] w-full"
|
||||
></div>
|
||||
<div
|
||||
class="flex flex-col gap-2 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-2.5 text-left text-sm"
|
||||
>
|
||||
Appearance
|
||||
<div class="grid grid-cols-4 gap-2">
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="theme"
|
||||
id="light"
|
||||
value="light"
|
||||
class="peer hidden"
|
||||
/>
|
||||
<label
|
||||
for="light"
|
||||
tabindex="0"
|
||||
title="Light"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-sm text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="h-5 w-5"
|
||||
>
|
||||
<circle cx="12" cy="12" r="4" />
|
||||
<path d="M12 2v2" />
|
||||
<path d="M12 20v2" />
|
||||
<path d="m4.93 4.93 1.41 1.41" />
|
||||
<path d="m17.66 17.66 1.41 1.41" />
|
||||
<path d="M2 12h2" />
|
||||
<path d="M20 12h2" />
|
||||
<path d="m6.34 17.66-1.41 1.41" />
|
||||
<path d="m19.07 4.93-1.41 1.41" />
|
||||
</svg>
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="theme"
|
||||
id="dark"
|
||||
value="dark"
|
||||
class="peer hidden"
|
||||
/>
|
||||
<label
|
||||
for="dark"
|
||||
tabindex="0"
|
||||
title="Dark"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-base text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="h-5 w-5"
|
||||
>
|
||||
<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
|
||||
</svg>
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="radio"
|
||||
name="theme"
|
||||
id="system"
|
||||
value="system"
|
||||
class="peer hidden"
|
||||
checked
|
||||
/>
|
||||
<label
|
||||
for="system"
|
||||
tabindex="0"
|
||||
title="System preference"
|
||||
class="flex items-end justify-center h-10 w-10 cursor-pointer select-none rounded-md p-2 text-lg text-slate-600 dark:text-slate-200 text-center hover:bg-slate-200 dark:hover:bg-slate-700 peer-checked:bg-slate-200 dark:peer-checked:bg-slate-700"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="h-5 w-5"
|
||||
>
|
||||
<path d="M12 8a2.83 2.83 0 0 0 4 4 4 4 0 1 1-4-4" />
|
||||
<path d="M12 2v2" />
|
||||
<path d="M12 20v2" />
|
||||
<path d="m4.9 4.9 1.4 1.4" />
|
||||
<path d="m17.7 17.7 1.4 1.4" />
|
||||
<path d="M2 12h2" />
|
||||
<path d="M20 12h2" />
|
||||
<path d="m6.3 17.7-1.4 1.4" />
|
||||
<path d="m19.1 4.9-1.4 1.4" />
|
||||
</svg>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="flex flex-col space-y-3">
|
||||
{{ if not .Success}}
|
||||
<h1
|
||||
class="text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight dark:text-slate-200"
|
||||
>
|
||||
Error
|
||||
</h1>
|
||||
<p
|
||||
class="leading-7 [&:not(:first-child)]:mt-6 text-slate-900 dark:text-slate-200"
|
||||
>
|
||||
There was a problem querying
|
||||
<a
|
||||
href="{{ .Params }}"
|
||||
class="hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
|
||||
>{{ .Params }}</a
|
||||
>
|
||||
</p>
|
||||
<code
|
||||
class="m-auto text-red-500 dark:text-red-400 relative rounded bg-slate-200 dark:bg-slate-800 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
|
||||
>
|
||||
{{ .Type }}: {{ .Message }}
|
||||
<div class="my-2">Cause:</div>
|
||||
{{ .Cause }}
|
||||
</code>
|
||||
{{else}}
|
||||
<div class="flex flex-col gap-1 mt-3">
|
||||
<div>
|
||||
<small class="text-sm font-medium leading-none">
|
||||
<a
|
||||
href="{{.Url}}"
|
||||
class="text-slate-600 dark:text-slate-400 hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
|
||||
>{{.Url}}</a
|
||||
>
|
||||
</small>
|
||||
</div>
|
||||
<h1
|
||||
class="text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight dark:text-slate-200"
|
||||
>
|
||||
{{.Title}}
|
||||
</h1>
|
||||
{{ if ne .Date "" }}
|
||||
<small
|
||||
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
||||
>{{.date}}</small
|
||||
>
|
||||
{{ end }} {{ if ne .Author "" }}
|
||||
<small
|
||||
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
||||
>{{.Author}}</small
|
||||
>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div>{{ .Params }}</div>
|
||||
<div>{{ unescape .Body }}</div>
|
||||
{{ end }}
|
||||
<!-- Trick Tailwind into compiling these styles into styles.css -->
|
||||
<!-- <div class="hidden text-xs text-sm text-base text-xl text-2xl text-3xl text-4xl sm:text-3xl sm:text-4xl sm:text-5xl"></div> -->
|
||||
</main>
|
||||
|
||||
<div class="my-2"></div>
|
||||
<footer class="mx-4 text-center text-slate-600 dark:text-slate-400">
|
||||
<p>
|
||||
Code Licensed Under GPL v3.0 |
|
||||
<a
|
||||
href="https://github.com/everywall/ladder"
|
||||
class="hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
|
||||
>View Source</a
|
||||
>
|
||||
|
|
||||
<a
|
||||
href="https://github.com/everywall"
|
||||
class="hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
|
||||
>Everywall</a
|
||||
>
|
||||
</p>
|
||||
</footer>
|
||||
<div class="my-2"></div>
|
||||
</div>
|
||||
|
||||
<script src="/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -518,3 +518,32 @@ func (chain *ProxyChain) Execute() error {
|
||||
|
||||
// return chain.Context.SendStream(body)
|
||||
}
|
||||
|
||||
func (chain *ProxyChain) ExecuteForAPI() (string, error) {
|
||||
defer chain._reset()
|
||||
body, err := chain._execute()
|
||||
if err != nil {
|
||||
log.Println(err)
|
||||
return "", err
|
||||
}
|
||||
if chain.Context == nil {
|
||||
return "", errors.New("no context set")
|
||||
}
|
||||
|
||||
// in case api user did not set or forward content-type, we do it for them
|
||||
/*
|
||||
if chain.Context.Get("content-type") == "" {
|
||||
chain.Context.Set("content-type", chain.Response.Header.Get("content-type"))
|
||||
}
|
||||
*/
|
||||
|
||||
// Capture the HTML content in a variable
|
||||
htmlContent, err := io.ReadAll(body)
|
||||
if err != nil {
|
||||
log.Println(err)
|
||||
return "", err
|
||||
}
|
||||
|
||||
// Return the HTML content to the client
|
||||
return string(htmlContent), nil
|
||||
}
|
||||
|
||||
@@ -1,12 +1,13 @@
|
||||
package responsemodifers
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"encoding/json"
|
||||
"io"
|
||||
"strings"
|
||||
|
||||
//"github.com/go-shiori/dom"
|
||||
"github.com/go-shiori/dom"
|
||||
"github.com/markusmobius/go-trafilatura"
|
||||
|
||||
//"golang.org/x/net/html"
|
||||
|
||||
"ladder/proxychain"
|
||||
@@ -37,15 +38,9 @@ func APIOutline() proxychain.ResponseModification {
|
||||
return nil
|
||||
}
|
||||
|
||||
doc := api.ExtractResultToAPIResponse(result)
|
||||
jsonData, err := json.MarshalIndent(doc, "", "\t")
|
||||
if err != nil {
|
||||
chain.Response.Body = api.CreateAPIErrReader(err)
|
||||
return nil
|
||||
}
|
||||
|
||||
buf := bytes.NewBuffer(jsonData)
|
||||
chain.Response.Body = io.NopCloser(buf)
|
||||
doc := trafilatura.CreateReadableDocument(result)
|
||||
reader := io.NopCloser(strings.NewReader(dom.OuterHTML(doc)))
|
||||
chain.Response.Body = reader
|
||||
return nil
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +1,78 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer components {
|
||||
a {
|
||||
@apply text-slate-600 dark:text-slate-400 hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300;
|
||||
}
|
||||
h1 {
|
||||
@apply text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
h2 {
|
||||
@apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
h3 {
|
||||
@apply scroll-m-20 text-2xl font-semibold tracking-tight text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@apply scroll-m-20 text-xl font-semibold tracking-tight text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
p {
|
||||
@apply leading-7 [&:not(:first-child)]:mt-6 text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
kbd,
|
||||
code {
|
||||
@apply relative rounded bg-slate-200 dark:bg-slate-800 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
|
||||
}
|
||||
blockquote {
|
||||
@apply mt-6 border-l-2 pl-6 italic;
|
||||
}
|
||||
ul {
|
||||
@apply my-6 ml-6 list-disc [&>li]:mt-2 text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
ol {
|
||||
@apply my-6 ml-6 list-decimal [&>li]:mt-2 text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
dl {
|
||||
@apply my-6 text-slate-900 dark:text-slate-200 font-bold [&>dd]:font-normal [&>dd]:ml-6 [&>dt]:mt-3;
|
||||
}
|
||||
li {
|
||||
@apply text-slate-900 dark:text-slate-200;
|
||||
}
|
||||
table {
|
||||
@apply w-full caption-bottom text-sm;
|
||||
}
|
||||
thead {
|
||||
@apply [&_tr]:border-b;
|
||||
}
|
||||
tbody {
|
||||
@apply [&_tr:last-child]:border-0;
|
||||
}
|
||||
tfoot {
|
||||
@apply border-t border-slate-400 dark:border-slate-700 bg-slate-700/50 dark:bg-slate-200/50 font-medium [&>tr]:last:border-b-0;
|
||||
}
|
||||
tr {
|
||||
@apply border-b border-slate-400 dark:border-slate-700 transition-colors hover:bg-slate-200/50 dark:hover:bg-slate-700/50 data-[state=selected]:bg-slate-700 dark:data-[state=selected]:bg-slate-200;
|
||||
}
|
||||
th {
|
||||
@apply h-12 px-4 text-left align-middle font-medium text-slate-600 dark:text-slate-200 [&:has([role=checkbox])]:pr-0;
|
||||
}
|
||||
td {
|
||||
@apply p-4 align-middle [&:has([role=checkbox])]:pr-0;
|
||||
}
|
||||
caption {
|
||||
@apply mt-4 text-sm text-slate-600 dark:text-slate-200;
|
||||
}
|
||||
img {
|
||||
@apply h-auto w-auto object-cover max-w-full mx-auto rounded-md shadow-md dark:shadow-slate-700;
|
||||
}
|
||||
figcaption {
|
||||
@apply mt-2 text-sm text-slate-600 dark:text-slate-400;
|
||||
}
|
||||
hr {
|
||||
@apply shrink-0 bg-slate-200 dark:bg-slate-700 h-[1px] w-full;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user