@@ -134,6 +144,8 @@ function setupCallback() {
}
});
}
+
+ setupSettingsListener();
}
async function getRepoId() {
@@ -148,6 +160,12 @@ async function getRepoId() {
}
export async function loadMoreRepos(resetOffset = false) {
+ let options = await optionsStorage.getAll();
+ if (!options.similarEnabled) {
+ console.log("Similar repositories are disabled");
+ return;
+ }
+
if (resetOffset) {
nextOffset = 0;
}
@@ -160,15 +178,33 @@ export async function loadMoreRepos(resetOffset = false) {
if (!container) {
const sidebar = document.querySelector('.Layout-sidebar > div');
sidebar.insertAdjacentHTML('beforeend', getLoadingContainerHtml());
+ setupSettingsListener();
container = document.querySelector('#similar-repos-container');
}
+ // Don't fetch if private
+ const isPrivate = document.querySelector('.Label.Label--secondary')?.textContent.trim() === 'Private';
+ if (isPrivate) {
+ if (options.similarShowUnavailable) {
+ container.outerHTML = getErrorContainerHtml("Unavailable for private repositories.");
+ setupSettingsListener();
+ } else {
+ container.remove();
+ }
+ return;
+ }
+
// Don't fetch if less than 150 stars
try {
let starSpan = document.querySelector("span[id=\"repo-stars-counter-star\"]");
let starsCount = starSpan ? parseInt(starSpan.getAttribute("title").replace(/,/g, '')) : 0;
if (starsCount < 150) {
- container.outerHTML = getErrorContainerHtml("Unavailable for repositories with less than 150 stars.");
+ if (options.similarShowUnavailable) {
+ container.outerHTML = getErrorContainerHtml("Unavailable for repositories with less than 150 stars.");
+ setupSettingsListener();
+ } else {
+ container.remove();
+ }
return;
}
} catch (error) {
@@ -178,8 +214,9 @@ export async function loadMoreRepos(resetOffset = false) {
try {
loading = true;
let offset = nextOffset;
- nextOffset += 5;
- let response = await getSimilarRepos([repoId], offset, 5);
+ let limit = options.similarCount;
+ nextOffset += limit;
+ let response = await getSimilarRepos([repoId], offset, limit);
loading = false;
if (response.status === "success" && response.data !== undefined) {
@@ -193,7 +230,11 @@ export async function loadMoreRepos(resetOffset = false) {
let innerContainer = document.getElementById("similar-repos-inner-container");
if (innerContainer) {
- innerContainer.insertAdjacentHTML('beforeend', getContainerInnerHtml(response.data));
+ if (offset === 0) {
+ innerContainer.innerHTML = getContainerInnerHtml(response.data);
+ } else {
+ innerContainer.insertAdjacentHTML('beforeend', getContainerInnerHtml(response.data));
+ }
} else {
container.outerHTML = getContainerHtml(response.data);
setupCallback();
@@ -202,14 +243,20 @@ export async function loadMoreRepos(resetOffset = false) {
console.log('No similar repos found');
if (response.status === "error" && response.message) {
- container.outerHTML = getErrorContainerHtml(`Error fetching similar repositories. Details:
${response.message}`);
+ if (response.message === "All provided IDs were invalid or caused errors.") {
+ container.outerHTML = getErrorContainerHtml("This repository got popular too recently! It will be included in the dataset soon.");
+ } else {
+ container.outerHTML = getErrorContainerHtml(`Error fetching similar repositories. Details:
${response.message}`);
+ }
} else {
container.outerHTML = getErrorContainerHtml("No similar repositories found. Try on older repositories.");
}
+ setupSettingsListener();
}
} catch (error) {
console.error('Error fetching similar repos:', error);
loading = false;
container.outerHTML = getErrorContainerHtml(`Error fetching similar repositories. Details:
${error.message}`);
+ setupSettingsListener();
}
}
diff --git a/source/content-stars.js b/source/content-stars.js
index db9ddcf..dadf3b2 100644
--- a/source/content-stars.js
+++ b/source/content-stars.js
@@ -1,36 +1,45 @@
import octicons from "@primer/octicons";
import GH_LANG_COLORS from 'gh-lang-colors';
-import { formatNumber, getSimilarRepos, loadingSpinner } from './common.js';
+import { formatNumber, getSimilarRepos, loadingSpinner, setupSettingsListener } from './common.js';
+import { optionsStorage } from "./options-storage.js";
export async function initHome() {
- console.log("Producing recommendations on the homepage");
+ let options = await optionsStorage.getAll();
+ if (!options.homepageEnabled) {
+ console.log("Homepage recommendations are disabled in options.");
+ return;
+ }
- let latestStars = 30;
-
- let container = document.querySelector('aside.feed-right-sidebar>div[aria-label="Explore repositories"]>div');
-
- if (!container) {
- // Fallback to creating a new container. Might be buggy if the structure changes.
- let aside = document.querySelector('aside.feed-right-sidebar');
- let newContainer = document.createElement('div');
- newContainer.setAttribute("class", "mb-3 dashboard-changelog
+ ${octicons.gear.toSVG()}
+ `;
+ outerContainer.appendChild(title);
+ let container = document.createElement('div');
+ outerContainer.appendChild(container);
+
+ aside.appendChild(outerContainer);
+
+ container.innerHTML = getLoadingHtml(options.homepageStarsToLoad);
container.style.height = 'unset';
container.style.overflow = 'unset';
+ setupSettingsListener();
+
try {
- await run(container, latestStars);
+ await run(container, options);
} catch (error) {
console.error("Error during homepage recommendations:", error);
container.innerHTML = `Failed to load recommendations. Please try again later or
open an issue.
Details:
${error.message}Options are not implemented yet. Stay tuned!
+
+
+
diff --git a/source/options.js b/source/options.js
index 909725d..1b46d7a 100644
--- a/source/options.js
+++ b/source/options.js
@@ -1,27 +1,188 @@
-import 'webext-base-css';
-import './options.css';
import { optionsStorage } from './options-storage.js';
+import { basicSetup } from "codemirror"
+import { EditorView, keymap } from "@codemirror/view"
+import { yaml } from "@codemirror/lang-yaml"
+import { yamlSchema } from 'codemirror-json-schema/yaml';
+import { indentWithTab } from "@codemirror/commands"
+import YAML from 'yaml';
-const rangeInputs = [...document.querySelectorAll('input[type="range"][name^="color"]')];
-const numberInputs = [...document.querySelectorAll('input[type="number"][name^="color"]')];
-const output = document.querySelector('.color-output');
+const schema = {
+ type: "object",
+ description: "Extension settings",
+ properties: {
+ similar: {
+ type: "object",
+ description: "Settings for showing similar projects in the sidebar of a repository.",
+ properties: {
+ enabled: {
+ type: "boolean",
+ description: "Whether to show similar repositories",
+ },
+ count: {
+ type: "integer",
+ description: "Number of similar items to show",
+ minimum: 1,
+ },
+ showUnavailable: {
+ type: "boolean",
+ description: "Whether to show a notice when similar repositories are unavailable (e.g. private or < 150 stars)",
+ },
+ // showArchived: {
+ // type: "boolean",
+ // description: "Whether to include archived repositories in the list of similar projects",
+ // },
+ },
+ required: [],
+ },
+ homepage: {
+ type: "object",
+ description: "Settings for homepage recommendations",
+ properties: {
+ enabled: {
+ type: "boolean",
+ description: "Enable or disable the homepage feature",
+ },
+ count: {
+ type: "integer",
+ description: "Number of items to display on the homepage",
+ maximum: 150,
+ },
+ starsToLoad: {
+ type: "integer",
+ description: "Number of your latest stars to load in order to provide you recommendations. Since repositories with less than 150 stars won't be used, the actual number may be less. Stars are loaded 30 by 30 so this would benefit being a multiple of 30.",
+ minimum: 1,
+ maximum: 120,
+ },
+ poolSize: {
+ type: "number",
+ description: "Size ratio of a pool against the count of recommendations shown. Recommendations are randomly selected from the pool. If you find the homepage recommendations to be too repetitive, increase this value.",
+ minimum: 1.0,
+ maximum: 10.0,
+ },
+ // type: "boolean",
+ // description: "Whether to include archived repositories in the homepage recommendations",
+ // },
+ redirectToFeed: {
+ type: "boolean",
+ description: "Automatically redirect from the homepage to the feed page",
+ },
+ },
+ required: [],
+ },
-function updateOutputColor() {
- output.style.backgroundColor = `rgb(${rangeInputs[0].value}, ${rangeInputs[1].value}, ${rangeInputs[2].value})`;
-}
+ },
+ required: [],
+};
+
+let editor = document.getElementById('editor');
-function updateInputField(event) {
- numberInputs[rangeInputs.indexOf(event.currentTarget)].value = event.currentTarget.value;
+async function defaultCode() {
+ let options = await optionsStorage.getAll();
+ console.log("Default options:", options);
+
+ let code = "# Welcome to SimRepo's options\n# If you want to reset options, just clear everything and the default configuration will be restored.\n# Options are saved automatically, but comments will be ignored\n# Options are experimental, feel free to open issues on GitHub if you find any\n\n";
+ for (const [key, prop] of Object.entries(schema.properties)) {
+ code += `\n# ${prop.description}\n${key}:\n`;
+ for (const [subKey, subProp] of Object.entries(prop.properties)) {
+ let value = null;
+ switch (`${key}.${subKey}`) {
+ case "similar.enabled":
+ value = options.similarEnabled;
+ break;
+ case "similar.count":
+ value = options.similarCount;
+ break;
+ case "similar.showUnavailable":
+ value = options.similarShowUnavailable;
+ break;
+ case "homepage.enabled":
+ value = options.homepageEnabled;
+ break;
+ case "homepage.count":
+ value = options.homepageCount;
+ break;
+ case "homepage.starsToLoad":
+ value = options.homepageStarsToLoad;
+ break;
+ case "homepage.poolSize":
+ value = options.homepagePoolSize;
+ break;
+ case "homepage.redirectToFeed":
+ value = options.homepageRedirectToFeed;
+ break;
+ default:
+ value = "Unknown value. Open an issue on GitHub if you see this.";
+ }
+ code += ` # ${subProp.description}\n ${subKey}: ${value}\n\n`;
+ }
+ }
+ return code;
}
-for (const input of rangeInputs) {
- input.addEventListener('input', updateOutputColor);
- input.addEventListener('input', updateInputField);
+const resetOnEmpty = EditorView.updateListener.of((update) => {
+ if (update.docChanged) {
+ const currentContent = update.state.doc.toString().trim();
+ if (currentContent === "") {
+ // Reset the editor content to default
+ (async () => {
+ const code = await defaultCode();
+ update.view.dispatch({
+ changes: { from: 0, to: 0, insert: code },
+ });
+ })();
+ }
+ }
+});
+
+let changed = false;
+let saveTimeout = null;
+const autoSave = EditorView.updateListener.of((update) => {
+ if (update.docChanged) {
+ document.title = "Options (unsaved)";
+ changed = true;
+ if (saveTimeout) clearTimeout(saveTimeout);
+ saveTimeout = setTimeout(() => {
+ saveIfChanged();
+ saveTimeout = null;
+ }, 1000); // 1 second after last edit
+ }
+});
+
+async function saveIfChanged() {
+ if (changed) {
+ const doc = view.state.doc.toString();
+ try {
+ const parsed = YAML.parse(doc);
+ await optionsStorage.set({
+ optionsYaml: doc,
+ similarEnabled: parsed.similar?.enabled ?? optionsStorage.defaults.similarEnabled,
+ similarCount: parsed.similar?.count ?? optionsStorage.defaults.similarCount,
+ similarShowUnavailable: parsed.similar?.showUnavailable ?? optionsStorage.defaults.similarShowUnavailable,
+ homepageEnabled: parsed.homepage?.enabled ?? optionsStorage.defaults.homepageEnabled,
+ homepageCount: parsed.homepage?.count ?? optionsStorage.defaults.homepageCount,
+ homepageStarsToLoad: parsed.homepage?.starsToLoad ?? optionsStorage.defaults.homepageStarsToLoad,
+ homepagePoolSize: parsed.homepage?.poolSize ?? optionsStorage.defaults.homepagePoolSize,
+ homepageRedirectToFeed: parsed.homepage?.redirectToFeed ?? optionsStorage.defaults.homepageRedirectToFeed,
+ });
+
+ let options = await optionsStorage.getAll();
+ console.log("Settings saved:", options);
+
+ changed = false;
+ document.title = "Options";
+ } catch (e) {
+ console.error("YAML parse error β not saving:", e.message);
+ }
+ }
}
+var view = null;
async function init() {
- await optionsStorage.syncForm('#options-form');
- updateOutputColor();
+ view = new EditorView({
+ parent: editor,
+ doc: await defaultCode(),
+ extensions: [basicSetup, keymap.of([indentWithTab]), resetOnEmpty, autoSave, EditorView.lineWrapping, yaml(), yamlSchema(schema)]
+ })
}
init();