marko 5.37.9 → 5.37.11

package/dist/runtime/components/ServerComponent.js

@@ -66,8 +66,76 @@ class ServerComponent {
   onCreate() {}
   onInput() {}
   onRender() {}
+
+  isDestroyed() {
+    return false;
+  }
+
+  setState(name, value) {
+    if (typeof name == "object") {
+      if (this.A_) {
+        Object.assign(this.A_, name);
+      } else {
+        this.A_ = name;
+      }
+    } else {
+      this.A_[name] = value;
+    }
+  }
+
+  setStateDirty(name, value) {
+    if (typeof name == "object") {
+      if (this.A_) {
+        Object.assign(this.A_, name);
+      } else {
+        this.A_ = name;
+      }
+    } else {
+      this.A_[name] = value;
+    }
+  }
+
+  replaceState(newState) {
+    this.A_ = newState;
+  }
+
+  subscribeTo() {
+    notImplemented("subscribeTo");
+  }
+
+  emit() {
+    notImplemented("emit");
+  }
+
+  getEl() {
+    notImplemented("getEl");
+  }
+
+  getEls() {
+    notImplemented("getEls");
+  }
+
+  getComponent() {
+    notImplemented("getComponent");
+  }
+
+  getComponents() {
+    notImplemented("getComponents");
+  }
+
+  forceUpdate() {
+    notImplemented("forceUpdate");
+  }
+
+  update() {
+    notImplemented("update");
+  }
 }
 
 ServerComponent.prototype.getElId = ServerComponent.prototype.elId;
 
-module.exports = ServerComponent;
+module.exports = ServerComponent;
+
+function notImplemented(name) {
+  throw new Error(name + " method not supported during SSR.");
+}

package/dist/translator/index.js

@@ -73,6 +73,7 @@ const analyze = exports.analyze = {
         {
           meta.component = file.opts.filename;
         } else if (meta.hasStringEventHandlers) {
+          meta.implicitSplitComponent = true;
           meta.component = componentFiles.componentBrowserFile =
           "marko/src/runtime/helpers/empty-component.js";
           meta.hasComponentBrowser = true;
@@ -388,7 +389,7 @@ const translate = exports.translate = {
             componentTypeIdentifier,
             _compiler.types.arrowFunctionExpression(
               [],
-              componentBrowserFile ?
+              componentBrowserFile && !meta.implicitSplitComponent ?
               (0, _babelUtils.importDefault)(
                 file,
                 (0, _babelUtils.resolveRelativePath)(file, componentBrowserFile),

package/dist/translator/taglib/core/parse-class.js

@@ -14,7 +14,8 @@ function _default(path) {
   } = path;
   const {
     rawValue: code,
-    name: { start, end }
+    name: { start },
+    end
   } = node;
   const meta = file.metadata.marko;
 
@@ -40,7 +41,9 @@ function _default(path) {
 
   const parsed = (0, _babelUtils.parseExpression)(file, code.replace(/;\s*$/, ""), start, end);
   if (parsed.type === "MarkoParseError") {
-    path.replaceWith(_compiler.types.markoClass([_compiler.types.expressionStatement(parsed)]));
+    const replacement = _compiler.types.markoClass(_compiler.types.classBody([]));
+    replacement.body.body.push(parsed);
+    path.replaceWith(replacement);
     return;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.37.9",
+  "version": "5.37.11",
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
     "front-end",
@@ -70,7 +70,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@marko/compiler": "^5.39.8",
+    "@marko/compiler": "^5.39.9",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/runtime/components/ServerComponent.js

@@ -66,8 +66,76 @@ class ServerComponent {
   onCreate() {}
   onInput() {}
   onRender() {}
+
+  isDestroyed() {
+    return false;
+  }
+
+  setState(name, value) {
+    if (typeof name == "object") {
+      if (this.___state) {
+        Object.assign(this.___state, name);
+      } else {
+        this.___state = name;
+      }
+    } else {
+      this.___state[name] = value;
+    }
+  }
+
+  setStateDirty(name, value) {
+    if (typeof name == "object") {
+      if (this.___state) {
+        Object.assign(this.___state, name);
+      } else {
+        this.___state = name;
+      }
+    } else {
+      this.___state[name] = value;
+    }
+  }
+
+  replaceState(newState) {
+    this.___state = newState;
+  }
+
+  subscribeTo() {
+    notImplemented("subscribeTo");
+  }
+
+  emit() {
+    notImplemented("emit");
+  }
+
+  getEl() {
+    notImplemented("getEl");
+  }
+
+  getEls() {
+    notImplemented("getEls");
+  }
+
+  getComponent() {
+    notImplemented("getComponent");
+  }
+
+  getComponents() {
+    notImplemented("getComponents");
+  }
+
+  forceUpdate() {
+    notImplemented("forceUpdate");
+  }
+
+  update() {
+    notImplemented("update");
+  }
 }
 
 ServerComponent.prototype.getElId = ServerComponent.prototype.elId;
 
 module.exports = ServerComponent;
+
+function notImplemented(name) {
+  throw new Error(name + " method not supported during SSR.");
+}

package/src/translator/index.js

@@ -73,6 +73,7 @@ export const analyze = {
         ) {
           meta.component = file.opts.filename;
         } else if (meta.hasStringEventHandlers) {
+          meta.implicitSplitComponent = true;
           meta.component = componentFiles.componentBrowserFile =
             "marko/src/runtime/helpers/empty-component.js";
           meta.hasComponentBrowser = true;
@@ -388,7 +389,7 @@ export const translate = {
                   componentTypeIdentifier,
                   t.arrowFunctionExpression(
                     [],
-                    componentBrowserFile
+                    componentBrowserFile && !meta.implicitSplitComponent
                       ? importDefault(
                           file,
                           resolveRelativePath(file, componentBrowserFile),

package/src/translator/taglib/core/parse-class.js

@@ -14,7 +14,8 @@ export default function (path) {
   } = path;
   const {
     rawValue: code,
-    name: { start, end },
+    name: { start },
+    end,
   } = node;
   const meta = file.metadata.marko;
 
@@ -40,7 +41,9 @@ export default function (path) {
 
   const parsed = parseExpression(file, code.replace(/;\s*$/, ""), start, end);
   if (parsed.type === "MarkoParseError") {
-    path.replaceWith(t.markoClass([t.expressionStatement(parsed)]));
+    const replacement = t.markoClass(t.classBody([]));
+    replacement.body.body.push(parsed);
+    path.replaceWith(replacement);
     return;
   }