marko 5.37.63 → 5.38.0

package/dist/translator/index.js

@@ -599,9 +599,8 @@ function getRuntimeEntryFiles(output, optimize) {
 
 }
 
-function isRenderContent(path) {
-  const { node } = path;
-  return _compiler.types.MARKO_TYPES.includes(node.type) && !node.static;
+function isRenderContent({ node }) {
+  return /^Marko/.test(node.type) && !node.static;
 }
 
 function resolveRelativeTagEntry(file, tagDef) {

package/dist/translator/scriptlet.js

@@ -1,4 +1,35 @@
-"use strict";exports.__esModule = true;exports.default = _default;function _default(path) {
+"use strict";exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+
+function _default(path) {
   const { node } = path;
+  const isHTML = path.hub.file.markoOpts.output === "html";
+  switch (node.target) {
+    case "server":
+      if (!isHTML) {
+        replaceWithUndefinedIdentifiers(path);
+        return;
+      }
+      break;
+    case "client":
+      if (isHTML) {
+        replaceWithUndefinedIdentifiers(path);
+        return;
+      }
+      break;
+  }
   path.replaceWithMultiple(node.body);
+}
+
+function replaceWithUndefinedIdentifiers(path) {
+  const keys = Object.keys(path.getOuterBindingIdentifiers());
+  if (keys.length) {
+    path.replaceWith(
+      _compiler.types.variableDeclaration(
+        "var",
+        keys.map((key) => _compiler.types.variableDeclarator(_compiler.types.identifier(key)))
+      )
+    );
+  } else {
+    path.remove();
+  }
 }

package/dist/translator/taglib/core/index.js

@@ -5,9 +5,11 @@ var parseMacro = _interopRequireWildcard(require("./macro/parse"));
 var translateMacro = _interopRequireWildcard(require("./macro/translate"));
 var _migrate = _interopRequireDefault(require("./migrate"));
 var parseClass = _interopRequireWildcard(require("./parse-class"));
+var parseClient = _interopRequireWildcard(require("./parse-client"));
 var parseExport = _interopRequireWildcard(require("./parse-export"));
 var parseImport = _interopRequireWildcard(require("./parse-import"));
 var parseModuleCode = _interopRequireWildcard(require("./parse-module-code"));
+var parseServer = _interopRequireWildcard(require("./parse-server"));
 var parseStatic = _interopRequireWildcard(require("./parse-static"));
 var transformBody = _interopRequireWildcard(require("./transform-body"));
 var transformStyle = _interopRequireWildcard(require("./transform-style"));
@@ -55,6 +57,20 @@ var translateWhile = _interopRequireWildcard(require("./translate-while"));funct
     }]
 
   },
+  "<client>": {
+    "node-factory": parseClient,
+    "parse-options": {
+      statement: true,
+      rawOpenTag: true
+    }
+  },
+  "<server>": {
+    "node-factory": parseServer,
+    "parse-options": {
+      statement: true,
+      rawOpenTag: true
+    }
+  },
   "<class>": {
     "node-factory": parseClass,
     "parse-options": {

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

@@ -0,0 +1,18 @@
+"use strict";exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+var _babelUtils = require("@marko/compiler/babel-utils");
+
+function _default(path) {
+  const {
+    node,
+    hub: { file }
+  } = path;
+  const { rawValue, end } = node;
+  const code = rawValue.replace(/^client\s*/, "");
+  const start = node.start + (rawValue.length - code.length);
+  let body = (0, _babelUtils.parseStatements)(file, code, start, end);
+  if (body.length === 1 && _compiler.types.isBlockStatement(body[0])) {
+    body = body[0].body;
+  }
+
+  path.replaceWith(_compiler.types.markoScriptlet(body, true, "client"));
+}

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

@@ -0,0 +1,18 @@
+"use strict";exports.__esModule = true;exports.default = _default;var _compiler = require("@marko/compiler");
+var _babelUtils = require("@marko/compiler/babel-utils");
+
+function _default(path) {
+  const {
+    node,
+    hub: { file }
+  } = path;
+  const { rawValue, end } = node;
+  const code = rawValue.replace(/^server\s*/, "");
+  const start = node.start + (rawValue.length - code.length);
+  let body = (0, _babelUtils.parseStatements)(file, code, start, end);
+  if (body.length === 1 && _compiler.types.isBlockStatement(body[0])) {
+    body = body[0].body;
+  }
+
+  path.replaceWith(_compiler.types.markoScriptlet(body, true, "server"));
+}

package/dist/translator/util/add-dependencies.js

@@ -140,6 +140,23 @@ const entryBuilder = exports.entryBuilder = {
             resolveRelativeToEntry(entryFile, file, value)
           );
         }
+      } else if (
+      _compiler.types.isMarkoScriptlet(child) &&
+      child.static &&
+      child.target !== "server")
+      {
+        for (const stmt of child.body) {
+          if (_compiler.types.isImportDeclaration(stmt)) {
+            const { value } = stmt.source;
+            if (child.target === "client" || state.shouldIncludeImport(value)) {
+              addImport(
+                imports,
+                body,
+                resolveRelativeToEntry(entryFile, file, value)
+              );
+            }
+          }
+        }
       }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.37.63",
