feat: initial commit with Chrome/Firefox builds
This commit is contained in:
automation
parent
57799f3bf5
commit
a24b476d06
|
|
@ -0,0 +1,44 @@
|
||||||
|
#!/bin/zsh
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
ROOT_DIR="$(cd "$(dirname "$0")" && pwd)"
|
||||||
|
DIST_DIR="$ROOT_DIR/dist"
|
||||||
|
|
||||||
|
mkdir -p "$DIST_DIR"
|
||||||
|
|
||||||
|
# Clean old artifacts
|
||||||
|
rm -f "$DIST_DIR"/*.zip 2>/dev/null || true
|
||||||
|
|
||||||
|
# Copy source to temp dirs for packaging
|
||||||
|
WORK_CHROME=$(mktemp -d)
|
||||||
|
WORK_FIREFOX=$(mktemp -d)
|
||||||
|
|
||||||
|
cleanup() {
|
||||||
|
rm -rf "$WORK_CHROME" "$WORK_FIREFOX" 2>/dev/null || true
|
||||||
|
}
|
||||||
|
trap cleanup EXIT
|
||||||
|
|
||||||
|
# Common files
|
||||||
|
for f in manifest.json popup.html popup.js; do
|
||||||
|
cp "$ROOT_DIR/$f" "$WORK_CHROME/"
|
||||||
|
cp "$ROOT_DIR/$f" "$WORK_FIREFOX/"
|
||||||
|
done
|
||||||
|
|
||||||
|
# Ensure Firefox manifest has browser_specific_settings with a stable id
|
||||||
|
# If already present, keep as-is.
|
||||||
|
|
||||||
|
# Nothing to change for Chrome; MV3 is fine.
|
||||||
|
|
||||||
|
pushd "$WORK_CHROME" >/dev/null
|
||||||
|
zip -r "$DIST_DIR/ali-sharelink-chrome.zip" . >/dev/null
|
||||||
|
popd >/dev/null
|
||||||
|
|
||||||
|
pushd "$WORK_FIREFOX" >/dev/null
|
||||||
|
zip -r "$DIST_DIR/ali-sharelink-firefox.zip" . >/dev/null
|
||||||
|
popd >/dev/null
|
||||||
|
|
||||||
|
echo "Build complete:"
|
||||||
|
echo " Chrome: $DIST_DIR/ali-sharelink-chrome.zip"
|
||||||
|
echo " Firefox: $DIST_DIR/ali-sharelink-firefox.zip"
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,26 @@
|
||||||
|
{
|
||||||
|
"manifest_version": 3,
|
||||||
|
"name": "Ali Sharelink",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"description": "Get a clean, canonical share link for AliExpress/Alibaba products, with optional shortlink.",
|
||||||
|
"action": {
|
||||||
|
"default_title": "Ali Sharelink",
|
||||||
|
"default_popup": "popup.html"
|
||||||
|
},
|
||||||
|
"permissions": [
|
||||||
|
"activeTab",
|
||||||
|
"tabs",
|
||||||
|
"clipboardWrite"
|
||||||
|
],
|
||||||
|
"host_permissions": [
|
||||||
|
"https://is.gd/*"
|
||||||
|
],
|
||||||
|
"icons": {},
|
||||||
|
"browser_specific_settings": {
|
||||||
|
"gecko": {
|
||||||
|
"id": "alisharelink@local",
|
||||||
|
"strict_min_version": "109.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Ali Sharelink</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 12px; width: 360px; }
|
||||||
|
h1 { font-size: 16px; margin: 0 0 8px; }
|
||||||
|
.row { margin: 8px 0; }
|
||||||
|
input[readonly] { width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius: 6px; font-size: 12px; }
|
||||||
|
button { padding: 6px 10px; font-size: 12px; border-radius: 6px; border: 1px solid #999; background: #fff; cursor: pointer; }
|
||||||
|
button.primary { background: #0a84ff; border-color: #0a84ff; color: #fff; }
|
||||||
|
.actions { display: flex; gap: 8px; }
|
||||||
|
.muted { color: #666; font-size: 12px; }
|
||||||
|
.small { font-size: 11px; }
|
||||||
|
.error { color: #b00020; }
|
||||||
|
.ok { color: #007a3d; }
|
||||||
|
label { display: block; font-size: 12px; margin-bottom: 4px; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Ali Sharelink</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<label>Current URL</label>
|
||||||
|
<input id="currentUrl" type="text" readonly>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<label>Clean Link</label>
|
||||||
|
<input id="cleanUrl" type="text" readonly>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row actions">
|
||||||
|
<button id="copyClean" class="primary">Copy Clean</button>
|
||||||
|
<button id="shortenCopy">Shorten + Copy</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row small muted" id="status"></div>
|
||||||
|
|
||||||
|
<script src="popup.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,141 @@
|
||||||
|
/* global chrome, browser */
|
||||||
|
(function () {
|
||||||
|
const $ = (id) => document.getElementById(id);
|
||||||
|
const statusEl = $("status");
|
||||||
|
|
||||||
|
function setStatus(message, kind) {
|
||||||
|
statusEl.textContent = message || "";
|
||||||
|
statusEl.className = `row small ${kind === "error" ? "error" : kind === "ok" ? "ok" : "muted"}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getApi() {
|
||||||
|
if (typeof chrome !== "undefined" && chrome.tabs) return chrome;
|
||||||
|
if (typeof browser !== "undefined" && browser.tabs) return browser;
|
||||||
|
throw new Error("Unsupported browser API");
|
||||||
|
}
|
||||||
|
|
||||||
|
function tabsQuery(api, queryInfo) {
|
||||||
|
// chrome: callback-based, firefox: promise-based
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
try {
|
||||||
|
const maybePromise = api.tabs.query(queryInfo, (tabs) => {
|
||||||
|
if (chrome && chrome.runtime && chrome.runtime.lastError) {
|
||||||
|
reject(chrome.runtime.lastError);
|
||||||
|
} else if (tabs) {
|
||||||
|
resolve(tabs);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (maybePromise && typeof maybePromise.then === "function") {
|
||||||
|
maybePromise.then(resolve, reject);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
reject(e);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function copyToClipboard(text) {
|
||||||
|
return navigator.clipboard.writeText(text);
|
||||||
|
}
|
||||||
|
|
||||||
|
function canonicalizeAliExpress(urlString) {
|
||||||
|
const url = new URL(urlString);
|
||||||
|
const host = url.hostname;
|
||||||
|
const path = url.pathname;
|
||||||
|
|
||||||
|
// Prefer global .com canonical
|
||||||
|
const canonicalHost = "www.aliexpress.com";
|
||||||
|
let productId = null;
|
||||||
|
|
||||||
|
const itemMatch = path.match(/\/(item|i)\/(\d+)\.html/i);
|
||||||
|
if (itemMatch) {
|
||||||
|
productId = itemMatch[2];
|
||||||
|
}
|
||||||
|
if (!productId) {
|
||||||
|
const xObjectId = url.searchParams.get("x_object_id") || url.searchParams.get("item_id");
|
||||||
|
if (xObjectId && /^\d+$/.test(xObjectId)) {
|
||||||
|
productId = xObjectId;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (productId) {
|
||||||
|
return `https://${canonicalHost}/item/${productId}.html`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fallback: strip params and hash
|
||||||
|
return `https://${canonicalHost}${path}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function canonicalizeAlibaba(urlString) {
|
||||||
|
const url = new URL(urlString);
|
||||||
|
// Keep origin + pathname only
|
||||||
|
return `${url.origin}${url.pathname}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function canonicalize(urlString) {
|
||||||
|
const url = new URL(urlString);
|
||||||
|
const hostname = url.hostname.toLowerCase();
|
||||||
|
|
||||||
|
if (hostname.includes("aliexpress.")) {
|
||||||
|
return { vendor: "AliExpress", url: canonicalizeAliExpress(urlString) };
|
||||||
|
}
|
||||||
|
if (hostname.includes("alibaba.")) {
|
||||||
|
return { vendor: "Alibaba", url: canonicalizeAlibaba(urlString) };
|
||||||
|
}
|
||||||
|
// Unknown: just strip params/hash
|
||||||
|
return { vendor: "Unknown", url: `${url.origin}${url.pathname}` };
|
||||||
|
}
|
||||||
|
|
||||||
|
async function shortenWithIsGd(longUrl) {
|
||||||
|
const endpoint = `https://is.gd/create.php?format=simple&url=${encodeURIComponent(longUrl)}`;
|
||||||
|
const res = await fetch(endpoint, { method: "GET" });
|
||||||
|
const text = await res.text();
|
||||||
|
if (!res.ok) throw new Error(text || `Shorten failed (${res.status})`);
|
||||||
|
if (!/^https?:\/\//i.test(text)) throw new Error(text || "Shorten failed");
|
||||||
|
return text.trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function init() {
|
||||||
|
setStatus("Reading current tab…");
|
||||||
|
const api = getApi();
|
||||||
|
try {
|
||||||
|
const tabs = await tabsQuery(api, { active: true, currentWindow: true });
|
||||||
|
const active = tabs && tabs[0];
|
||||||
|
if (!active || !active.url) {
|
||||||
|
setStatus("No active tab URL found", "error");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$("currentUrl").value = active.url;
|
||||||
|
|
||||||
|
const { vendor, url } = canonicalize(active.url);
|
||||||
|
$("cleanUrl").value = url;
|
||||||
|
setStatus(`Detected ${vendor}. Clean link ready.`, "ok");
|
||||||
|
|
||||||
|
$("copyClean").addEventListener("click", async () => {
|
||||||
|
try {
|
||||||
|
await copyToClipboard($("cleanUrl").value);
|
||||||
|
setStatus("Clean link copied.", "ok");
|
||||||
|
} catch (e) {
|
||||||
|
setStatus(`Copy failed: ${e.message}`, "error");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("shortenCopy").addEventListener("click", async () => {
|
||||||
|
setStatus("Shortening with is.gd…");
|
||||||
|
try {
|
||||||
|
const shortUrl = await shortenWithIsGd($("cleanUrl").value);
|
||||||
|
await copyToClipboard(shortUrl);
|
||||||
|
setStatus("Short link copied.", "ok");
|
||||||
|
} catch (e) {
|
||||||
|
setStatus(`Shorten failed: ${e.message}`, "error");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
setStatus(`Error: ${e.message}`, "error");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", init);
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue