@refrakt-md/behaviors 0.5.0

package/dist/index.js

@@ -0,0 +1,61 @@
+import { isFrameworkManaged } from './utils.js';
+import { copyBehavior } from './behaviors/copy.js';
+import { accordionBehavior } from './behaviors/accordion.js';
+import { tabsBehavior } from './behaviors/tabs.js';
+import { revealBehavior } from './behaviors/reveal.js';
+import { datatableBehavior } from './behaviors/datatable.js';
+import { formBehavior } from './behaviors/form.js';
+import { previewBehavior } from './behaviors/preview.js';
+/** Map of rune type → behavior function */
+const behaviors = {
+    accordion: accordionBehavior,
+    accordionitem: accordionBehavior,
+    tabgroup: tabsBehavior,
+    codegroup: tabsBehavior,
+    reveal: revealBehavior,
+    datatable: datatableBehavior,
+    form: formBehavior,
+    preview: previewBehavior,
+};
+/**
+ * Scan a container for rune elements and attach interactive behaviors.
+ *
+ * Discovers elements with `data-rune` attributes, checks for theme-framework
+ * overrides (Alpine.js, Stimulus), and wires up the appropriate behavior.
+ * Also enhances all `<pre>` elements with copy-to-clipboard buttons.
+ *
+ * Returns a cleanup function that removes all event listeners and injected elements.
+ */
+export function initRuneBehaviors(container = document, options) {
+    const cleanups = [];
+    // Rune-specific behaviors
+    container.querySelectorAll('[data-rune]').forEach((el) => {
+        const rune = el.getAttribute('data-rune');
+        // Skip if a theme framework has claimed this element
+        if (isFrameworkManaged(el))
+            return;
+        // Apply filters
+        if (options?.only && !options.only.includes(rune))
+            return;
+        if (options?.exclude && options.exclude.includes(rune))
+            return;
+        const fn = behaviors[rune];
+        if (fn) {
+            const cleanup = fn(el);
+            if (cleanup)
+                cleanups.push(cleanup);
+        }
+    });
+    // Copy buttons for all code blocks (not rune-specific)
+    const copyCleanup = copyBehavior(container);
+    cleanups.push(copyCleanup);
+    return () => cleanups.forEach((fn) => fn());
+}
+export { copyBehavior } from './behaviors/copy.js';
+export { accordionBehavior } from './behaviors/accordion.js';
+export { tabsBehavior } from './behaviors/tabs.js';
+export { revealBehavior } from './behaviors/reveal.js';
+export { datatableBehavior } from './behaviors/datatable.js';
+export { formBehavior } from './behaviors/form.js';
+export { previewBehavior } from './behaviors/preview.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,2CAA2C;AAC3C,MAAM,SAAS,GAA+B;IAC7C,SAAS,EAAE,iBAAiB;IAC5B,aAAa,EAAE,iBAAiB;IAChC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAChC,YAAoC,QAAQ,EAC5C,OAAqB;IAErB,MAAM,QAAQ,GAAsB,EAAE,CAAC;IAEvC,0BAA0B;IAC1B,SAAS,CAAC,gBAAgB,CAAc,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACrE,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC;QAE3C,qDAAqD;QACrD,IAAI,kBAAkB,CAAC,EAAE,CAAC;YAAE,OAAO;QAEnC,gBAAgB;QAChB,IAAI,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO;QAC1D,IAAI,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO;QAE/D,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,EAAE,EAAE,CAAC;YACR,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;YACvB,IAAI,OAAO;gBAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,uDAAuD;IACvD,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE3B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7C,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,12 @@
+/** Cleanup function returned by a behavior — removes event listeners, etc. */
+export type CleanupFn = () => void;
+/** A behavior function that enhances a rune element. Optionally returns a cleanup function. */
+export type BehaviorFn = (el: HTMLElement) => CleanupFn | void;
+/** Options for initRuneBehaviors */
+export interface InitOptions {
+    /** Only initialize behaviors for these rune types */
+    only?: string[];
+    /** Skip behaviors for these rune types */
+    exclude?: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC;AAEnC,+FAA+F;AAC/F,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,WAAW,KAAK,SAAS,GAAG,IAAI,CAAC;AAE/D,oCAAoC;AACpC,MAAM,WAAW,WAAW;IAC3B,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Check if a theme framework (Alpine.js, Stimulus, etc.) has claimed
+ * interactivity for this element. The base behavior library steps aside
+ * to avoid double-binding.
+ */
+export declare function isFrameworkManaged(el: HTMLElement): boolean;
+/** Generate a unique ID for ARIA wiring (aria-controls, aria-labelledby, etc.) */
+export declare function uniqueId(prefix: string): string;
+/** Reset the ID counter (for testing) */
+export declare function resetIdCounter(): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAE3D;AAID,kFAAkF;AAClF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,yCAAyC;AACzC,wBAAgB,cAAc,IAAI,IAAI,CAErC"}

package/dist/utils.js

@@ -0,0 +1,18 @@
+/**
+ * Check if a theme framework (Alpine.js, Stimulus, etc.) has claimed
+ * interactivity for this element. The base behavior library steps aside
+ * to avoid double-binding.
+ */
+export function isFrameworkManaged(el) {
+    return el.hasAttribute('x-data') || el.hasAttribute('data-controller');
+}
+let idCounter = 0;
+/** Generate a unique ID for ARIA wiring (aria-controls, aria-labelledby, etc.) */
+export function uniqueId(prefix) {
+    return `${prefix}-${++idCounter}`;
+}
+/** Reset the ID counter (for testing) */
+export function resetIdCounter() {
+    idCounter = 0;
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAe;IACjD,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACxE,CAAC;AAED,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB,kFAAkF;AAClF,MAAM,UAAU,QAAQ,CAAC,MAAc;IACtC,OAAO,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE,CAAC;AACnC,CAAC;AAED,yCAAyC;AACzC,MAAM,UAAU,cAAc;IAC7B,SAAS,GAAG,CAAC,CAAC;AACf,CAAC"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@refrakt-md/behaviors",
+  "description": "Vanilla JS behavior library for refrakt.md runes — tabs, accordions, copy buttons, keyboard navigation",
+  "version": "0.5.0",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/refrakt-md/refrakt.git",
+    "directory": "packages/behaviors"
+  },
+  "bugs": "https://github.com/refrakt-md/refrakt/issues",
+  "homepage": "https://github.com/refrakt-md/refrakt",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc"
+  }
+}