Furbooru: Added screenshots for tag groups feature

Added GitHub action for building the project in CI

.github/workflows/build-extensions.yml

@@ -0,0 +1,63 @@
+name: Build Extensions
+
+on:
+  push:
+    branches: [ master ]
+
+jobs:
+  build-extensions:
+    runs-on: ubuntu-latest
+    
+    strategy:
+      matrix:
+        site: [furbooru, derpibooru]
+    
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+      
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+        
+    - name: Install dependencies
+      run: npm ci
+      
+    - name: Build extension for ${{ matrix.site }}
+      run: |
+        if [ "${{ matrix.site }}" = "derpibooru" ]; then
+          npm run build:derpibooru
+        else
+          npm run build
+        fi
+        
+    - name: Create extension zip
+      run: |
+        cd build
+        zip -r "../${{ matrix.site }}-tagging-assistant-extension.zip" .
+        
+    - name: Upload extension artifact
+      uses: actions/upload-artifact@v4
+      with:
+        name: ${{ matrix.site }}-tagging-assistant-extension
+        path: ${{ matrix.site }}-tagging-assistant-extension.zip
+        retention-days: 30
+
+  create-release-artifacts:
+    runs-on: ubuntu-latest
+    needs: build-extensions
+    
+    steps:
+    - name: Download all artifacts
+      uses: actions/download-artifact@v4
+      with:
+        path: artifacts
+        
+    - name: Create combined artifact
+      uses: actions/upload-artifact@v4
+      with:
+        name: all-extensions
+        path: artifacts/
+        retention-days: 90

manifest.json

@@ -1,7 +1,7 @@
 {
     "name": "Furbooru Tagging Assistant",
     "description": "Small experimental extension for slightly quicker tagging experience. Furbooru Edition.",
-    "version": "0.5.1",
+    "version": "0.5.2",
     "browser_specific_settings": {
         "gecko": {
             "id": "furbooru-tagging-assistant@thecore.city"

package.json

@@ -1,6 +1,6 @@
 {
     "name": "furbooru-tagging-assistant",
-    "version": "0.5.1",
+    "version": "0.5.2",
     "private": true,
     "scripts": {
         "build": "npm run build:popup && npm run build:extension",
@@ -13,26 +13,26 @@
         "test:watch": "vitest watch --coverage"
     },
     "devDependencies": {
-        "@sveltejs/adapter-static": "^3.0.8",
-        "@sveltejs/kit": "^2.21.1",
-        "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "@sveltejs/vite-plugin-svelte": "^6.2.0",
         "@types/chrome": "^0.0.326",
-        "@types/node": "^22.15.29",
-        "@vitest/coverage-v8": "^3.2.0",
-        "cheerio": "^1.0.0",
+        "@types/node": "^22.18.6",
+        "@vitest/coverage-v8": "^3.2.4",
+        "cheerio": "^1.1.2",
         "cross-env": "^10.0.0",
-        "jsdom": "^26.1.0",
-        "sass": "^1.89.1",
-        "svelte": "^5.33.14",
-        "svelte-check": "^4.2.1",
-        "typescript": "^5.8.3",
-        "vite": "^6.3.5",
-        "vitest": "^3.2.0"
+        "jsdom": "^27.0.0",
+        "svelte-check": "^4.3.1",
+        "typescript": "^5.9.2",
+        "vite": "^7.1.6",
+        "vitest": "^3.2.4"
     },
     "type": "module",
     "dependencies": {
+        "@sveltejs/adapter-static": "^3.0.9",
+        "@sveltejs/kit": "^2.42.2",
         "@fortawesome/fontawesome-free": "^6.7.2",
         "amd-lite": "^1.0.1",
-        "lz-string": "^1.5.0"
+        "lz-string": "^1.5.0",
+        "sass": "^1.93.0",
+        "svelte": "^5.39.4"
     }
 }

src/lib/components/TagDropdownWrapper.ts

@@ -148,11 +148,10 @@ export class TagDropdownWrapper extends BaseComponent {
         profileSpecificButtonText = `Remove from profile "${profileName}"`;
       }
 
-      // Derpibooru has icons in dropdown. Make sure to only edit text and keep the icon untouched. Also, add the space
-      // before the text to make space between text and icon.
-      if (__CURRENT_SITE__ === 'derpibooru' && this.#toggleOnExistingButton.lastChild instanceof Text) {
+      if (this.#toggleOnExistingButton.lastChild instanceof Text) {
         this.#toggleOnExistingButton.lastChild.textContent = ` ${profileSpecificButtonText}`;
       } else {
+        // Just in case last child is missing, then update the text on the full element.
         this.#toggleOnExistingButton.textContent = profileSpecificButtonText;
       }
 
@@ -251,16 +250,11 @@ export class TagDropdownWrapper extends BaseComponent {
     dropdownLink.href = '#';
     dropdownLink.className = 'tag__dropdown__link';
 
-    // Derpibooru has an icon in dropdown item. Create the icon and place the text with additional space in front of it.
-    if (__CURRENT_SITE__ === 'derpibooru') {
-      const dropdownLinkIcon = document.createElement('i');
-      dropdownLinkIcon.classList.add('fa', 'fa-tags');
+    const dropdownLinkIcon = document.createElement('i');
+    dropdownLinkIcon.classList.add('fa', 'fa-tags');
 
-      dropdownLink.textContent = ` ${text}`;
-      dropdownLink.insertAdjacentElement('afterbegin', dropdownLinkIcon);
-    } else {
-      dropdownLink.textContent = text;
-    }
+    dropdownLink.textContent = ` ${text}`;
+    dropdownLink.insertAdjacentElement('afterbegin', dropdownLinkIcon);
 
     dropdownLink.addEventListener('click', event => {
       event.preventDefault();

src/styles/content/listing.scss

@@ -68,15 +68,8 @@
     .tag {
       cursor: pointer;
       user-select: none;
-
-      // Derpibooru has slight differences in how tags are displayed.
-      @if environment.$current-site == 'derpibooru' {
-        padding: 0 5px;
-        gap: 0;
-      }
-      @else {
-        padding: 5px;
-      }
+      padding: 0 5px;
+      gap: 0;
 
       &:hover {
         background: booru-vars.$resolved-tag-color;

src/styles/content/tags-editor.scss

@@ -6,18 +6,8 @@ h2.tag-category-headline {
   $base-margin-top: .83em;
   $base-margin-bottom: .62em;
 
-  // Tag List element was updated to use flex & gaps. This should be applied to Furbooru later, once updates will be
-  // applied from the base Philomena version.
-  @if environment.$current-site == 'derpibooru' {
-    margin: {
-      top: calc(#{$base-margin-top} - #{booru-vars.$padding-small});
-      bottom: calc(#{$base-margin-bottom} - #{booru-vars.$padding-small});
-    }
-  }
-  @else {
-    margin: {
-      top: $base-margin-top;
-      bottom: $base-margin-bottom;
-    }
+  margin: {
+    top: calc(#{$base-margin-top} - #{booru-vars.$padding-small});
+    bottom: calc(#{$base-margin-bottom} - #{booru-vars.$padding-small});
   }
 }