@motifx/compiler 1.2.0-rc.4 → 1.2.0-rc.5

package/dist/index.cjs

@@ -536,11 +536,64 @@ const makeHtmlAttr = (prop, name, value, path) => {
     }
     return null;
 };
+function classKeyOf(p) {
+    if (p.computed)
+        return p.key;
+    if (t__namespace.isIdentifier(p.key))
+        return t__namespace.stringLiteral(p.key.name);
+    if (t__namespace.isStringLiteral(p.key))
+        return t__namespace.stringLiteral(p.key.value);
+    if (t__namespace.isNumericLiteral(p.key))
+        return t__namespace.stringLiteral(String(p.key.value));
+    return null;
+}
+function literalTruthOf(val) {
+    if (t__namespace.isBooleanLiteral(val))
+        return val.value;
+    if (t__namespace.isStringLiteral(val))
+        return val.value !== '';
+    if (t__namespace.isNumericLiteral(val))
+        return val.value !== 0 && !Number.isNaN(val.value);
+    if (t__namespace.isNullLiteral(val))
+        return false;
+    if (t__namespace.isIdentifier(val) && val.name === 'undefined')
+        return false;
+    if (t__namespace.isTemplateLiteral(val) && val.expressions.length === 0)
+        return val.quasis.some(q => (q.value.cooked ?? q.value.raw) !== '');
+    return undefined;
+}
+function splitClassObject(obj, staticNames, live) {
+    const props = [];
+    obj.properties.forEach(p => {
+        if (!t__namespace.isObjectProperty(p)) {
+            props.push(p);
+            return;
+        }
+        const key = classKeyOf(p);
+        if (key === null || !t__namespace.isExpression(p.value))
+            return;
+        const truth = literalTruthOf(p.value);
+        if (truth === false)
+            return;
+        if (truth === true) {
+            if (t__namespace.isStringLiteral(key))
+                staticNames.push(key);
+            else
+                props.push(t__namespace.objectProperty(key, t__namespace.booleanLiteral(true), true));
+            return;
+        }
+        const getter = t__namespace.isFunctionExpression(p.value) || t__namespace.isArrowFunctionExpression(p.value)
+            ? p.value
+            : t__namespace.arrowFunctionExpression([], p.value);
+        props.push(t__namespace.objectProperty(key, getter, p.computed));
+    });
+    if (props.length > 0)
+        live.push(t__namespace.objectExpression(props));
+}
 const mergeHtmlAttributes = (htmlAttrlist) => {
     const htmlProps = [];
     if (htmlAttrlist.length > 0) {
         var totalAttr = [];
-        var totalClass = [];
         var totalBindClass = [];
         var totalStringClass = [];
         htmlAttrlist.forEach(attr => {
@@ -550,38 +603,7 @@ const mergeHtmlAttributes = (htmlAttrlist) => {
                     : attr.key.quasis.map(q => q.value.raw).join("").toLowerCase();
                 if (keyValue === "class" || keyValue === "classname") {
                     if (t__namespace.isObjectExpression(attr.value)) {
-                        const objectProperties = [];
-                        attr.value.properties.forEach(p => {
-                            if (t__namespace.isObjectProperty(p)) {
-                                const val = p.value;
-                                if (t__namespace.isStringLiteral(val)) {
-                                    totalStringClass.push(p.key);
-                                }
-                                else if (t__namespace.isBooleanLiteral(val)) {
-                                    totalStringClass.push(p.key);
-                                }
-                                else if (t__namespace.isFunctionExpression(val) || t__namespace.isArrowFunctionExpression(val)) {
-                                    objectProperties.push(p);
-                                }
-                                else if (t__namespace.isTemplateLiteral(val)) {
-                                    if (val.expressions.length === 0) {
-                                        totalStringClass.push(t__namespace.stringLiteral(val.quasis.map(q => q.value.raw).join("")));
-                                    }
-                                    else {
-                                        totalBindClass.push(t__namespace.arrowFunctionExpression([], val));
-                                    }
-                                }
-                                else {
-                                    totalClass.push(p);
-                                }
-                            }
-                            else if (t__namespace.isFunctionExpression(p) || t__namespace.isArrowFunctionExpression(p)) {
-                                totalBindClass.push(p);
-                            }
-                        });
-                        if (objectProperties.length > 0) {
-                            totalBindClass.push(t__namespace.objectExpression(objectProperties));
-                        }
+                        splitClassObject(attr.value, totalStringClass, totalBindClass);
                     }
                     else if (t__namespace.isMemberExpression(attr.value) || t__namespace.isCallExpression(attr.value)) {
                         totalBindClass.push(attr.value);
@@ -608,34 +630,7 @@ const mergeHtmlAttributes = (htmlAttrlist) => {
                             if (!element)
                                 return;
                             if (t__namespace.isObjectExpression(element)) {
-                                element.properties.forEach(p => {
-                                    if (t__namespace.isObjectProperty(p)) {
-                                        const val = p.value;
-                                        if (t__namespace.isStringLiteral(val)) {
-                                            totalStringClass.push(p.key);
-                                        }
-                                        else if (t__namespace.isBooleanLiteral(val)) {
-                                            totalStringClass.push(p.key);
-                                        }
-                                        else if (t__namespace.isFunctionExpression(val) || t__namespace.isArrowFunctionExpression(val)) {
-                                            totalBindClass.push(val);
-                                        }
-                                        else if (t__namespace.isTemplateLiteral(val)) {
-                                            if (val.expressions.length === 0) {
-                                                totalStringClass.push(t__namespace.stringLiteral(val.quasis.map(q => q.value.raw).join("")));
-                                            }
-                                            else {
-                                                totalBindClass.push(t__namespace.arrowFunctionExpression([], val));
-                                            }
-                                        }
-                                        else {
-                                            totalClass.push(p);
-                                        }
-                                    }
-                                    else if (t__namespace.isFunctionExpression(p) || t__namespace.isArrowFunctionExpression(p)) {
-                                        totalBindClass.push(p);
-                                    }
-                                });
+                                splitClassObject(element, totalStringClass, totalBindClass);
                             }
                             else if (t__namespace.isStringLiteral(element)) {
                                 totalStringClass.push(element);
@@ -724,9 +719,6 @@ const mergeHtmlAttributes = (htmlAttrlist) => {
         if (totalBindClass.length > 0) {
             htmlProps.push(t__namespace.expressionStatement(t__namespace.callExpression(t__namespace.identifier('sender.class.add'), [t__namespace.arrayExpression(totalBindClass)])));
         }
-        if (totalClass.length > 0) {
-            htmlProps.push(t__namespace.expressionStatement(t__namespace.callExpression(t__namespace.identifier('sender.class.add'), [t__namespace.objectExpression(totalClass)])));
-        }
         if (totalStringClass.length > 0) {
             htmlProps.push(t__namespace.expressionStatement(t__namespace.callExpression(t__namespace.identifier('sender.class.add'), [...totalStringClass])));
         }
@@ -1424,6 +1416,19 @@ function lifecycleHookOf(name) {
         hook = lower.slice(2);
     return hook !== null && LIFECYCLE_HOOKS.has(hook) ? hook : null;
 }
+const HOOK_KEYS = {
+    built: 'onBuilt', building: 'onBuilding', mounted: 'onMounted', config: 'onConfig', configured: 'onConfigured',
+    initializing: 'onInitializing', initialized: 'onInitialized', disposing: 'onDisposing', disposed: 'onDisposed',
+    visibilitychanged: 'onVisibilityChanged', activated: 'onActivated', deactivated: 'onDeactivated',
+};
+function hookKey(name) {
+    const hook = lifecycleHookOf(name);
+    if (hook !== null)
+        return HOOK_KEYS[hook];
+    if (name.toLowerCase() === 'oninitializecomponent')
+        return 'oninitializeComponent';
+    return name;
+}
 /** `.some/.every/.find/...` gibi KISA DEVRE yapan dizi yüklemleri (MJX004). */
 const SHORT_CIRCUIT_ARRAY_METHODS = new Set(['some', 'every', 'find', 'findindex', 'findlast', 'findlastindex']);
 /** Bir üye zincirinin kökü `this` mi? (`this.state.rows.some(...)` → evet) */
@@ -1733,14 +1738,14 @@ const getProps = (props, path, state) => {
                     if (value != null) {
                         var ce = makeComponentTraps(prop, name, value);
                         if (ce !== null) {
+                            ce.key = id(hookKey(name));
                             componentEvents.push(ce);
                             explainProp(prop, 'component-event', 'lifecycle', ce, 'n/a', DEPS.none, 'lifecycle hook; called once during component setup/build/dispose');
                         }
                     }
                 }
                 else if (!plainTag && mergedHook !== null && value != null && t__namespace.isExpression(value)) {
-                    const key = name.toLowerCase().startsWith('on') ? name : 'on' + mergedHook;
-                    const lifecycleProp = t__namespace.objectProperty(t__namespace.isValidIdentifier(key) ? id(key) : t__namespace.stringLiteral(key), value);
+                    const lifecycleProp = t__namespace.objectProperty(id(HOOK_KEYS[mergedHook]), value);
                     componentEvents.push(lifecycleProp);
                     explainProp(prop, 'component-event', 'lifecycle', lifecycleProp, 'n/a', DEPS.none, 'lifecycle hook; on a component tag it is applied via runover to the tag\'s component (the returned root for a function component)');
                 }
@@ -1873,7 +1878,7 @@ const getProps = (props, path, state) => {
                                 warn('MJX007', `Unknown directive "${name}": it is passed on as the prop "on${clearedName}". Supported: ${supportedDirectivesText()}.`, prop, fileName);
                             }
                             if (t__namespace.isExpression(value)) {
-                                objectExpression.push(t__namespace.objectProperty(id("on" + clearedName), value));
+                                objectExpression.push(t__namespace.objectProperty(id(hookKey("on" + clearedName)), value));
                             }
                             else {
                                 objectProps.push(value);
@@ -1926,10 +1931,17 @@ const getProps = (props, path, state) => {
                         if (atr !== null) {
                             htmlAttrlist.push(atr);
                             const lname = name.toLowerCase();
-                            const c = classifyAttrValue(prop, value, atr);
-                            const call = lname === 'class' || lname === 'classname' ? 'sender.class.add' : lname === 'style' ? 'sender.style' : 'sender.attr.add';
-                            const shown = call === 'sender.attr.add' ? `${call}({ "${name}": ${codeOf(atr.value)} })` : `${call}(${codeOf(atr.value)})`;
-                            explainProp(prop, 'attr', c.shape, shown, c.reactive, c.deps, c.note);
+                            if ((lname === 'class' || lname === 'classname') && (t__namespace.isObjectExpression(atr.value) || t__namespace.isArrayExpression(atr.value))) {
+                                const lowered = mergeHtmlAttributes([atr]);
+                                const live = lowered.some(s => t__namespace.isCallExpression(s.expression) && t__namespace.isArrayExpression(s.expression.arguments[0]));
+                                explainProp(prop, 'attr', 'class.object', lowered.map(s => codeOf(s.expression)).join('; '), live ? 'live' : 'static', live ? DEPS.getter : DEPS.none, live ? 'each key toggles its class; values other than literals are wrapped in getters' : undefined);
+                            }
+                            else {
+                                const c = classifyAttrValue(prop, value, atr);
+                                const call = lname === 'class' || lname === 'classname' ? 'sender.class.add' : lname === 'style' ? 'sender.style' : 'sender.attr.add';
+                                const shown = call === 'sender.attr.add' ? `${call}({ "${name}": ${codeOf(atr.value)} })` : `${call}(${codeOf(atr.value)})`;
+                                explainProp(prop, 'attr', c.shape, shown, c.reactive, c.deps, c.note);
+                            }
                         }
                     }
                     else {
@@ -1959,7 +1971,7 @@ const getProps = (props, path, state) => {
                                 objectExpression.push(t__namespace.objectProperty(t__namespace.stringLiteral(name), value));
                             }
                             else {
-                                objectExpression.push(t__namespace.objectProperty(id(name), value));
+                                objectExpression.push(t__namespace.objectProperty(id(hookKey(name)), value));
                             }
                             {
                                 const c = classifyPropValue(prop, value);
@@ -1988,7 +2000,7 @@ const getProps = (props, path, state) => {
     mergedHooks.forEach((entries, hook) => {
         if (entries.length === 0)
             return;
-        const merged = t__namespace.objectProperty(id('on' + hook), t__namespace.arrayExpression(entries.map(e => e.value)));
+        const merged = t__namespace.objectProperty(id(HOOK_KEYS[hook]), t__namespace.arrayExpression(entries.map(e => e.value)));
         componentEvents.push(merged);
         entries.forEach(e => explainProp(e.prop, 'component-event', 'lifecycle', merged, 'n/a', DEPS.none, 'all spellings of the same hook on this tag are merged into one list; each is called once, in source order'));
     });