browser-extension-manager 1.0.13 → 1.1.0

package/dist/assets/css/components/options/index.scss

@@ -0,0 +1,5 @@
+// ============================================
+// Options Component Styles
+// ============================================
+
+// No styles defined - add your options-specific styles here

package/dist/assets/css/components/pages/index.scss

@@ -0,0 +1,5 @@
+// ============================================
+// Index Page Styles
+// ============================================
+
+// No styles defined - add your index page-specific styles here

package/dist/assets/css/components/popup/index.scss

@@ -0,0 +1,5 @@
+// ============================================
+// Popup Component Styles
+// ============================================
+
+// No styles defined - add your popup-specific styles here

package/dist/assets/css/core/_animations.scss

@@ -0,0 +1,64 @@
+// ============================================
+// Animations
+// ============================================
+// Common animations for browser extensions
+
+// Fade in animation
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  animation: fadeIn 0.3s ease-in-out;
+}
+
+// Slide down animation
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.slide-down {
+  animation: slideDown 0.3s ease-in-out;
+}
+
+// Slide up animation
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.slide-up {
+  animation: slideUp 0.3s ease-in-out;
+}
+
+// Pulse animation
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+.pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}

package/dist/assets/css/core/_initialize.scss

@@ -0,0 +1,23 @@
+// ============================================
+// Core Initialization
+// ============================================
+// Base styles and resets for browser extensions
+
+// Box sizing reset
+// *,
+// *::before,
+// *::after {
+//   box-sizing: border-box;
+// }
+
+// // Body reset
+// body {
+//   margin: 0;
+//   padding: 0;
+// }
+
+// // Images
+// img {
+//   max-width: 100%;
+//   height: auto;
+// }

package/dist/assets/css/core/_utilities.scss

@@ -0,0 +1,80 @@
+// Core Utility Styles
+// Common utility classes and helpers
+
+// ============================================
+// Display Utilities
+// ============================================
+
+// Properly hide things
+.hidden, [hidden] {
+  display: none !important;
+}
+
+.disabled,
+[disabled],
+:disabled,
+[data-page-loading] button.btn,
+[data-page-loading] .btn-action {
+  cursor: not-allowed !important;
+  pointer-events: all !important;
+
+  // Disable pointer events on all children inside disabled buttons and links
+  // This helps fix event bubbling issues for click listeners
+  * {
+    pointer-events: none !important;
+  }
+}
+
+[data-page-loading] button.btn,
+[data-page-loading] .btn-action {
+  opacity: var(--bs-btn-disabled-opacity);
+  color: var(--bs-btn-disabled-color);
+}
+
+// Prevent pointer events on all children inside buttons and links
+// This helps fix event bubbling issues for click listeners
+button *, a * {
+  pointer-events: none !important;
+}
+
+// ============================================
+// Filter Utilities
+// ============================================
+
+// Filter white
+.filter-white {
+  filter: brightness(0) invert(1);
+}
+
+// Filter black
+.filter-black {
+  filter: brightness(0);
+}
+
+// ============================================
+// Adaptive Theming
+// ============================================
+.filter-adaptive {
+  @extend .filter-black;
+}
+
+[data-bs-theme="dark"] .filter-adaptive {
+  @extend .filter-white;
+}
+
+// .filter-adaptive-inverse {
+//   @extend .filter-white;
+// }
+
+// [data-bs-theme="dark"] .filter-adaptive-inverse {
+//   @extend .filter-black;
+// }
+
+// ============================================
+// Opacity Utilities
+// ============================================
+@for $i from 0 through 10 {
+  .opacity-#{$i * 10} {
+    opacity: $i * 0.1 !important;
+  }
+}

package/dist/assets/themes/_template/_theme.js

@@ -0,0 +1,5 @@
+// Import the theme entry point
+import './js/__INDEX__.js';
+
+// Add any custom code here
+// ...

package/dist/assets/themes/_template/_theme.scss

@@ -0,0 +1,5 @@
+// Import the theme entry point
+@use './scss/__INDEX__.scss' as *;
+
+// Add any custom code here
+// ...

package/dist/assets/themes/bootstrap/_theme.js

@@ -0,0 +1,16 @@
+// Import the theme entry point
+import bootstrap from './js/index.umd.js';
+
+// Make Bootstrap available globally
+window.bootstrap = bootstrap;
+
+// Log that we've MADE IT
+/* @dev-only:start */
+{
+  console.log('Bootstrap theme loaded successfully (assets/themes/bootstrap/_theme.js)');
+}
+/* @dev-only:end */
+
+// Add any custom code here
+// ...
+

