diff --git a/.github/workflows/build-extensions.yml b/.github/workflows/build-extensions.yml index bf25b13..5885ba6 100644 --- a/.github/workflows/build-extensions.yml +++ b/.github/workflows/build-extensions.yml @@ -10,7 +10,7 @@ jobs: strategy: matrix: - site: [furbooru, derpibooru] + site: [furbooru, derpibooru, tantabus] steps: - name: Checkout repository @@ -27,10 +27,10 @@ jobs: - name: Build extension for ${{ matrix.site }} run: | - if [ "${{ matrix.site }}" = "derpibooru" ]; then - npm run build:derpibooru - else + if [ "${{ matrix.site }}" = "furbooru" ]; then npm run build + else + npm run build:${{ matrix.site }} fi - name: Create extension zip diff --git a/.vite/pack-extension.js b/.vite/pack-extension.js index d264e9f..a5cf79d 100644 --- a/.vite/pack-extension.js +++ b/.vite/pack-extension.js @@ -67,13 +67,24 @@ export async function packExtension(settings) { return entry; }) - if (process.env.SITE === 'derpibooru') { - manifest.replaceHostTo([ - 'derpibooru.org', - 'trixiebooru.org' - ]); - manifest.replaceBooruNameWith('Derpibooru'); - manifest.setGeckoIdentifier('derpibooru-tagging-assistant@thecore.city'); + switch (process.env.SITE) { + case 'derpibooru': + manifest.replaceHostTo([ + 'derpibooru.org', + 'trixiebooru.org' + ]); + manifest.replaceBooruNameWith('Derpibooru'); + manifest.setGeckoIdentifier('derpibooru-tagging-assistant@thecore.city'); + break; + + case 'tantabus': + manifest.replaceHostTo('tantabus.ai'); + manifest.replaceBooruNameWith('Tantabus'); + manifest.setGeckoIdentifier('tantabus-tagging-assistant@thecore.city'); + break; + + default: + console.warn('No replacement set up for site: ' + process.env.SITE); } manifest.passVersionFromPackage(path.resolve(settings.rootDir, 'package.json')); diff --git a/README.md b/README.md index 23e8eef..ec7e55c 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ # Philomena Tagging Assistant -This is a browser extension written for the [Furbooru](https://furbooru.org) and [Derpibooru](https://derpibooru.org) -image-boards. It gives you the ability to manually go over the list of images and apply tags to them without opening -each individual image. +This is a browser extension written for the [Furbooru](https://furbooru.org), [Derpibooru](https://derpibooru.org) and +[Tantabus](https://tantabus.ai) image-boards. It gives you the ability to manually go over the list of images and apply +tags to them without opening each individual image. ## Installation @@ -59,14 +59,17 @@ npm install --save-dev Second, you need to run the `build` command. It will first build the popup using SvelteKit and then build all the content scripts/stylesheets and copy the manifest afterward. -Extension can currently be built for 2 different imageboards using one of the following commands: +Extension can currently be built for multiple different imageboards using one of the following commands: ```shell -# To build the extension for Furbooru, use: +# Furbooru: npm run build -# To build the extension for Derpbooru, use: +# Derpibooru: npm run build:derpibooru + +# Tantabus: +npm run build:tantabus ``` When build is complete, extension files can be found in the `/build` directory. These files can be either used diff --git a/package.json b/package.json index 9263983..c8d50df 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "scripts": { "build": "npm run build:popup && npm run build:extension", "build:derpibooru": "cross-env SITE=derpibooru npm run build", + "build:tantabus": "cross-env SITE=tantabus npm run build", "build:popup": "vite build", "build:extension": "node build-extension.js", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte index 525d24f..b56fcfd 100644 --- a/src/routes/about/+page.svelte +++ b/src/routes/about/+page.svelte @@ -11,6 +11,10 @@ if (__CURRENT_SITE__ === 'derpibooru') { currentSiteUrl = 'https://derpibooru.org'; } + + if (__CURRENT_SITE__ === 'tantabus') { + currentSiteUrl = 'https://tantabus.ai'; + } diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 40e72bb..504933a 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -95,3 +95,31 @@ $warning-border: #95562c; $input-background: #282e39; $input-border: #575e6b; } + +@if environment.$current-site == 'tantabus' { + $background: #221117; + + $text: #e0e0e0; + $text-gray: #bb90a6; + + $link: #ee157a; + $link-hover: #b099dd; + + $header: #811242; + $header-toolbar: #501e36; + $header-hover-background: #5d0d30; + $header-mobile-link-hover: #995470; + + $footer: #2f1d26; + $footer-text: $text-gray; + + $block-header: $header-toolbar; + $block-border: $header-toolbar; + $block-background: #2f1d26; + $block-background-alternate: #26171e; + + $media-box-border: #573142; + + $input-background: #392833; + $input-border: #6b5764; +} diff --git a/src/styles/injectable/tag.scss b/src/styles/injectable/tag.scss index db105d4..8643967 100644 --- a/src/styles/injectable/tag.scss +++ b/src/styles/injectable/tag.scss @@ -9,7 +9,7 @@ padding: 0 4px; display: flex; - @if environment.$current-site == 'derpibooru' { + @if environment.$current-site == 'derpibooru' or environment.$current-site == 'tantabus' { border: 1px solid colors.$tag-border; line-height: 24px; } diff --git a/vite.config.ts b/vite.config.ts index b6d5b66..530213a 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -20,6 +20,14 @@ export default defineConfig(() => { __CURRENT_SITE_NAME__: JSON.stringify('Derpibooru'), } }), + SwapDefinedVariablesPlugin({ + envVariable: 'SITE', + expectedValue: 'tantabus', + define: { + __CURRENT_SITE__: JSON.stringify('tantabus'), + __CURRENT_SITE_NAME__: JSON.stringify('Tantabus'), + } + }), ], test: { globals: true,