@esportsplus/reactivity 0.29.1 → 0.29.2

package/accordion.js

@@ -0,0 +1,45 @@
+import * as reactivity_1ihsmodgjbfar0 from '@esportsplus/reactivity';
+import { omit } from '@esportsplus/utilities';
+import template from '../../components/template/index.js';
+import './scss/index.scss';
+class ReactiveObject_xy8kflxy8kfl2 extends reactivity_1ihsmodgjbfar0.ReactiveObject {
+    #active = this[reactivity_1ihsmodgjbfar0.SIGNAL](0);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_1ihsmodgjbfar0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_1ihsmodgjbfar0.write(this.#active, _v0);
+    }
+}
+const OMIT = ['state'];
+let key = Symbol();
+export default template.factory(function (attributes, content) {
+    let ref, state = attributes.state || reactivity_1ihsmodgjbfar0.reactive({
+        active: 0
+    }), n, html;
+    `
+            <div
+                ${omit(attributes, OMIT)}
+                ${{
+        class: () => {
+            return state.active && '--active';
+        },
+        onrender: (element) => {
+            (ref = element)[key] = state;
+        },
+        style: () => {
+            let parent = ref.closest('accordion');
+            if (parent && key in parent) {
+                parent[key].active = (+parent[key].active) + 1;
+            }
+            return state.active && `--max-height: ${ref.scrollHeight}`;
+        }
+    }}
+            >
+                ${content}
+            </div>
+        `;
+});

package/accordion.ts

@@ -0,0 +1,51 @@
+import { reactive } from '@esportsplus/reactivity';
+import { html, Attributes } from '@esportsplus/template';
+import { omit } from '@esportsplus/utilities';
+import template from '~/components/template';
+import './scss/index.scss';
+
+
+type A = Attributes & { state?: { active: boolean | number } };
+
+type Accordion = HTMLElement & { [key: symbol]: { active: boolean | number } };
+
+
+const OMIT = ['state'];
+
+
+let key = Symbol();
+
+
+export default template.factory(
+    function(attributes: A, content) {
+        let ref: Accordion,
+            state = attributes.state || reactive({
+                active: 0
+            });
+
+        return html`
+            <div
+                ${omit(attributes, OMIT)}
+                ${{
+                    class: () => {
+                        return state.active && '--active';
+                    },
+                    onrender: (element) => {
+                        ( ref = element as Accordion )[key] = state;
+                    },
+                    style: () => {
+                        let parent = ref.closest<Accordion>('accordion');
+
+                        if (parent && key in parent) {
+                            parent[key].active = (+parent[key].active) + 1;
+                        }
+
+                        return state.active && `--max-height: ${ref.scrollHeight}`;
+                    }
+                }}
+            >
+                ${content}
+            </div>
+        `;
+    }
+);

package/build/compiler/index.js

@@ -46,7 +46,9 @@ const plugin = {
         replacements.push(...primitives(ctx.sourceFile, bindings, isReactive));
         let objectResult = object(ctx.sourceFile, bindings);
         prepend.push(...objectResult.prepend);
-        replacements.push(...objectResult.replacements, ...array(ctx.sourceFile, bindings), ...findRemainingCalls(ctx.checker, ctx.sourceFile, new Set(replacements.map(r => r.node))));
+        replacements.push(...objectResult.replacements);
+        replacements.push(...array(ctx.sourceFile, bindings));
+        replacements.push(...findRemainingCalls(ctx.checker, ctx.sourceFile, new Set(replacements.map(r => r.node))));
         if (replacements.length > 0 || prepend.length > 0) {
             importsIntent.push({
                 namespace: COMPILER_NAMESPACE,

package/build/compiler/primitives.js

@@ -17,7 +17,7 @@ const COMPOUND_OPERATORS = new Map([
     [ts.SyntaxKind.QuestionQuestionEqualsToken, '??'],
     [ts.SyntaxKind.SlashEqualsToken, '/']
 ]);
-function isInScope(reference, binding) {
+function inScope(reference, binding) {
     let current = reference;
     while (current) {
         if (current === binding.scope) {
@@ -89,7 +89,7 @@ function visit(ctx, node) {
         let bindings = ctx.scopedBindings, binding, name = node.text;
         for (let i = 0, n = bindings.length; i < n; i++) {
             let b = bindings[i];
-            if (b.name === name && isInScope(node, b)) {
+            if (b.name === name && inScope(node, b)) {
                 binding = b;
             }
         }

package/package.json

@@ -4,7 +4,7 @@
     "@esportsplus/utilities": "^0.27.2"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.26.0",
+    "@esportsplus/typescript": "^0.26.2",
     "@types/node": "^25.0.3",
     "vite": "^7.3.1"
   },
@@ -31,7 +31,7 @@
   },
   "type": "module",
   "types": "build/index.d.ts",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "scripts": {
     "build": "tsc",
     "build:test": "pnpm build && vite build --config test/vite.config.ts",

package/src/compiler/index.ts

@@ -89,12 +89,13 @@ const plugin: Plugin = {
         let objectResult = object(ctx.sourceFile, bindings);
 
         prepend.push(...objectResult.prepend);
-        replacements.push(
-            ...objectResult.replacements,
-            ...array(ctx.sourceFile, bindings),
-            // Find remaining reactive() calls that weren't transformed and replace with namespace version
-            ...findRemainingCalls(ctx.checker, ctx.sourceFile, new Set(replacements.map(r => r.node)))
-        );
+        replacements.push(...objectResult.replacements);
+
+        // Run array transform separately ( avoid race conditions )
+        replacements.push(...array(ctx.sourceFile, bindings));
+
+        // Find remaining reactive() calls that weren't transformed and replace with namespace version
+        replacements.push(...findRemainingCalls(ctx.checker, ctx.sourceFile, new Set(replacements.map(r => r.node))));
 
         // Build import intent
         if (replacements.length > 0 || prepend.length > 0) {

package/src/compiler/primitives.ts

@@ -39,7 +39,7 @@ const COMPOUND_OPERATORS = new Map<ts.SyntaxKind, string>([
 ]);
 
 
-function isInScope(reference: ts.Node, binding: ScopeBinding): boolean {
+function inScope(reference: ts.Node, binding: ScopeBinding): boolean {
     let current: ts.Node | undefined = reference;
 
     while (current) {
@@ -142,7 +142,7 @@ function visit(ctx: TransformContext, node: ts.Node): void {
         for (let i = 0, n = bindings.length; i < n; i++) {
             let b = bindings[i];
 
-            if (b.name === name && isInScope(node, b)) {
+            if (b.name === name && inScope(node, b)) {
                 binding = b;
             }
         }