package/dist/assets/themes/bootstrap/_theme.scss

@@ -0,0 +1,232 @@
+// Import the theme entry point
+@use './scss/bootstrap.scss' as *;
+
+// Add any custom code here
+// ...
+
+// Adaptive button that uses light styles in light mode and dark styles in dark mode
+.btn-adaptive {
+  @extend .btn-dark;
+}
+
+[data-bs-theme="dark"] .btn-adaptive {
+  @extend .btn-light;
+}
+
+// Do the same for btn-outline-light, btn-outline-dark,
+.btn-outline-adaptive {
+  @extend .btn-outline-dark;
+}
+
+[data-bs-theme="dark"] .btn-outline-adaptive {
+  @extend .btn-outline-light;
+}
+
+// If nav-link is active, give it an underline
+.nav-link.active {
+  text-decoration: underline !important;
+}
+
+// Make a link-muted class that looks like text-muted
+.link-muted {
+  --bs-text-opacity: 1;
+  color: var(--bs-secondary-color) !important;
+  text-decoration: none;
+  transition: opacity 0.15s ease-in-out;
+
+  &:hover,
+  &:focus {
+    color: var(--bs-secondary-color) !important;
+    text-decoration: underline;
+    opacity: 0.75;
+  }
+}
+
+// Padding - Extend to p-8
+$spacer: 1rem;
+@for $i from 6 through 8 {
+  $size: if($i == 6, 4, if($i == 7, 4.5, 5));
+
+  .p-#{$i} { padding: $spacer * $size !important; }
+  .pt-#{$i} { padding-top: $spacer * $size !important; }
+  .pb-#{$i} { padding-bottom: $spacer * $size !important; }
+  .ps-#{$i} { padding-left: $spacer * $size !important; }
+  .pe-#{$i} { padding-right: $spacer * $size !important; }
+  .px-#{$i} {
+    padding-left: $spacer * $size !important;
+    padding-right: $spacer * $size !important;
+  }
+  .py-#{$i} {
+    padding-top: $spacer * $size !important;
+    padding-bottom: $spacer * $size !important;
+  }
+}
+
+// Avatar sizes map
+$avatar-sizes: (
+  null: 3rem,    // default
+  xs: 1.5rem,
+  sm: 2rem,
+  md: 2.5rem,
+  lg: 3.5rem,
+  xl: 5rem,
+  xxl: 7.5rem
+);
+
+// Avatar base styles
+.avatar {
+  display: inline-block;
+  height: map-get($avatar-sizes, null);
+  position: relative;
+  width: map-get($avatar-sizes, null);
+
+  img {
+    height: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+    width: 100%;
+  }
+}
+
+// Generate avatar size classes
+@each $size, $dimension in $avatar-sizes {
+  @if $size != null {
+    .avatar-#{$size} {
+      height: $dimension;
+      width: $dimension;
+    }
+  }
+}
+
+// Soft color utilities for all theme colors
+$theme-colors: (
+  "primary": var(--bs-primary),
+  "secondary": var(--bs-secondary),
+  "success": var(--bs-success),
+  "info": var(--bs-info),
+  "warning": var(--bs-warning),
+  "danger": var(--bs-danger),
+  "light": var(--bs-light),
+  "dark": var(--bs-dark)
+);
+
+@each $color-name, $color-value in $theme-colors {
+  // Soft background colors (10% opacity)
+  .bg-#{$color-name}-soft {
+    background-color: rgba(var(--bs-#{$color-name}-rgb), 0.5) !important;
+  }
+
+  // Soft text colors (more vibrant for readability)
+  .text-#{$color-name}-soft {
+    color: rgba(var(--bs-#{$color-name}-rgb), 0.8) !important;
+  }
+
+  // Soft border colors
+  .border-#{$color-name}-soft {
+    border-color: rgba(var(--bs-#{$color-name}-rgb), 0.2) !important;
+  }
+
+  // Soft buttons - background with hover states
+  .btn-#{$color-name}-soft {
+    color: var(--bs-#{$color-name});
+    background-color: rgba(var(--bs-#{$color-name}-rgb), 0.1);
+    border-color: rgba(var(--bs-#{$color-name}-rgb), 0.1);
+
+    &:hover {
+      color: var(--bs-#{$color-name});
+      background-color: rgba(var(--bs-#{$color-name}-rgb), 0.2);
+      border-color: rgba(var(--bs-#{$color-name}-rgb), 0.2);
+    }
+
+    &:focus,
+    &:active,
+    &.active {
+      color: var(--bs-#{$color-name});
+      background-color: rgba(var(--bs-#{$color-name}-rgb), 0.25);
+      border-color: rgba(var(--bs-#{$color-name}-rgb), 0.25);
+      box-shadow: 0 0 0 0.25rem rgba(var(--bs-#{$color-name}-rgb), 0.15);
+    }
+
+    &:disabled,
+    &.disabled {
+      color: rgba(var(--bs-#{$color-name}-rgb), 0.5);
+      background-color: rgba(var(--bs-#{$color-name}-rgb), 0.05);
+      border-color: rgba(var(--bs-#{$color-name}-rgb), 0.05);
+    }
+  }
+
+  // Soft outline buttons
+  .btn-outline-#{$color-name}-soft {
+    color: var(--bs-#{$color-name});
+    background-color: transparent;
+    border-color: rgba(var(--bs-#{$color-name}-rgb), 0.3);
+
+    &:hover {
+      color: var(--bs-#{$color-name});
+      background-color: rgba(var(--bs-#{$color-name}-rgb), 0.1);
+      border-color: rgba(var(--bs-#{$color-name}-rgb), 0.4);
+    }
+
+    &:focus,
+    &:active,
+    &.active {
+      color: var(--bs-#{$color-name});
+      background-color: rgba(var(--bs-#{$color-name}-rgb), 0.15);
+      border-color: rgba(var(--bs-#{$color-name}-rgb), 0.5);
+      box-shadow: 0 0 0 0.25rem rgba(var(--bs-#{$color-name}-rgb), 0.15);
+    }
+  }
+
+  // Soft badges
+  .badge-#{$color-name}-soft {
+    color: var(--bs-#{$color-name});
+    background-color: rgba(var(--bs-#{$color-name}-rgb), 0.1);
+  }
+
+  // Soft alerts
+  .alert-#{$color-name}-soft {
+    color: var(--bs-#{$color-name});
+    background-color: rgba(var(--bs-#{$color-name}-rgb), 0.1);
+    border-color: rgba(var(--bs-#{$color-name}-rgb), 0.2);
+
+    .alert-link {
+      color: var(--bs-#{$color-name});
+      text-decoration: underline;
+    }
+  }
+}
+
+/* Blog post card image height only - using Bootstrap's object-fit-cover class */
+.blog-post-card-image {
+  height: 240px;
+  width: 100%;
+}
+
+@media (max-width: 991.98px) {
+  .blog-post-card-image {
+    height: 240px;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .blog-post-card-image {
+    height: 200px;
+  }
+}
+
+/* Blog post image height only - using Bootstrap's object-fit-cover class */
+.blog-post-image {
+  max-height: 480px;
+  width: 100%;
+}
+
+@media (max-width: 991.98px) {
+  .blog-post-image {
+    max-height: 360px;
+  }
+}
+@media (max-width: 575.98px) {
+  .blog-post-image {
+    max-height: 240px;
+  }
+}

package/dist/assets/themes/bootstrap/js/index.esm.js

@@ -0,0 +1,19 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap index.esm.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+export { default as Alert } from './src/alert.js'
+export { default as Button } from './src/button.js'
+export { default as Carousel } from './src/carousel.js'
+export { default as Collapse } from './src/collapse.js'
+export { default as Dropdown } from './src/dropdown.js'
+export { default as Modal } from './src/modal.js'
+export { default as Offcanvas } from './src/offcanvas.js'
+export { default as Popover } from './src/popover.js'
+export { default as ScrollSpy } from './src/scrollspy.js'
+export { default as Tab } from './src/tab.js'
+export { default as Toast } from './src/toast.js'
+export { default as Tooltip } from './src/tooltip.js'

package/dist/assets/themes/bootstrap/js/index.umd.js

@@ -0,0 +1,34 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap index.umd.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+import Alert from './src/alert.js'
+import Button from './src/button.js'
+import Carousel from './src/carousel.js'
+import Collapse from './src/collapse.js'
+import Dropdown from './src/dropdown.js'
+import Modal from './src/modal.js'
+import Offcanvas from './src/offcanvas.js'
+import Popover from './src/popover.js'
+import ScrollSpy from './src/scrollspy.js'
+import Tab from './src/tab.js'
+import Toast from './src/toast.js'
+import Tooltip from './src/tooltip.js'
+
+export default {
+  Alert,
+  Button,
+  Carousel,
+  Collapse,
+  Dropdown,
+  Modal,
+  Offcanvas,
+  Popover,
+  ScrollSpy,
+  Tab,
+  Toast,
+  Tooltip
+}

package/dist/assets/themes/bootstrap/js/src/alert.js

@@ -0,0 +1,87 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap alert.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+import BaseComponent from './base-component.js'
+import EventHandler from './dom/event-handler.js'
+import { enableDismissTrigger } from './util/component-functions.js'
+import { defineJQueryPlugin } from './util/index.js'
+
+/**
+ * Constants
+ */
+
+const NAME = 'alert'
+const DATA_KEY = 'bs.alert'
+const EVENT_KEY = `.${DATA_KEY}`
+
+const EVENT_CLOSE = `close${EVENT_KEY}`
+const EVENT_CLOSED = `closed${EVENT_KEY}`
+const CLASS_NAME_FADE = 'fade'
+const CLASS_NAME_SHOW = 'show'
+
+/**
+ * Class definition
+ */
+
+class Alert extends BaseComponent {
+  // Getters
+  static get NAME() {
+    return NAME
+  }
+
+  // Public
+  close() {
+    const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE)
+
+    if (closeEvent.defaultPrevented) {
+      return
+    }
+
+    this._element.classList.remove(CLASS_NAME_SHOW)
+
+    const isAnimated = this._element.classList.contains(CLASS_NAME_FADE)
+    this._queueCallback(() => this._destroyElement(), this._element, isAnimated)
+  }
+
+  // Private
+  _destroyElement() {
+    this._element.remove()
+    EventHandler.trigger(this._element, EVENT_CLOSED)
+    this.dispose()
+  }
+
+  // Static
+  static jQueryInterface(config) {
+    return this.each(function () {
+      const data = Alert.getOrCreateInstance(this)
+
+      if (typeof config !== 'string') {
+        return
+      }
+
+      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
+        throw new TypeError(`No method named "${config}"`)
+      }
+
+      data[config](this)
+    })
+  }
+}
+
+/**
+ * Data API implementation
+ */
+
+enableDismissTrigger(Alert, 'close')
+
+/**
+ * jQuery
+ */
+
+defineJQueryPlugin(Alert)
+
+export default Alert

package/dist/assets/themes/bootstrap/js/src/base-component.js

@@ -0,0 +1,86 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap base-component.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+import Data from './dom/data.js'
+import EventHandler from './dom/event-handler.js'
+import Config from './util/config.js'
+import { executeAfterTransition, getElement } from './util/index.js'
+
+/**
+ * Constants
+ */
+
+const VERSION = '5.3.6'
+
+/**
+ * Class definition
+ */
+
+class BaseComponent extends Config {
+  constructor(element, config) {
+    super()
+
+    element = getElement(element)
+    if (!element) {
+      return
+    }
+
+    this._element = element
+    this._config = this._getConfig(config)
+
+    Data.set(this._element, this.constructor.DATA_KEY, this)
+  }
+
+  // Public
+  dispose() {
+    Data.remove(this._element, this.constructor.DATA_KEY)
+    EventHandler.off(this._element, this.constructor.EVENT_KEY)
+
+    for (const propertyName of Object.getOwnPropertyNames(this)) {
+      this[propertyName] = null
+    }
+  }
+
+  // Private
+  _queueCallback(callback, element, isAnimated = true) {
+    executeAfterTransition(callback, element, isAnimated)
+  }
+
+  _getConfig(config) {
+    config = this._mergeConfigObj(config, this._element)
+    config = this._configAfterMerge(config)
+    this._typeCheckConfig(config)
+    return config
+  }
+
+  // Static
+  static getInstance(element) {
+    return Data.get(getElement(element), this.DATA_KEY)
+  }
+
+  static getOrCreateInstance(element, config = {}) {
+    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)
+  }
+
+  static get VERSION() {
+    return VERSION
+  }
+
+  static get DATA_KEY() {
+    return `bs.${this.NAME}`
+  }
+
+  static get EVENT_KEY() {
+    return `.${this.DATA_KEY}`
+  }
+
+  static eventName(name) {
+    return `${name}${this.EVENT_KEY}`
+  }
+}
+
+export default BaseComponent