chore: reorganize folder structure

Author: emrocode

src/darkify.test.ts src/core/darkify.test.tssrc/darkify.test.ts renamed to src/core/darkify.test.ts

@@ -1,4 +1,4 @@
-import { Darkify } from '@/darkify';
+import { Darkify } from '@/core/darkify';
 import { jest } from '@jest/globals';
 
 describe('Darkify', () => {

src/darkify.ts src/core/darkify.tssrc/darkify.ts renamed to src/core/darkify.ts

@@ -1,6 +1,6 @@
-import { EventListenerManager } from '@/eventListenerManager';
-import { defaultOptions } from '@/defaultOptions';
-import { isBrowser } from '@/isBrowser';
+import { EventListenerManager } from '@/core/eventListenerManager';
+import { defaultOptions } from '@/core/defaultOptions';
+import { isBrowser } from '@/utils';
 import type { DarkifyPlugin, Options } from '@/types';
 
 export class Darkify {
@@ -12,27 +12,43 @@ export class Darkify {
   private _meta!: HTMLMetaElement;
   private _style!: HTMLStyleElement;
 
+  /**
+   * Creates a new Darkify instance with default options
+   * @param element - Button ID (recommended) or HTML element selector
+   */
+  constructor(element: string);
+
+  /**
+   * Creates a new Darkify instance with custom options only
+   * @param options - Options
+   */
+  constructor(options: Partial<Options>);
+
   /**
    * Creates a new Darkify instance for managing dark/light theme
    * @param element - Button ID (recommended) or HTML element selector
-   * @param options - Configuration options for customizing behavior
+   * @param options - Options
    * @see {@link https://github.com/emrocode/darkify-js/wiki|Documentation}
    */
-  constructor(element: string, options: Partial<Options>) {
+  constructor(element: string, options: Partial<Options>);
+
+  constructor(element?: string | Partial<Options>, options?: Partial<Options>) {
     if (!isBrowser) return;
 
     this._elm = new EventListenerManager();
 
-    // merge defaults with user options
-    const opts = { ...defaultOptions, ...options } as Options;
+    const el = typeof element === 'string' ? element : undefined;
+    const inputOpts =
+      element && typeof element === 'object' ? (element as Partial<Options>) : options;
+    const opts: Options = { ...defaultOptions, ...inputOpts };
 
     this.options = opts;
     this.theme = this.getOsPreference();
     this._style = document.createElement('style');
     this._meta = document.createElement('meta');
 
-    this.init(element);
     this.createAttribute();
+    this.init(el);
     this.syncThemeBetweenTabs();
   }
 
@@ -46,18 +62,22 @@ export class Darkify {
       }
     );
 
-    this.initPlugins();
-
-    const hasWidget = this.plugins.some(p => p.el !== undefined);
-
-    if (element && !hasWidget) {
-      this._elm.addListener(document, 'DOMContentLoaded', () => {
+    const setup = () => {
+      this.initPlugins();
+      const hasWidget = this.plugins.some(p => p.el !== undefined);
+      if (element && !hasWidget) {
         const htmlElement = document.querySelector<HTMLElement>(element);
         if (htmlElement) {
           this._elm.addListener(htmlElement, 'click', () => this.toggleTheme());
         }
-      });
+      }
+    };
+
+    if (document.readyState !== 'loading') {
+      return setup();
     }
+
+    this._elm.addListener(document, 'DOMContentLoaded', setup);
   }
 
   private initPlugins(): void {
@@ -66,7 +86,7 @@ export class Darkify {
       const plugin = new Plugin(this, pluginOptions);
 
       const renderedNode = plugin.render();
-      if (renderedNode instanceof HTMLElement || renderedNode instanceof ShadowRoot) {
+      if (renderedNode) {
         plugin.el = renderedNode;
       }
 
@@ -189,10 +209,6 @@ export class Darkify {
     // destroy plugins
     if (this.plugins.length > 0) {
       this.plugins.forEach(plugin => {
-        if (plugin.el) {
-          (plugin.el instanceof ShadowRoot ? plugin.el.host : plugin.el).remove();
-        }
-
         plugin.onDestroy?.();
       });
 

src/defaultOptions.ts src/core/defaultOptions.tssrc/defaultOptions.ts renamed to src/core/defaultOptions.ts

@@ -1,2 +1,2 @@
 export type { DarkifyPlugin, Options } from '@/types';
-export { Darkify as default } from '@/darkify';
+export { Darkify as default } from '@/core/darkify';

src/eventListenerManager.ts src/core/eventListenerManager.tssrc/eventListenerManager.ts renamed to src/core/eventListenerManager.ts

@@ -1,5 +1,2 @@
-export { ThemeWidget } from './themeWidget';
-export type { ThemeWidgetOptions } from './themeWidget';
-
-export { KeyboardShortcut } from './keyboardShortcut';
-export type { KeyboardShortcutOptions } from './keyboardShortcut';
+export { ThemeWidget } from './widget';
+export { KeyboardShortcut } from './keyboard';