frederikb · frederikb · Apr 8, 2024 · Mar 29, 2024
diff --git a/docs/screenshot-options.png b/docs/screenshot-options.png
diff --git a/readme.md b/readme.md
@@ -21,6 +21,7 @@ Store bookmarks in a simple JSON structure in your organization's GitHub reposit
 - 📁 **Multi-File Support**: Organize your organizations bookmarks into separate JSON files, for example by project.
 - 📢 **Notifications**: Stay informed about successful syncs or if any issues arise.
 - 🔒 **Secure**: Uses GitHub's Personal Access Token (PAT) for authentication, ensuring secure access.
+- 🌐 **GitHub Enterprise Support**: Synchronize bookmarks from GitHub or GitHub Enterprise Server (GHES).
 
 ## 🛠 Installation
 
@@ -46,9 +47,13 @@ Access the extension's options and provide:
 3. **Repository**: The name of the repository without the `.git` extension. The name is not case sensitive.
 4. **Source Path**: The path within the repository to either a single JSON file or a directory containing multiple JSON bookmark files. For a single file, provide the path e.g., `path/to/bookmarks.json`. For a directory, just specify the folder path e.g., `bookmarks`.
 
+You can also synchronize bookmarks from a GitHub Enterprise Server (GHES) by specifying the **GitHub API URL** (which ends with `/api/v3`).
+
 
 Then make your bookmarks available at the source path in your repository to watch the magic happen.
 
+Use the `Check Connection` to test the configuration.
+
 ## 📄 Bookmark Collection JSON Format
 
 Structure your JSON file for bookmarks as per the schema defined at [https://frederikb.github.io/bookmarksync/schemas/bookmarks.1-0-0.schema.json](https://frederikb.github.io/bookmarksync/schemas/bookmarks.1-0-0.schema.json).

diff --git a/src/entrypoints/options/index.html b/src/entrypoints/options/index.html
@@ -11,7 +11,19 @@
 
 <body>
     <form id="options-form" class="detail-view-container">
-        <p>
+		<p>
+			<label>
+				<input type="checkbox" name="useCustomHost">
+				Use GitHub Enterprise Server
+			</label>
+		</p>
+		<p id="customHostContainer">
+			<label class="text-input">
+				<span>GitHub API URL</span>
+				<input type="url" name="githubApiUrl" required placeholder="https://github.yourdomain.com/api/v3">
+			</label>
+		</p>
+		<p>
             <label class="text-input">
                 <span>GitHub Personal Access Token</span>
                 <input type="password" name="pat" required>

diff --git a/src/entrypoints/options/options.css b/src/entrypoints/options/options.css
@@ -1,12 +1,13 @@
 html {
     min-width: 550px;
-	min-height: 14rem;
+	min-height: 16rem;
     overflow-x: hidden;
     /* Required to hide horizontal scroll on Firefox */
 }
 
 #options-form input[type="text"],
-#options-form input[type="password"] {
+#options-form input[type="password"],
+#options-form input[type="url"] {
     margin: 0;
     padding: 5px;
     border: 1px solid #ccc;
@@ -52,6 +53,18 @@ hr {
     margin-bottom: 15px;
 }
 
+#customHostContainer {
+	visibility: visible;
+	transition: max-height 0.5s ease-in-out;
+	max-height: 10rem;
+	overflow: hidden;
+}
+
+#customHostContainer.hidden {
+	visibility: hidden;
+	max-height: 0;
+	transition: max-height 0.5s ease-in-out, visibility 0s 0.5s;
+}
 #check-connection-btn {
 	width: 11rem;
 	cursor: pointer;
@@ -88,4 +101,4 @@ hr {
 	color: #330000;
 	background-color: #ffcccc;
 	border: 1px solid #440000;
-}
+}
diff --git a/src/entrypoints/options/options.js b/src/entrypoints/options/options.js
@@ -57,6 +57,24 @@ async function init() {
 		}
 	};
 
+	const showCustomHostInput = checked => {
+		document.querySelector('#customHostContainer').className = checked ? '' : 'hidden';
+		document.querySelector('#customHostContainer input').required = checked;
+	};
+
+	const clearCustomHostInput = () => {
+		document.querySelector('[name="githubApiUrl"]').value = '';
+	};
+
+	const setupCustomHostInput = async () => {
+		const {useCustomHost} = await optionsStorage.getAll();
+		showCustomHostInput(useCustomHost);
+		if (!useCustomHost) {
+			await optionsStorage.set({githubApiUrl: ''});
+			clearCustomHostInput();
+		}
+	};
+
 	checkConnectionButton.addEventListener('click', async () => {
 		if (!form.checkValidity() || isChecking) {
 			return;
@@ -90,11 +108,13 @@ async function init() {
 		}
 	});
 
-	form.addEventListener('options-sync:form-synced', () => {
+	form.addEventListener('options-sync:form-synced', async () => {
 		cancelCurrentCheck = true;
+		await setupCustomHostInput();
 		resetCheckConnection();
 	});
 
+	await setupCustomHostInput();
 	resetCheckConnection();
 }
 

diff --git a/src/utils/github-bookmarks-loader.js b/src/utils/github-bookmarks-loader.js
@@ -7,14 +7,14 @@ import {
 
 class GitHubBookmarksLoader {
 	async load({force = false, cacheEtag = true} = {}) {
-		const {repo, owner, pat, sourcePath, etag} = await optionsStorage.getAll();
+		const {repo, owner, pat, sourcePath, etag, githubApiUrl} = await optionsStorage.getAll();
 
 		if (!repo || !owner || !sourcePath || !pat) {
 			throw new BookmarkSourceNotConfiguredError();
 		}
 
 		const MyOctokit = Octokit.plugin(retry);
-		const octokit = new MyOctokit({auth: pat});
+		const octokit = new MyOctokit({auth: pat, baseUrl: githubApiUrl || null});
 
 		console.info(`Starting sync with GitHub using ${owner}/${repo}/${sourcePath}`);
 

diff --git a/src/utils/options-storage.js b/src/utils/options-storage.js
@@ -2,6 +2,8 @@ import OptionsSync from 'webext-options-sync';
 
 const optionsStorage = new OptionsSync({
 	defaults: {
+		useCustomHost: false,
+		githubApiUrl: '',
 		pat: '',
 		owner: '',
 		repo: '',