@alwatr/synapse 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,38 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.0 (2025-08-24)
+
+### ✨ Features
+
+* add @alwatr/synapse package ([212ce48](https://github.com/Alwatr/nanolib/commit/212ce485cca32369e4185d5230bc328d1f3a5517))
+* add directive decorator for registering class directives ([19c840e](https://github.com/Alwatr/nanolib/commit/19c840e2aa4677d09c615efc7496bab4c0855f39))
+* export directiveClass from main.ts for improved module accessibility ([4c59be0](https://github.com/Alwatr/nanolib/commit/4c59be096ac106137d12f6bc69f82d95ddfe02fa))
+* implement bootstrapDirectives function to initialize registered directives ([edd5bef](https://github.com/Alwatr/nanolib/commit/edd5bef039a9a85baa7e9b116e7268ee6748eeb4))
+* initialize logger and directive registry in synapse ([08f961c](https://github.com/Alwatr/nanolib/commit/08f961c81ca1b303bcad9f227f379b70dfd92090))
+* **synapse:** add DirectiveBase class for creating custom directives ([275e71f](https://github.com/Alwatr/nanolib/commit/275e71f87d2aeeccb906194109053306aa1011d1))
+* **synapse:** implement directive decorator for class registration ([eca8781](https://github.com/Alwatr/nanolib/commit/eca8781550432a486446b1f7557bfdcc1a8fc178))
+
+### 🐛 Bug Fixes
+
+* pass selector to constructor when instantiating directives in bootstrapDirectives ([17d4d5c](https://github.com/Alwatr/nanolib/commit/17d4d5c903abdcaaaefeef057874e75fd4342a93))
+
+### 🔨 Code Refactoring
+
+* improve documentation and clarity in DirectiveBase class methods ([1fafc74](https://github.com/Alwatr/nanolib/commit/1fafc7413f22527b7937b7f8a42167929fae645a))
+* remove @types/node dependency from package.json ([c76b453](https://github.com/Alwatr/nanolib/commit/c76b4537e24751b7ad168df7c891df1e45297e7f))
+* remove obsolete CHANGELOG.md file ([50c2d63](https://github.com/Alwatr/nanolib/commit/50c2d63ecd7d39b40a297c88a5750b90cc2face5))
+* remove unnecessary types and library definitions from tsconfig ([e86d867](https://github.com/Alwatr/nanolib/commit/e86d8674ee0f86a81cd911a6ccc04f3707885f1e))
+* remove unused logger and directive registry code ([5df484c](https://github.com/Alwatr/nanolib/commit/5df484c1e3ab6b58457e8ca4799569f7f16b24fb))
+* rename logger variable for consistency in DirectiveBase class ([46d1e56](https://github.com/Alwatr/nanolib/commit/46d1e560f1f8bb402c327f75f6ff3b19a60d0d6e))
+* simplify logging method calls in DirectiveBase class ([1ec2212](https://github.com/Alwatr/nanolib/commit/1ec221229e632ba5618eeffc4e9bbcea31a737ee))
+* streamline constructor initialization and remove unused connection methods in DirectiveBase class ([814b670](https://github.com/Alwatr/nanolib/commit/814b670db633c90c737a237c244b14e677f312e4))
+* update DirectiveConstructor type to include selector parameter ([a1be15a](https://github.com/Alwatr/nanolib/commit/a1be15adfeeee30309d6574ffe0618d67776b5d7))
+* update package description and keywords in package.json ([6d7fa25](https://github.com/Alwatr/nanolib/commit/6d7fa2503765f13d90dc77b5cef4a3308e1fc9fd))
+
+### 🧹 Miscellaneous Chores
+
+* remove demo HTML and TypeScript files for cleanup ([a39bc54](https://github.com/Alwatr/nanolib/commit/a39bc549537b3df4bd4d724bc396c5a42b259a9a))
+* update version to 1.0.0-rc in package.json ([f25b384](https://github.com/Alwatr/nanolib/commit/f25b384e13bf200079764bd82ead2349cd7b19ec))

package/LICENSE

@@ -0,0 +1,373 @@
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.

package/README.md

@@ -0,0 +1,157 @@
+# @alwatr/synapse
+
+**Connect your TypeScript classes to the DOM, declaratively.**
+
+@alwatr/synapse is a lightweight, zero-dependency library that brings the power of directives to vanilla TypeScript. It provides a clean, organized way to attach custom behaviors to DOM elements using CSS selectors, bridging the gap between your logic and your UI without the need for a heavy framework.
+
+## Why Synapse?
+
+In modern web development, we often need to add dynamic behavior to elements: a custom tooltip, a special click handler, an element that loads data, etc. While frameworks handle this, vanilla projects can quickly become cluttered with `document.querySelector` calls and manual event listener management.
+
+Synapse solves this by letting you encapsulate behavior in dedicated classes and declaratively link them to your HTML.
+
+- **Clean & Organized:** Keep your UI logic in self-contained, reusable classes.
+- **Declarative:** Simply add a class or attribute to your HTML to activate a behavior.
+- **Lightweight:** Adds minimal overhead to your project. No virtual DOM, no complex lifecycle.
+- **Idempotent:** Perfect for single-page applications (SPAs) where content is loaded dynamically. You can re-run the bootstrap process on new content without affecting existing elements.
+
+## Features
+
+- **Declarative:** Use CSS selectors to bind behavior to DOM elements.
+- **Lightweight:** Tiny footprint with zero dependencies.
+- **Idempotent:** Safely re-bootstrap on new content without affecting existing elements.
+- **Vanilla TypeScript:** No framework required.
+
+## Installation
+
+```bash
+# npm
+npm i @alwatr/synapse
+
+# yarn
+yarn add @alwatr/synapse
+
+# pnpm
+pnpm i @alwatr/synapse
+```
+
+## How It Works
+
+Synapse is built around three core concepts:
+
+1. **`@directive(selector)`**: A class decorator that registers your class. You tell Synapse, "any element matching this `selector` should be managed by this class."
+2. **`DirectiveBase`**: An abstract class that your directives should extend. It provides the connected `element`, a dedicated `logger`, and an `update_` method to encapsulate your logic.
+3. **`bootstrapDirectives(root?)`**: A function that scans the DOM for elements matching registered selectors and creates an instance of the corresponding class for each one.
+
+## Usage
+
+Let's create a simple "click-to-copy" directive.
+
+### 1. Create a Directive
+
+A directive is a class that extends `DirectiveBase` to encapsulate its logic. All initialization logic should be placed in the `update_` method.
+
+```typescript
+// src/copy-button.ts
+import {directive, DirectiveBase} from '@alwatr/synapse';
+
+@directive('[data-copy-button]')
+export class CopyButtonDirective extends DirectiveBase {
+  private originalText!: string;
+
+  protected update_(): void {
+    this.originalText = this.element_.textContent ?? 'Copy';
+    this.element_.addEventListener('click', () => this.handleClick());
+  }
+
+  private async handleClick(): Promise<void> {
+    const textToCopy = this.element_.dataset.copyText ?? 'No text to copy!';
+
+    try {
+      await navigator.clipboard.writeText(textToCopy);
+      this.element_.textContent = 'Copied!';
+      this.logger_.logMethod?.('handleClick', 'copied');
+    } catch (err) {
+      this.logger_.error('handleClick', 'Failed to copy', err);
+      this.element_.textContent = 'Failed!';
+    }
+
+    setTimeout(() => {
+      this.element_.textContent = this.originalText;
+    }, 2000);
+  }
+}
+```
+
+### 2. Bootstrap Your Application
+
+In your main entry point, import your directives and call `bootstrapDirectives` once the DOM is ready.
+
+```typescript
+// src/main.ts
+import {bootstrapDirectives} from '@alwatr/synapse';
+import './copy-button.js'; // Import the directive to register it
+
+document.addEventListener('DOMContentLoaded', () => {
+  bootstrapDirectives();
+});
+```
+
+### 3. Use it in HTML
+
+Now, you can use the directive declaratively in your HTML.
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Synapse Demo</title>
+  <script type="module" src="dist/main.js"></script>
+</head>
+<body>
+  <!-- This button will now have the copy-on-click behavior -->
+  <button data-copy-button data-copy-text="Hello, Synapse!">Copy Text</button>
+</body>
+</html>
+```
+
+## API Reference
+
+### `@directive(selector: string)`
+
+A class decorator that registers your class as a directive for elements matching the given CSS `selector`.
+
+- **`selector`**: A valid CSS selector string.
+
+The decorated class **must** extend `DirectiveBase`. Synapse will instantiate it for each matching element.
+
+### `DirectiveBase`
+
+An abstract class that your directive classes must extend. It provides the following protected properties and methods:
+
+- **`constructor(element: HTMLElement, selector: string)`**: The base constructor automatically called by Synapse. It initializes the `element_`, `selector_`, and `logger_` properties and then calls `update_()`. You should not need to override it.
+- **`element_: HTMLElement`** (readonly): The DOM element the directive is attached to.
+- **`selector_: string`** (readonly): The CSS selector that matched the element.
+- **`logger_`** (readonly): A dedicated logger instance pre-configured for the directive (`directive:selector`).
+- **`update_(): void`**: An abstract method that you **must** implement. This is where you should put your directive's initialization logic (e.g., adding event listeners). It's called automatically by the constructor.
+- **`dispatch_(eventName: string, detail?: unknown): void`**: A helper method to dispatch a `CustomEvent` from the `element_`.
+
+### `bootstrapDirectives(rootElement: Element | Document = document.body)`
+
+Scans a DOM tree for elements that match registered directive selectors and instantiates their corresponding directive classes.
+
+- **`rootElement`** (optional): The root element to scan. Defaults to `document.body`.
+
+This function is idempotent. It marks processed elements with a `_synapseConnected` attribute to ensure that it never initializes a directive on the same element twice. This is particularly useful for SPAs.
+
+#### Example: Dynamic Content
+
+```typescript
+// Imagine new content is added to the page
+const newContent = document.createElement('div');
+newContent.innerHTML = '<button data-copy-button data-copy-text="New Content">Copy New</button>';
+document.body.appendChild(newContent);
+
+// You can safely bootstrap again, and it will only process the new button
+bootstrapDirectives(newContent);
+```

package/dist/bootstrap.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Initializes all registered directives within a given root element.
+ * If no root element is provided, it scans the entire body.
+ *
+ * This function is idempotent; it will not re-initialize a directive on an element
+ * that has already been processed.
+ *
+ * @param rootElement The element to scan for directives. Defaults to `document.body`.
+ *
+ * @example
+ * ```ts
+ * // Initialize directives on the whole page after the DOM is loaded.
+ * document.addEventListener('DOMContentLoaded', () => bootstrapDirectives());
+ *
+ * // Or, initialize directives on a dynamically added part of the page.
+ * const newContent = document.createElement('div');
+ * newContent.innerHTML = '<div class="my-button">Click Me</div>';
+ * document.body.appendChild(newContent);
+ *
+ * bootstrapDirectives(newContent);
+ * ```
+ */
+export declare function bootstrapDirectives(rootElement?: Element | Document): void;
+//# sourceMappingURL=bootstrap.d.ts.map

package/dist/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,GAAE,OAAO,GAAG,QAAwB,GAAG,IAAI,CAqBzF"}

package/dist/directiveClass.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Base class for creating directives that attach behavior to DOM elements.
+ * Extend this class to define custom directives.
+ */
+export declare abstract class DirectiveBase {
+    /**
+     * The CSS selector for the directive.
+     */
+    protected readonly selector_: string;
+    /**
+     * Logger instance for the directive.
+     */
+    protected readonly logger_: import("@alwatr/logger").AlwatrLogger;
+    /**
+     * The target DOM element this directive is attached to.
+     */
+    protected readonly element_: HTMLElement;
+    /**
+     * Constructor to initialize the directive with the target element.
+     * @param element - The DOM element this directive is attached to.
+     * @param selector - The CSS selector for the directive.
+     */
+    constructor(element: HTMLElement, selector: string);
+    /**
+     * Called to update the directive's state or behavior.
+     * Must be implemented by subclasses.
+     */
+    protected abstract update_(): void;
+    /**
+     * Dispatches a custom event from the target element.
+     * @param eventName - The name of the event.
+     * @param detail - Optional data to include in the event.
+     */
+    protected dispatch_(eventName: string, detail?: unknown): void;
+}
+//# sourceMappingURL=directiveClass.d.ts.map

package/dist/directiveClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directiveClass.d.ts","sourceRoot":"","sources":["../src/directiveClass.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,8BAAsB,aAAa;IACjC;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,SAAS,SAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,OAAO,wCAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAEzC;;;;OAIG;gBACS,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM;IAUlD;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI;IAElC;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;CAI/D"}

package/dist/directiveDecorator.d.ts

@@ -0,0 +1,23 @@
+import type { DirectiveBase } from './directiveClass.js';
+/**
+ * Type definition for a directive constructor.
+ * A directive class must have a constructor that accepts an HTMLElement.
+ */
+export type DirectiveConstructor<T extends DirectiveBase = DirectiveBase> = new (element: HTMLElement, selector: string) => T;
+/**
+ * A class decorator that registers a class as a directive.
+ *
+ * @param selector The CSS selector to which this directive will be attached.
+ *
+ * @example
+ * ```ts
+ * @directive('.my-button')
+ * class MyButtonDirective extends DirectiveBase {
+ *   protected update_(): void {
+ *     this.element_.addEventListener('click', () => console.log('Button clicked!'));
+ *   }
+ * }
+ * ```
+ */
+export declare function directive(selector: string): (constructor: DirectiveConstructor) => void;
+//# sourceMappingURL=directiveDecorator.d.ts.map

package/dist/directiveDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directiveDecorator.d.ts","sourceRoot":"","sources":["../src/directiveDecorator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI,KAAK,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC,CAAC;AAE9H;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAOvB,aAAa,oBAAoB,KAAG,IAAI,CAG1D"}

package/dist/lib.d.ts

@@ -0,0 +1,13 @@
+import type { DirectiveConstructor } from './directiveDecorator.js';
+/**
+ * Alwatr Synapse Logger.
+ */
+export declare const logger: import("@alwatr/logger").AlwatrLogger;
+/**
+ * The registry for all directives.
+ */
+export declare const directiveRegistry_: {
+    selector: string;
+    constructor: DirectiveConstructor;
+}[];
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,MAAM,uCAAiC,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,oBAAoB,CAAA;CAAC,EAAO,CAAC"}

package/dist/main.cjs

@@ -0,0 +1,94 @@
+/* @alwatr/synapse v1.0.0 */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/main.ts
+var main_exports = {};
+__export(main_exports, {
+  DirectiveBase: () => DirectiveBase,
+  bootstrapDirectives: () => bootstrapDirectives,
+  directive: () => directive
+});
+module.exports = __toCommonJS(main_exports);
+
+// src/lib.ts
+var import_logger = require("@alwatr/logger");
+var logger = (0, import_logger.createLogger)("alwatr/synapse");
+var directiveRegistry_ = [];
+
+// src/bootstrap.ts
+var initializedAttribute = "_synapseConnected";
+function bootstrapDirectives(rootElement = document.body) {
+  logger.logMethod?.("bootstrapDirectives");
+  for (const { selector, constructor } of directiveRegistry_) {
+    try {
+      const uninitializedSelector = `${selector}:not([${initializedAttribute}])`;
+      const elements = rootElement.querySelectorAll(uninitializedSelector);
+      if (elements.length === 0) continue;
+      logger.logOther?.(`Found ${elements.length} new element(s) for directive "${selector}"`);
+      elements.forEach((element) => {
+        element.setAttribute(initializedAttribute, "true");
+        new constructor(element, selector);
+      });
+    } catch (err) {
+      logger.error("bootstrapDirectives", "directive_instantiation_error", err, { selector });
+    }
+  }
+}
+
+// src/directiveDecorator.ts
+function directive(selector) {
+  logger.logMethodArgs?.("@directive", selector);
+  return function(constructor) {
+    directiveRegistry_.push({ selector, constructor });
+  };
+}
+
+// src/directiveClass.ts
+var import_logger2 = require("@alwatr/logger");
+var DirectiveBase = class {
+  /**
+   * Constructor to initialize the directive with the target element.
+   * @param element - The DOM element this directive is attached to.
+   * @param selector - The CSS selector for the directive.
+   */
+  constructor(element, selector) {
+    this.logger_ = (0, import_logger2.createLogger)(`directive:${selector}`);
+    this.logger_.logMethodArgs?.("new", { selector, element });
+    this.selector_ = selector;
+    this.element_ = element;
+    this.update_();
+  }
+  /**
+   * Dispatches a custom event from the target element.
+   * @param eventName - The name of the event.
+   * @param detail - Optional data to include in the event.
+   */
+  dispatch_(eventName, detail) {
+    this.logger_.logMethodArgs?.("dispatch_", { eventName, detail });
+    this.element_.dispatchEvent(new CustomEvent(eventName, { detail, bubbles: true }));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DirectiveBase,
+  bootstrapDirectives,
+  directive
+});
+//# sourceMappingURL=main.cjs.map

package/dist/main.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/main.ts", "../src/lib.ts", "../src/bootstrap.ts", "../src/directiveDecorator.ts", "../src/directiveClass.ts"],
+  "sourcesContent": ["export * from './bootstrap.js';\nexport * from './directiveDecorator.js';\nexport * from './directiveClass.js';", "import {createLogger} from '@alwatr/logger';\n\nimport type {DirectiveConstructor} from './directiveDecorator.js';\n\n/**\n * Alwatr Synapse Logger.\n */\nexport const logger = createLogger('alwatr/synapse');\n\n/**\n * The registry for all directives.\n */\nexport const directiveRegistry_: {selector: string; constructor: DirectiveConstructor}[] = [];\n", "import {directiveRegistry_, logger} from './lib.js';\n\nconst initializedAttribute = '_synapseConnected';\n\n/**\n * Initializes all registered directives within a given root element.\n * If no root element is provided, it scans the entire body.\n *\n * This function is idempotent; it will not re-initialize a directive on an element\n * that has already been processed.\n *\n * @param rootElement The element to scan for directives. Defaults to `document.body`.\n *\n * @example\n * ```ts\n * // Initialize directives on the whole page after the DOM is loaded.\n * document.addEventListener('DOMContentLoaded', () => bootstrapDirectives());\n *\n * // Or, initialize directives on a dynamically added part of the page.\n * const newContent = document.createElement('div');\n * newContent.innerHTML = '<div class=\"my-button\">Click Me</div>';\n * document.body.appendChild(newContent);\n *\n * bootstrapDirectives(newContent);\n * ```\n */\nexport function bootstrapDirectives(rootElement: Element | Document = document.body): void {\n  logger.logMethod?.('bootstrapDirectives');\n\n  for (const {selector, constructor} of directiveRegistry_) {\n    try {\n      const uninitializedSelector = `${selector}:not([${initializedAttribute}])`;\n      const elements = rootElement.querySelectorAll<HTMLElement>(uninitializedSelector);\n      if (elements.length === 0) continue;\n\n      logger.logOther?.(`Found ${elements.length} new element(s) for directive \"${selector}\"`);\n      elements.forEach(element => {\n        // Mark the element as processed before creating an instance\n        element.setAttribute(initializedAttribute, 'true');\n        // Instantiate the directive with the element.\n        new constructor(element, selector);\n      });\n    }\n    catch (err) {\n      logger.error('bootstrapDirectives', 'directive_instantiation_error', err, {selector});\n    }\n  }\n}\n", "import {directiveRegistry_, logger} from './lib.js';\n\nimport type {DirectiveBase} from './directiveClass.js';\n\n/**\n * Type definition for a directive constructor.\n * A directive class must have a constructor that accepts an HTMLElement.\n */\nexport type DirectiveConstructor<T extends DirectiveBase = DirectiveBase> = new (element: HTMLElement, selector: string) => T;\n\n/**\n * A class decorator that registers a class as a directive.\n *\n * @param selector The CSS selector to which this directive will be attached.\n *\n * @example\n * ```ts\n * @directive('.my-button')\n * class MyButtonDirective extends DirectiveBase {\n *   protected update_(): void {\n *     this.element_.addEventListener('click', () => console.log('Button clicked!'));\n *   }\n * }\n * ```\n */\nexport function directive(selector: string) {\n  logger.logMethodArgs?.('@directive', selector);\n\n  /**\n   * The decorator function that receives the class constructor.\n   * @param constructor The class to be registered as a directive.\n   */\n  return function (constructor: DirectiveConstructor): void {\n    directiveRegistry_.push({selector, constructor});\n  };\n}\n", "import {createLogger} from '@alwatr/logger';\n\n/**\n * Base class for creating directives that attach behavior to DOM elements.\n * Extend this class to define custom directives.\n */\nexport abstract class DirectiveBase {\n  /**\n   * The CSS selector for the directive.\n   */\n  protected readonly selector_;\n\n  /**\n   * Logger instance for the directive.\n   */\n  protected readonly logger_;\n\n  /**\n   * The target DOM element this directive is attached to.\n   */\n  protected readonly element_: HTMLElement;\n\n  /**\n   * Constructor to initialize the directive with the target element.\n   * @param element - The DOM element this directive is attached to.\n   * @param selector - The CSS selector for the directive.\n   */\n  constructor(element: HTMLElement, selector: string) {\n    this.logger_ = createLogger(`directive:${selector}`);\n    this.logger_.logMethodArgs?.('new', {selector, element});\n\n    this.selector_ = selector;\n    this.element_ = element;\n\n    this.update_();\n  }\n\n  /**\n   * Called to update the directive's state or behavior.\n   * Must be implemented by subclasses.\n   */\n  protected abstract update_(): void;\n\n  /**\n   * Dispatches a custom event from the target element.\n   * @param eventName - The name of the event.\n   * @param detail - Optional data to include in the event.\n   */\n  protected dispatch_(eventName: string, detail?: unknown): void {\n    this.logger_.logMethodArgs?.('dispatch_', {eventName, detail});\n    this.element_.dispatchEvent(new CustomEvent(eventName, {detail, bubbles: true}));\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA2B;AAOpB,IAAM,aAAS,4BAAa,gBAAgB;AAK5C,IAAM,qBAA8E,CAAC;;;ACV5F,IAAM,uBAAuB;AAwBtB,SAAS,oBAAoB,cAAkC,SAAS,MAAY;AACzF,SAAO,YAAY,qBAAqB;AAExC,aAAW,EAAC,UAAU,YAAW,KAAK,oBAAoB;AACxD,QAAI;AACF,YAAM,wBAAwB,GAAG,QAAQ,SAAS,oBAAoB;AACtE,YAAM,WAAW,YAAY,iBAA8B,qBAAqB;AAChF,UAAI,SAAS,WAAW,EAAG;AAE3B,aAAO,WAAW,SAAS,SAAS,MAAM,kCAAkC,QAAQ,GAAG;AACvF,eAAS,QAAQ,aAAW;AAE1B,gBAAQ,aAAa,sBAAsB,MAAM;AAEjD,YAAI,YAAY,SAAS,QAAQ;AAAA,MACnC,CAAC;AAAA,IACH,SACO,KAAK;AACV,aAAO,MAAM,uBAAuB,iCAAiC,KAAK,EAAC,SAAQ,CAAC;AAAA,IACtF;AAAA,EACF;AACF;;;ACtBO,SAAS,UAAU,UAAkB;AAC1C,SAAO,gBAAgB,cAAc,QAAQ;AAM7C,SAAO,SAAU,aAAyC;AACxD,uBAAmB,KAAK,EAAC,UAAU,YAAW,CAAC;AAAA,EACjD;AACF;;;ACnCA,IAAAA,iBAA2B;AAMpB,IAAe,gBAAf,MAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBlC,YAAY,SAAsB,UAAkB;AAClD,SAAK,cAAU,6BAAa,aAAa,QAAQ,EAAE;AACnD,SAAK,QAAQ,gBAAgB,OAAO,EAAC,UAAU,QAAO,CAAC;AAEvD,SAAK,YAAY;AACjB,SAAK,WAAW;AAEhB,SAAK,QAAQ;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaU,UAAU,WAAmB,QAAwB;AAC7D,SAAK,QAAQ,gBAAgB,aAAa,EAAC,WAAW,OAAM,CAAC;AAC7D,SAAK,SAAS,cAAc,IAAI,YAAY,WAAW,EAAC,QAAQ,SAAS,KAAI,CAAC,CAAC;AAAA,EACjF;AACF;",
+  "names": ["import_logger"]
+}

package/dist/main.d.ts

@@ -0,0 +1,4 @@
+export * from './bootstrap.js';
+export * from './directiveDecorator.js';
+export * from './directiveClass.js';
+//# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC"}

package/dist/main.mjs

@@ -0,0 +1,66 @@
+/* @alwatr/synapse v1.0.0 */
+
+// src/lib.ts
+import { createLogger } from "@alwatr/logger";
+var logger = createLogger("alwatr/synapse");
+var directiveRegistry_ = [];
+
+// src/bootstrap.ts
+var initializedAttribute = "_synapseConnected";
+function bootstrapDirectives(rootElement = document.body) {
+  logger.logMethod?.("bootstrapDirectives");
+  for (const { selector, constructor } of directiveRegistry_) {
+    try {
+      const uninitializedSelector = `${selector}:not([${initializedAttribute}])`;
+      const elements = rootElement.querySelectorAll(uninitializedSelector);
+      if (elements.length === 0) continue;
+      logger.logOther?.(`Found ${elements.length} new element(s) for directive "${selector}"`);
+      elements.forEach((element) => {
+        element.setAttribute(initializedAttribute, "true");
+        new constructor(element, selector);
+      });
+    } catch (err) {
+      logger.error("bootstrapDirectives", "directive_instantiation_error", err, { selector });
+    }
+  }
+}
+
+// src/directiveDecorator.ts
+function directive(selector) {
+  logger.logMethodArgs?.("@directive", selector);
+  return function(constructor) {
+    directiveRegistry_.push({ selector, constructor });
+  };
+}
+
+// src/directiveClass.ts
+import { createLogger as createLogger2 } from "@alwatr/logger";
+var DirectiveBase = class {
+  /**
+   * Constructor to initialize the directive with the target element.
+   * @param element - The DOM element this directive is attached to.
+   * @param selector - The CSS selector for the directive.
+   */
+  constructor(element, selector) {
+    this.logger_ = createLogger2(`directive:${selector}`);
+    this.logger_.logMethodArgs?.("new", { selector, element });
+    this.selector_ = selector;
+    this.element_ = element;
+    this.update_();
+  }
+  /**
+   * Dispatches a custom event from the target element.
+   * @param eventName - The name of the event.
+   * @param detail - Optional data to include in the event.
+   */
+  dispatch_(eventName, detail) {
+    this.logger_.logMethodArgs?.("dispatch_", { eventName, detail });
+    this.element_.dispatchEvent(new CustomEvent(eventName, { detail, bubbles: true }));
+  }
+};
+export {
+  DirectiveBase,
+  bootstrapDirectives,
+  directive
+};
+//# sourceMappingURL=main.mjs.map

package/dist/main.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/lib.ts", "../src/bootstrap.ts", "../src/directiveDecorator.ts", "../src/directiveClass.ts"],
+  "sourcesContent": ["import {createLogger} from '@alwatr/logger';\n\nimport type {DirectiveConstructor} from './directiveDecorator.js';\n\n/**\n * Alwatr Synapse Logger.\n */\nexport const logger = createLogger('alwatr/synapse');\n\n/**\n * The registry for all directives.\n */\nexport const directiveRegistry_: {selector: string; constructor: DirectiveConstructor}[] = [];\n", "import {directiveRegistry_, logger} from './lib.js';\n\nconst initializedAttribute = '_synapseConnected';\n\n/**\n * Initializes all registered directives within a given root element.\n * If no root element is provided, it scans the entire body.\n *\n * This function is idempotent; it will not re-initialize a directive on an element\n * that has already been processed.\n *\n * @param rootElement The element to scan for directives. Defaults to `document.body`.\n *\n * @example\n * ```ts\n * // Initialize directives on the whole page after the DOM is loaded.\n * document.addEventListener('DOMContentLoaded', () => bootstrapDirectives());\n *\n * // Or, initialize directives on a dynamically added part of the page.\n * const newContent = document.createElement('div');\n * newContent.innerHTML = '<div class=\"my-button\">Click Me</div>';\n * document.body.appendChild(newContent);\n *\n * bootstrapDirectives(newContent);\n * ```\n */\nexport function bootstrapDirectives(rootElement: Element | Document = document.body): void {\n  logger.logMethod?.('bootstrapDirectives');\n\n  for (const {selector, constructor} of directiveRegistry_) {\n    try {\n      const uninitializedSelector = `${selector}:not([${initializedAttribute}])`;\n      const elements = rootElement.querySelectorAll<HTMLElement>(uninitializedSelector);\n      if (elements.length === 0) continue;\n\n      logger.logOther?.(`Found ${elements.length} new element(s) for directive \"${selector}\"`);\n      elements.forEach(element => {\n        // Mark the element as processed before creating an instance\n        element.setAttribute(initializedAttribute, 'true');\n        // Instantiate the directive with the element.\n        new constructor(element, selector);\n      });\n    }\n    catch (err) {\n      logger.error('bootstrapDirectives', 'directive_instantiation_error', err, {selector});\n    }\n  }\n}\n", "import {directiveRegistry_, logger} from './lib.js';\n\nimport type {DirectiveBase} from './directiveClass.js';\n\n/**\n * Type definition for a directive constructor.\n * A directive class must have a constructor that accepts an HTMLElement.\n */\nexport type DirectiveConstructor<T extends DirectiveBase = DirectiveBase> = new (element: HTMLElement, selector: string) => T;\n\n/**\n * A class decorator that registers a class as a directive.\n *\n * @param selector The CSS selector to which this directive will be attached.\n *\n * @example\n * ```ts\n * @directive('.my-button')\n * class MyButtonDirective extends DirectiveBase {\n *   protected update_(): void {\n *     this.element_.addEventListener('click', () => console.log('Button clicked!'));\n *   }\n * }\n * ```\n */\nexport function directive(selector: string) {\n  logger.logMethodArgs?.('@directive', selector);\n\n  /**\n   * The decorator function that receives the class constructor.\n   * @param constructor The class to be registered as a directive.\n   */\n  return function (constructor: DirectiveConstructor): void {\n    directiveRegistry_.push({selector, constructor});\n  };\n}\n", "import {createLogger} from '@alwatr/logger';\n\n/**\n * Base class for creating directives that attach behavior to DOM elements.\n * Extend this class to define custom directives.\n */\nexport abstract class DirectiveBase {\n  /**\n   * The CSS selector for the directive.\n   */\n  protected readonly selector_;\n\n  /**\n   * Logger instance for the directive.\n   */\n  protected readonly logger_;\n\n  /**\n   * The target DOM element this directive is attached to.\n   */\n  protected readonly element_: HTMLElement;\n\n  /**\n   * Constructor to initialize the directive with the target element.\n   * @param element - The DOM element this directive is attached to.\n   * @param selector - The CSS selector for the directive.\n   */\n  constructor(element: HTMLElement, selector: string) {\n    this.logger_ = createLogger(`directive:${selector}`);\n    this.logger_.logMethodArgs?.('new', {selector, element});\n\n    this.selector_ = selector;\n    this.element_ = element;\n\n    this.update_();\n  }\n\n  /**\n   * Called to update the directive's state or behavior.\n   * Must be implemented by subclasses.\n   */\n  protected abstract update_(): void;\n\n  /**\n   * Dispatches a custom event from the target element.\n   * @param eventName - The name of the event.\n   * @param detail - Optional data to include in the event.\n   */\n  protected dispatch_(eventName: string, detail?: unknown): void {\n    this.logger_.logMethodArgs?.('dispatch_', {eventName, detail});\n    this.element_.dispatchEvent(new CustomEvent(eventName, {detail, bubbles: true}));\n  }\n}\n"],
+  "mappings": ";;;AAAA,SAAQ,oBAAmB;AAOpB,IAAM,SAAS,aAAa,gBAAgB;AAK5C,IAAM,qBAA8E,CAAC;;;ACV5F,IAAM,uBAAuB;AAwBtB,SAAS,oBAAoB,cAAkC,SAAS,MAAY;AACzF,SAAO,YAAY,qBAAqB;AAExC,aAAW,EAAC,UAAU,YAAW,KAAK,oBAAoB;AACxD,QAAI;AACF,YAAM,wBAAwB,GAAG,QAAQ,SAAS,oBAAoB;AACtE,YAAM,WAAW,YAAY,iBAA8B,qBAAqB;AAChF,UAAI,SAAS,WAAW,EAAG;AAE3B,aAAO,WAAW,SAAS,SAAS,MAAM,kCAAkC,QAAQ,GAAG;AACvF,eAAS,QAAQ,aAAW;AAE1B,gBAAQ,aAAa,sBAAsB,MAAM;AAEjD,YAAI,YAAY,SAAS,QAAQ;AAAA,MACnC,CAAC;AAAA,IACH,SACO,KAAK;AACV,aAAO,MAAM,uBAAuB,iCAAiC,KAAK,EAAC,SAAQ,CAAC;AAAA,IACtF;AAAA,EACF;AACF;;;ACtBO,SAAS,UAAU,UAAkB;AAC1C,SAAO,gBAAgB,cAAc,QAAQ;AAM7C,SAAO,SAAU,aAAyC;AACxD,uBAAmB,KAAK,EAAC,UAAU,YAAW,CAAC;AAAA,EACjD;AACF;;;ACnCA,SAAQ,gBAAAA,qBAAmB;AAMpB,IAAe,gBAAf,MAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBlC,YAAY,SAAsB,UAAkB;AAClD,SAAK,UAAUA,cAAa,aAAa,QAAQ,EAAE;AACnD,SAAK,QAAQ,gBAAgB,OAAO,EAAC,UAAU,QAAO,CAAC;AAEvD,SAAK,YAAY;AACjB,SAAK,WAAW;AAEhB,SAAK,QAAQ;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaU,UAAU,WAAmB,QAAwB;AAC7D,SAAK,QAAQ,gBAAgB,aAAa,EAAC,WAAW,OAAM,CAAC;AAC7D,SAAK,SAAS,cAAc,IAAI,YAAY,WAAW,EAAC,QAAQ,SAAS,KAAI,CAAC,CAAC;AAAA,EACjF;AACF;",
+  "names": ["createLogger"]
+}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@alwatr/synapse",
+  "description": "Connect your TypeScript classes to the DOM, declaratively.",
+  "version": "1.0.0",
+  "author": "S. Ali Mihandoost <ali.mihandoost@gmail.com>",
+  "bugs": "https://github.com/Alwatr/nanolib/issues",
+  "dependencies": {
+    "@alwatr/logger": "5.5.6"
+  },
+  "devDependencies": {
+    "@alwatr/nano-build": "6.0.1",
+    "@alwatr/prettier-config": "5.0.2",
+    "@alwatr/tsconfig-base": "5.0.2",
+    "@alwatr/type-helper": "5.4.4",
+    "typescript": "^5.9.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.mjs",
+      "require": "./dist/main.cjs"
+    }
+  },
+  "files": [
+    "**/*.{js,mjs,cjs,map,d.ts,html,md,LEGAL.txt}",
+    "LICENSE",
+    "!demo/**/*"
+  ],
+  "homepage": "https://github.com/Alwatr/nanolib/tree/next/packages/synapse#readme",
+  "keywords": [
+    "alwatr",
+    "browser",
+    "declarative",
+    "decorator",
+    "directive",
+    "DOM",
+    "ECMAScript",
+    "esm",
+    "javascript",
+    "module",
+    "nanolib",
+    "typescript",
+    "UI"
+  ],
+  "license": "MPL-2.0",
+  "main": "./dist/main.cjs",
+  "module": "./dist/main.mjs",
+  "prettier": "@alwatr/prettier-config",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Alwatr/nanolib",
+    "directory": "packages/synapse"
+  },
+  "scripts": {
+    "b": "yarn run build",
+    "build": "yarn run build:ts && yarn run build:es",
+    "build:es": "nano-build --preset=module",
+    "build:ts": "tsc --build",
+    "c": "yarn run clean",
+    "cb": "yarn run clean && yarn run build",
+    "clean": "rm -rfv dist *.tsbuildinfo",
+    "d": "yarn run build:es && yarn node --enable-source-maps --trace-warnings",
+    "w": "yarn run watch",
+    "watch": "yarn run watch:ts & yarn run watch:es",
+    "watch:es": "yarn run build:es --watch",
+    "watch:ts": "yarn run build:ts --watch --preserveWatchOutput"
+  },
+  "type": "module",
+  "types": "./dist/main.d.ts",
+  "gitHead": "3c92f996e96508ea3a0432539367e34133993647"
+}