51 | for (const container of shareonContainers) {
52 | // iterate over children of
53 | for (const child of container.children) {
54 | if (child) {
55 | const classListLength = child.classList.length;
56 |
57 | // iterate over classes of the child element
58 | for (let k = 0; k < classListLength; k += 1) {
59 | const cls = child.classList.item(k);
60 |
61 | // if it's "Copy URL"
62 | if (cls === "copy-url") {
63 | child.addEventListener("click", () => {
64 | const url = child.dataset.url ||
65 | container.dataset.url ||
66 | globalThis.location.href;
67 | navigator.clipboard.writeText(url);
68 | child.classList.add("done");
69 | setTimeout(() => {
70 | child.classList.remove("done");
71 | }, 1000);
72 | });
73 | }
74 |
75 | // if it's "Print"
76 | if (cls === "print") {
77 | child.addEventListener("click", () => {
78 | globalThis.print();
79 | });
80 | }
81 |
82 | // if it's "Web Share"
83 | if (cls === "web-share") {
84 | const data = {
85 | title: child.dataset.title ||
86 | container.dataset.title ||
87 | document.title,
88 | text: child.dataset.text || container.dataset.text || "",
89 | url: child.dataset.url ||
90 | container.dataset.url ||
91 | globalThis.location.href,
92 | };
93 |
94 | if (navigator.canShare && navigator.canShare(data)) {
95 | child.addEventListener("click", () => {
96 | navigator.share(data);
97 | });
98 | } else {
99 | child.style.display = "none";
100 | }
101 | }
102 |
103 | // if it's one of the networks
104 | if (Object.prototype.hasOwnProperty.call(urlBuilderMap, cls)) {
105 | const preset = {
106 | url: encodeURIComponent(
107 | child.dataset.url ||
108 | container.dataset.url ||
109 | globalThis.location.href,
110 | ),
111 | title: encodeURIComponent(
112 | child.dataset.title ||
113 | container.dataset.title ||
114 | document.title,
115 | ),
116 | media: encodeURIComponent(
117 | child.dataset.media || container.dataset.media || "",
118 | ),
119 | text: encodeURIComponent(
120 | child.dataset.text || container.dataset.text || "",
121 | ),
122 | via: encodeURIComponent(
123 | child.dataset.via || container.dataset.via || "",
124 | ),
125 | hashtags: encodeURIComponent(
126 | child.dataset.hashtags || container.dataset.hashtags || "",
127 | ),
128 | fbAppId: encodeURIComponent(
129 | child.dataset.fbAppId || container.dataset.fbAppId || "",
130 | ),
131 | s2fInstance: encodeURIComponent(
132 | child.dataset.s2fInstance ||
133 | container.dataset.s2fInstance ||
134 | "s2f.kytta.dev",
135 | ),
136 | };
137 | const url = urlBuilderMap[cls](preset);
138 |
139 | if (child.tagName.toLowerCase() === "a") {
140 | child.setAttribute("href", url);
141 | child.setAttribute("rel", "noopener noreferrer");
142 | child.setAttribute("target", "_blank");
143 | } else {
144 | child.addEventListener("click", openUrl(url));
145 | }
146 |
147 | break; // once a network is detected we don't want to check further
148 | }
149 | }
150 | }
151 | }
152 | }
153 | };
154 |
155 | export { init };
156 |
--------------------------------------------------------------------------------
/svgo.config.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * SVGO configuration from simple-icons, modified.
3 | *
4 | * See: https://github.com/simple-icons/simple-icons/blob/4e36921e759278e83f2e6775e0fb78ba76131eec/svgo.config.mjs
5 | */
6 |
7 | export default {
8 | multipass: true,
9 | eol: "lf",
10 | plugins: [
11 | "cleanupAttrs",
12 | "mergeStyles",
13 | "minifyStyles",
14 | "inlineStyles",
15 | "removeDoctype",
16 | "removeXMLProcInst",
17 | "removeComments",
18 | "removeMetadata",
19 | "removeDesc",
20 | "removeUselessDefs",
21 | "removeEditorsNSData",
22 | "removeEmptyAttrs",
23 | "removeHiddenElems",
24 | "removeEmptyText",
25 | "removeEmptyContainers",
26 | "convertStyleToAttrs",
27 | "convertColors",
28 | "cleanupEnableBackground",
29 | {
30 | name: "convertPathData",
31 | params: {
32 | // 3 decimals of precision in floating point numbers
33 | floatPrecision: 3,
34 | },
35 | },
36 | "convertTransform",
37 | {
38 | name: "removeUnknownsAndDefaults",
39 | },
40 | "removeUselessStrokeAndFill",
41 | "removeNonInheritableGroupAttrs",
42 | "removeUnusedNS",
43 | "cleanupIds",
44 | "cleanupNumericValues",
45 | "cleanupListOfValues",
46 | "collapseGroups",
47 | "removeRasterImages",
48 | {
49 | // Compound all
s into one
50 | name: "mergePaths",
51 | params: {
52 | force: true,
53 | },
54 | },
55 | {
56 | // Convert basic shapes (such as ) to
57 | name: "convertShapeToPath",
58 | params: {
59 | // including
60 | convertArcs: true,
61 | },
62 | },
63 | "convertEllipseToCircle",
64 | {
65 | // Sort the attributes on the