+  "version": "5.38.0",
   "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.28.2",
-    "@marko/compiler": "^5.39.43",
+    "@marko/compiler": "^5.39.44",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/translator/index.js

@@ -599,9 +599,8 @@ export function getRuntimeEntryFiles(output, optimize) {
   ];
 }
 
-function isRenderContent(path) {
-  const { node } = path;
-  return t.MARKO_TYPES.includes(node.type) && !node.static;
+function isRenderContent({ node }) {
+  return /^Marko/.test(node.type) && !node.static;
 }
 
 function resolveRelativeTagEntry(file, tagDef) {

package/src/translator/scriptlet.js

@@ -1,4 +1,35 @@
+import { types as t } from "@marko/compiler";
+
 export default function (path) {
   const { node } = path;
+  const isHTML = path.hub.file.markoOpts.output === "html";
+  switch (node.target) {
+    case "server":
+      if (!isHTML) {
+        replaceWithUndefinedIdentifiers(path);
+        return;
+      }
+      break;
+    case "client":
+      if (isHTML) {
+        replaceWithUndefinedIdentifiers(path);
+        return;
+      }
+      break;
+  }
   path.replaceWithMultiple(node.body);
 }
+
+function replaceWithUndefinedIdentifiers(path) {
+  const keys = Object.keys(path.getOuterBindingIdentifiers());
+  if (keys.length) {
+    path.replaceWith(
+      t.variableDeclaration(
+        "var",
+        keys.map((key) => t.variableDeclarator(t.identifier(key))),
+      ),
+    );
+  } else {
+    path.remove();
+  }
+}

package/src/translator/taglib/core/index.js

@@ -5,9 +5,11 @@ import * as parseMacro from "./macro/parse";
 import * as translateMacro from "./macro/translate";
 import migrate from "./migrate";
 import * as parseClass from "./parse-class";
+import * as parseClient from "./parse-client";
 import * as parseExport from "./parse-export";
 import * as parseImport from "./parse-import";
 import * as parseModuleCode from "./parse-module-code";
+import * as parseServer from "./parse-server";
 import * as parseStatic from "./parse-static";
 import * as transformBody from "./transform-body";
 import * as transformStyle from "./transform-style";
@@ -55,6 +57,20 @@ export default {
       },
     ],
   },
+  "<client>": {
+    "node-factory": parseClient,
+    "parse-options": {
+      statement: true,
+      rawOpenTag: true,
+    },
+  },
+  "<server>": {
+    "node-factory": parseServer,
+    "parse-options": {
+      statement: true,
+      rawOpenTag: true,
+    },
+  },
   "<class>": {
     "node-factory": parseClass,
     "parse-options": {

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

@@ -0,0 +1,18 @@
+import { types as t } from "@marko/compiler";
+import { parseStatements } from "@marko/compiler/babel-utils";
+
+export default function (path) {
+  const {
+    node,
+    hub: { file },
+  } = path;
+  const { rawValue, end } = node;
+  const code = rawValue.replace(/^client\s*/, "");
+  const start = node.start + (rawValue.length - code.length);
+  let body = parseStatements(file, code, start, end);
+  if (body.length === 1 && t.isBlockStatement(body[0])) {
+    body = body[0].body;
+  }
+
+  path.replaceWith(t.markoScriptlet(body, true, "client"));
+}

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

@@ -0,0 +1,18 @@
+import { types as t } from "@marko/compiler";
+import { parseStatements } from "@marko/compiler/babel-utils";
+
+export default function (path) {
+  const {
+    node,
+    hub: { file },
+  } = path;
+  const { rawValue, end } = node;
+  const code = rawValue.replace(/^server\s*/, "");
+  const start = node.start + (rawValue.length - code.length);
+  let body = parseStatements(file, code, start, end);
+  if (body.length === 1 && t.isBlockStatement(body[0])) {
+    body = body[0].body;
+  }
+
+  path.replaceWith(t.markoScriptlet(body, true, "server"));
+}

package/src/translator/util/add-dependencies.js

@@ -140,6 +140,23 @@ export const entryBuilder = {
             resolveRelativeToEntry(entryFile, file, value),
           );
         }
+      } else if (
+        t.isMarkoScriptlet(child) &&
+        child.static &&
+        child.target !== "server"
+      ) {
+        for (const stmt of child.body) {
+          if (t.isImportDeclaration(stmt)) {
+            const { value } = stmt.source;
+            if (child.target === "client" || state.shouldIncludeImport(value)) {
+              addImport(
+                imports,
+                body,
+                resolveRelativeToEntry(entryFile, file, value),
+              );
+            }
+          }
+        }
       }
     }