extension-create 4.0.1 → 4.0.2-canary.local-d776e4d9

package/dist/lib/package-manager.d.ts

@@ -1 +1,2 @@
 export { detectPackageManagerFromEnv, getPackageManagerSpec as getPackageManagerSpecFromEnv } from 'prefers-yarn';
+export declare function isDenoRuntime(): boolean;

package/dist/module.cjs

@@ -43,10 +43,12 @@ __webpack_require__.d(__webpack_exports__, {
     extensionCreate: ()=>extensionCreate
 });
 const external_path_namespaceObject = require("path");
-const external_fs_namespaceObject = require("fs");
 const external_pintor_namespaceObject = require("pintor");
 var external_pintor_default = /*#__PURE__*/ __webpack_require__.n(external_pintor_namespaceObject);
 const external_prefers_yarn_namespaceObject = require("prefers-yarn");
+function isDenoRuntime() {
+    return void 0 !== globalThis.Deno || Boolean(process.versions?.deno);
+}
 const statusPrefix = external_pintor_default().brightBlue('⏵⏵⏵');
 function destinationNotWriteable(workingDir) {
     const workingDirFolder = external_path_namespaceObject.basename(workingDir);
@@ -55,10 +57,7 @@ function destinationNotWriteable(workingDir) {
 async function directoryHasConflicts(projectPath, conflictingFiles) {
     const projectName = external_path_namespaceObject.basename(projectPath);
     let message = `Conflicting files found in ${external_pintor_default().blue(projectName)}.\n\n`;
-    for (const file of conflictingFiles){
-        const stats = await external_fs_namespaceObject.promises.lstat(external_path_namespaceObject.join(projectPath, file));
-        message += stats.isDirectory() ? `   ${external_pintor_default().yellow('-')} ${external_pintor_default().yellow(file)}\n` : `   ${external_pintor_default().yellow('-')} ${external_pintor_default().yellow(file)}\n`;
-    }
+    for (const file of conflictingFiles)message += `   ${external_pintor_default().yellow('-')} ${external_pintor_default().yellow(file)}\n`;
     message += `\n${external_pintor_default().red('Next step: remove or rename the files above, or choose a different directory name.')}\n\nPath: ${external_pintor_default().underline(projectPath)}`;
     return message;
 }
@@ -73,7 +72,10 @@ async function successfullInstall(projectPath, projectName, depsInstalled) {
     const pm = (0, external_prefers_yarn_namespaceObject.detectPackageManagerFromEnv)();
     let command = 'npm run';
     let installCmd = 'npm install';
-    switch(pm){
+    if (isDenoRuntime()) {
+        command = 'deno task dev';
+        installCmd = 'deno install';
+    } else switch(pm){
         case 'yarn':
             command = 'yarn dev';
             installCmd = 'yarn';
@@ -82,6 +84,10 @@ async function successfullInstall(projectPath, projectName, depsInstalled) {
             command = 'pnpm dev';
             installCmd = 'pnpm install';
             break;
+        case 'bun':
+            command = 'bun dev';
+            installCmd = 'bun install';
+            break;
         default:
             command = 'npm run dev';
             installCmd = 'npm install';
@@ -137,7 +143,7 @@ function installingProjectIntegrations(integrations) {
         if (2 === items.length) return `${items[0]} and ${items[1]}`;
         return `${items.slice(0, -1).join(', ')}, and ${items[items.length - 1]}`;
     };
-    const tools = integrations.length > 0 ? formatList(integrations.map((name)=>external_pintor_default().yellow(name))) : external_pintor_default().gray('project tooling');
+    const tools = formatList(integrations.map((name)=>external_pintor_default().yellow(name)));
     return `${statusPrefix} Installing specialized dependencies for ${tools}... ${external_pintor_default().gray('(This may take a moment)')}`;
 }
 function installingDependenciesFailed(gitCommand, gitArgs, code) {
@@ -288,6 +294,7 @@ async function createDirectory(projectPath, projectName, logger) {
         throw new Error(createDirectoryError(projectName, error));
     }
 }
+const external_fs_namespaceObject = require("fs");
 const external_os_namespaceObject = require("os");
 const external_axios_namespaceObject = require("axios");
 var external_axios_default = /*#__PURE__*/ __webpack_require__.n(external_axios_namespaceObject);
@@ -466,6 +473,19 @@ function getTemplateAwareScripts(template, extensionBinary) {
     }
     return extensionJsPackageJsonScripts(extensionBinary);
 }
+const BUILD_NOOP_DEPENDENCIES = [
+    'less'
+];
+const ML_NATIVE_BUILD_DEPENDENCIES = [
+    'onnxruntime-node',
+    'sharp',
+    'protobufjs'
+];
+const ML_DEP_TRIGGERS = [
+    '@huggingface/transformers',
+    '@xenova/transformers'
+];
+const uniq = (values)=>Array.from(new Set(values.filter(Boolean)));
 function resolveExtensionDevDependencyVersion(cliVersion) {
     if (!cliVersion) return 'latest';
     return cliVersion.includes('-') ? cliVersion : `^${cliVersion}`;
@@ -493,6 +513,25 @@ async function overridePackageJson(projectPath, projectName, { template = "javas
         extension: 'development' === process.env.EXTENSION_ENV ? '*' : resolveExtensionDevDependencyVersion(cliVersion)
     };
     const packageManagerSpec = packageJson.packageManager || (0, external_prefers_yarn_namespaceObject.getPackageManagerSpec)();
+    const declaredDeps = {
+        ...packageJson.dependencies || {},
+        ...packageJson.devDependencies || {}
+    };
+    const usesMlNativeDeps = ML_DEP_TRIGGERS.some((dep)=>declaredDeps[dep]);
+    const nativeBuildDeps = usesMlNativeDeps ? ML_NATIVE_BUILD_DEPENDENCIES : [];
+    const existingPnpm = packageJson.pnpm && 'object' == typeof packageJson.pnpm ? packageJson.pnpm : {};
+    const ignoredBuilt = uniq([
+        ...existingPnpm.ignoredBuiltDependencies || [],
+        ...BUILD_NOOP_DEPENDENCIES
+    ]);
+    const onlyBuilt = uniq([
+        ...existingPnpm.onlyBuiltDependencies || [],
+        ...nativeBuildDeps
+    ]);
+    const trustedDeps = uniq([
+        ...packageJson.trustedDependencies || [],
+        ...nativeBuildDeps
+    ]);
     const packageMetadata = {
         ...packageJson,
         name: external_path_namespaceObject.basename(projectPath),
@@ -506,6 +545,18 @@ async function overridePackageJson(projectPath, projectName, { template = "javas
         },
         dependencies: packageJson.dependencies,
         devDependencies: packageJson.devDependencies,
+        pnpm: {
+            ...existingPnpm,
+            ...ignoredBuilt.length ? {
+                ignoredBuiltDependencies: ignoredBuilt
+            } : {},
+            ...onlyBuilt.length ? {
+                onlyBuiltDependencies: onlyBuilt
+            } : {}
+        },
+        ...trustedDeps.length ? {
+            trustedDependencies: trustedDeps
+        } : {},
         author: {
             name: 'Your Name',
             email: 'your@email.com',
@@ -699,6 +750,9 @@ async function pathExists(target) {
 }
 async function writeReadmeFile(projectPath, projectName, logger) {
     const installCommand = await getInstallCommand();
+    const deno = isDenoRuntime();
+    const runPrefix = deno ? 'deno task' : `${installCommand} run`;
+    const argSeparator = deno ? '' : ' --';
     const manifestJsonPath = await findManifestJsonPath(projectPath);
     const manifestJson = JSON.parse(await promises_namespaceObject.readFile(manifestJsonPath, 'utf-8'));
     const description = String(manifestJson.description || '').trim();
@@ -706,7 +760,7 @@ async function writeReadmeFile(projectPath, projectName, logger) {
     const hasScreenshot = await pathExists(screenshotPath);
     const screenshotEmbed = hasScreenshot ? `\n![screenshot](./public/screenshot.png)\n` : '';
     const blockquote = description ? `> ${description}\n\n` : '';
-    const readme = `<a href="https://extension.js.org" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Powered%20by%20%7C%20Extension.js-0971fe" alt="Powered by Extension.js" align="right" /></a>\n\n# ${projectName}\n\n` + blockquote + `${screenshotEmbed}` + `## Commands\n` + `\n` + `### dev\n` + `\n` + "Run the extension in development mode. Target a browser with `--browser`:\n" + `\n` + "```bash\n" + `${installCommand} run dev\n` + `${installCommand} run dev -- --browser=firefox\n` + `${installCommand} run dev -- --browser=edge\n` + "```\n" + `\n` + `### build\n` + `\n` + `Build for production. Convenience scripts target each browser:\n` + `\n` + "```bash\n" + `${installCommand} run build           # Chrome (default)\n` + `${installCommand} run build:firefox\n` + `${installCommand} run build:edge\n` + "```\n" + `\n` + `### preview\n` + `\n` + `Preview the production build in the browser:\n` + `\n` + "```bash\n" + `${installCommand} run preview\n` + "```\n" + `\n` + `## Learn more\n` + `\n` + `[Extension.js docs](https://extension.js.org).\n`;
+    const readme = `<a href="https://extension.js.org" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Powered%20by%20%7C%20Extension.js-0971fe" alt="Powered by Extension.js" align="right" /></a>\n\n# ${projectName}\n\n` + blockquote + `${screenshotEmbed}` + `## Commands\n` + `\n` + `### dev\n` + `\n` + "Run the extension in development mode. Target a browser with `--browser`:\n" + `\n` + "```bash\n" + `${runPrefix} dev\n` + `${runPrefix} dev${argSeparator} --browser=firefox\n` + `${runPrefix} dev${argSeparator} --browser=edge\n` + "```\n" + `\n` + `### build\n` + `\n` + `Build for production. Convenience scripts target each browser:\n` + `\n` + "```bash\n" + `${runPrefix} build           # Chrome (default)\n` + `${runPrefix} build:firefox\n` + `${runPrefix} build:edge\n` + "```\n" + `\n` + `### preview\n` + `\n` + `Preview the production build in the browser:\n` + `\n` + "```bash\n" + `${runPrefix} preview\n` + "```\n" + `\n` + `## Learn more\n` + `\n` + `[Extension.js docs](https://extension.js.org).\n`;
     try {
         logger.log(writingReadmeMetaData());
         await promises_namespaceObject.mkdir(projectPath, {

package/dist/steps/install-internal-deps.d.ts

@@ -1,18 +1,4 @@
-type OptionalDepsPlan = {
-    integrations: string[];
-    dependencies: string[];
-    dependenciesByIntegration: Record<string, string[]>;
-};
-declare function resolveDevelopRoot(projectPath: string): string | null;
-declare function detectOptionalDependencies(projectPath: string): OptionalDepsPlan;
-declare function resolveMissingOptionalDeps(developRoot: string, projectPath: string): OptionalDepsPlan;
 export declare function installInternalDependencies(projectPath: string, logger: {
     log(...args: any[]): void;
     error(...args: any[]): void;
 }): Promise<void>;
-export declare const __testing__: {
-    resolveDevelopRoot: typeof resolveDevelopRoot;
-    resolveMissingOptionalDeps: typeof resolveMissingOptionalDeps;
-    detectOptionalDependencies: typeof detectOptionalDependencies;
-};
-export {};

package/package.json

@@ -25,7 +25,7 @@
     "templates"
   ],
   "name": "extension-create",
-  "version": "4.0.1",
+  "version": "4.0.2-canary.local-d776e4d9",
   "description": "The standalone extension creation engine for Extension.js",
   "author": {
     "name": "Cezar Augusto",

package/dist/test-template-javascript/README.md

@@ -1,41 +0,0 @@
-<a href="https://extension.js.org" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Powered%20by%20%7C%20Extension.js-0971fe" alt="Powered by Extension.js" align="right" /></a>
-
-# test-template-javascript
-
-> JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.
-
-
-![screenshot](./public/screenshot.png)
-## Commands
-
-### dev
-
-Run the extension in development mode. Target a browser with `--browser`:
-
-```bash
-pnpm run dev
-pnpm run dev -- --browser=firefox
-pnpm run dev -- --browser=edge
-```
-
-### build
-
-Build for production. Convenience scripts target each browser:
-
-```bash
-pnpm run build           # Chrome (default)
-pnpm run build:firefox
-pnpm run build:edge
-```
-
-### preview
-
-Preview the production build in the browser:
-
-```bash
-pnpm run preview
-```
-
-## Learn more
-
-[Extension.js docs](https://extension.js.org).

package/dist/test-template-javascript/extension.config.js

@@ -1,19 +0,0 @@
-/** @type {import('extension').FileConfig} */
-// Extension.js uses a fresh profile on every run.
-// Prefer that default? Remove the profile config below.
-const profile = (name) => `./dist/extension-profile-${name}`
-const ciFlags = process.env.CI ? ['--no-sandbox', '--disable-gpu'] : []
-
-export default {
-  browser: {
-    chrome: {profile: profile('chrome'), browserFlags: ciFlags},
-    chromium: {profile: profile('chromium'), browserFlags: ciFlags},
-    edge: {profile: profile('edge'), browserFlags: ciFlags},
-    firefox: {profile: profile('firefox')},
-    'chromium-based': {
-      profile: profile('chromium-based'),
-      browserFlags: ciFlags
-    },
-    'gecko-based': {profile: profile('gecko-based')}
-  }
-}

package/dist/test-template-javascript/package.json

@@ -1,27 +0,0 @@
-{
-  "private": true,
-  "name": "test-template-javascript",
-  "description": "JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.",
-  "version": "1.0.0",
-  "license": "MIT",
-  "type": "module",
-  "author": {
-    "name": "Your Name",
-    "email": "your@email.com",
-    "url": "https://yourwebsite.com"
-  },
-  "scripts": {
-    "dev": "extension dev",
-    "start": "extension start",
-    "build": "extension build",
-    "preview": "extension preview",
-    "build:chrome": "extension build --browser chrome",
-    "build:firefox": "extension build --browser firefox",
-    "build:edge": "extension build --browser edge"
-  },
-  "dependencies": {},
-  "devDependencies": {
-    "extension": "latest"
-  },
-  "packageManager": "pnpm@10.28.0"
-}

package/dist/test-template-javascript/src/background.js

@@ -1,44 +0,0 @@
-console.log(
-  '[From the background context] Hello from the background worker/script!'
-)
-
-const isFirefoxLike =
-  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
-  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
-
-if (isFirefoxLike) {
-  browser.browserAction.onClicked.addListener(() => {
-    browser.sidebarAction.open()
-  })
-
-  browser.runtime.onMessage.addListener((message) => {
-    if (!message || message.type !== 'openSidebar') return
-
-    browser.sidebarAction.open()
-  })
-}
-
-if (!isFirefoxLike) {
-  chrome.action.onClicked.addListener(() => {
-    chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-  })
-}
-
-chrome.runtime.onMessage.addListener((message) => {
-  if (!message || message.type !== 'openSidebar') return
-
-  chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
-
-  if (!chrome.sidePanel.open) return
-
-  chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
-    const activeTabId = tabs && tabs[0] && tabs[0].id
-    if (!activeTabId) return
-
-    try {
-      chrome.sidePanel.open({tabId: activeTabId})
-    } catch (error) {
-      console.error(error)
-    }
-  })
-})

package/dist/test-template-javascript/src/content/ContentApp.js

@@ -1,42 +0,0 @@
-import iconUrl from '../images/icon.png'
-const logo = iconUrl
-
-export default function createContentApp() {
-  const container = document.createElement('div')
-  container.className = 'content_script'
-
-  const pill = document.createElement('button')
-  pill.type = 'button'
-  pill.className = 'content_pill'
-  pill.setAttribute('aria-label', 'Open sidebar')
-  pill.addEventListener('click', () => {
-    try {
-      if (
-        import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
-        import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
-      ) {
-        browser.runtime.sendMessage({type: 'openSidebar'})
-      } else {
-        chrome.runtime.sendMessage({type: 'openSidebar'})
-      }
-    } catch (error) {
-      console.error(error)
-    }
-  })
-
-  const img = document.createElement('img')
-  img.className = 'content_pill_logo'
-  img.src = logo
-  img.alt = ''
-  img.setAttribute('aria-hidden', 'true')
-
-  const text = document.createElement('span')
-  text.className = 'content_pill_text'
-  text.textContent = 'Open sidebar'
-
-  pill.appendChild(img)
-  pill.appendChild(text)
-  container.appendChild(pill)
-
-  return container
-}

package/dist/test-template-javascript/src/content/scripts.js

@@ -1,38 +0,0 @@
-console.log('[From the page context] Hello from content_scripts!')
-import createContentApp from './ContentApp.js'
-import './styles.css'
-
-/**
- * Extension.js content_script entrypoint. The framework calls this on
- * injection and calls the returned function on HMR/teardown to clean up.
- * Do not invoke it yourself.
- */
-export default function initial() {
-  const rootDiv = document.createElement('div')
-  rootDiv.setAttribute('data-extension-root', 'true')
-  document.body.appendChild(rootDiv)
-
-  // Injecting content_scripts inside a shadow dom
-  // prevents conflicts with the host page's styles.
-  // This way, styles from the extension won't leak into the host page.
-  const shadowRoot = rootDiv.attachShadow({mode: 'open'})
-
-  const styleElement = document.createElement('style')
-  shadowRoot.appendChild(styleElement)
-  fetchCSS().then((response) => (styleElement.textContent = response))
-
-  // Render ContentApp inside shadow root
-  const container = createContentApp()
-  shadowRoot.appendChild(container)
-
-  return () => {
-    rootDiv.remove()
-  }
-}
-
-async function fetchCSS() {
-  const cssUrl = new URL('./styles.css', import.meta.url)
-  const response = await fetch(cssUrl)
-  const text = await response.text()
-  return response.ok ? text : Promise.reject(text)
-}

package/dist/test-template-javascript/src/content/styles.css

@@ -1,45 +0,0 @@
-.content_script {
-  position: absolute;
-  right: 0.75rem;
-  bottom: 0.75rem;
-  z-index: 9999;
-}
-
-.content_pill {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  appearance: none;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  background: var(--sidebar-bg, #0a0c10);
-  color: var(--sidebar-text, #c9c9c9);
-  padding: 0.5rem 1rem 0.5rem 0.5rem;
-  border-radius: 9999px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
-}
-
-.content_pill:hover {
-  background: #11151c;
-}
-
-.content_pill_logo {
-  height: 1.5rem;
-  border-radius: 9999px;
-  background: rgba(255, 255, 255, 0.08);
-  object-fit: contain;
-  aspect-ratio: 1 / 1;
-  padding: 0.125rem;
-}
-
-.content_pill_text {
-  font-size: 0.85rem;
-  font-weight: 600;
-  line-height: 1;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
-    Arial, "Noto Sans", sans-serif;
-}

package/dist/test-template-javascript/src/manifest.json

@@ -1,63 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/chrome-manifest.json",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "version": "1.0.0",
-  "name": "test-template-javascript",
-  "description": "JavaScript-based extension with a sidebar panel. Adds a sidebar with a simple page.",
-  "icons": {
-    "16": "images/icon.png",
-    "32": "images/icon.png",
-    "48": "images/icon.png",
-    "64": "images/icon.png",
-    "128": "images/icon.png"
-  },
-  "chromium:action": {
-    "default_icon": {
-      "16": "images/icon.png",
-      "32": "images/icon.png",
-      "48": "images/icon.png",
-      "64": "images/icon.png",
-      "128": "images/icon.png"
-    },
-    "default_title": "Open Side Panel"
-  },
-  "firefox:browser_action": {
-    "default_icon": {
-      "16": "images/icon.png",
-      "32": "images/icon.png",
-      "48": "images/icon.png",
-      "64": "images/icon.png",
-      "128": "images/icon.png"
-    },
-    "default_title": "Open Side Panel"
-  },
-  "chromium:side_panel": {
-    "default_path": "sidebar/index.html",
-    "default_title": "Side Panel Content"
-  },
-  "firefox:sidebar_action": {
-    "default_panel": "sidebar/index.html",
-    "default_title": "Side Panel Content"
-  },
-  "chromium:permissions": [
-    "sidePanel"
-  ],
-  "background": {
-    "chromium:service_worker": "background.js",
-    "firefox:scripts": [
-      "background.js"
-    ]
-  },
-  "content_scripts": [
-    {
-      "matches": [
-        "<all_urls>"
-      ],
-      "js": [
-        "content/scripts.js"
-      ]
-    }
-  ],
-  "author": "Your Name"
-}

package/dist/test-template-javascript/src/sidebar/SidebarApp.js

@@ -1,30 +0,0 @@
-import './styles.css'
-import iconUrl from '../images/icon.png'
-
-const javascriptLogo = iconUrl
-
-function SidebarApp() {
-  const root = document.getElementById('root')
-  if (!root) return
-
-  root.innerHTML = `
-    <div class="sidebar_app">
-      <img
-        class="sidebar_logo"
-        src="${javascriptLogo}"
-        alt="The JavaScript logo"
-      />
-      <h1 class="sidebar_title">Sidebar Panel</h1>
-      <p class="sidebar_description">
-        Learn more in the
-        <a
-          href="https://extension.js.org"
-          target="_blank" rel="noopener noreferrer"
-        >Extension.js docs</a>
-        .
-      </p>
-    </div>
-  `
-}
-
-SidebarApp()

package/dist/test-template-javascript/src/sidebar/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>JavaScript Sidebar</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this extension.</noscript>
-    <div id="root"></div>
-  </body>
-  <script src="./scripts.js"></script>
-</html> 

package/dist/test-template-javascript/src/sidebar/scripts.js

@@ -1,3 +0,0 @@
-console.log('[From the sidebar page context] Hello regular page!')
-import './SidebarApp.js'
-import './styles.css'

package/dist/test-template-javascript/src/sidebar/styles.css

@@ -1,60 +0,0 @@
-/* @import 'sakura.css'; */
-
-:root {
-  --sidebar-margin: 1rem;
-  --sidebar-bg: #0a0c10;
-  --sidebar-text: #c9c9c9;
-  --sidebar-link: #e5e7eb;
-  --sidebar-border: #c9c9c9;
-}
-
-body {
-  background-color: var(--sidebar-bg);
-  color: var(--sidebar-text);
-  height: 100vh;
-  margin: var(--sidebar-margin);
-  border-radius: 6px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.sidebar_app {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0 1rem;
-  text-align: center;
-  max-height: 100vh;
-  overflow-y: auto;
-}
-
-.sidebar_logo {
-  width: 72px;
-  margin: 0 auto 1rem;
-}
-
-.sidebar_title {
-  font-size: 1.85em;
-  line-height: 1.1;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
-    Arial, "Noto Sans", sans-serif;
-  font-weight: 700;
-  margin: 0;
-  text-align: center;
-}
-
-.sidebar_description {
-  font-size: small;
-  margin: 0.5rem 0 0;
-  text-align: center;
-}
-
-.sidebar_description a {
-  text-decoration: none;
-  border-bottom: 2px solid var(--sidebar-border);
-  color: var(--sidebar-link);
-  margin: 0;
-}