fix(translator-default): some bundlers not supporting hoisted imports

packages/translator-default/src/index.js

@@ -256,26 +256,28 @@ export const translate = {
         );
       }
 
-      path.unshiftContainer(
-        "body",
-        t.exportDefaultDeclaration(templateIdentifier)
-      );
-      path.unshiftContainer(
-        "body",
+      const runtimeTemplateIdentifier = path.scope.generateUidIdentifier("t");
+
+      path.unshiftContainer("body", [
+        t.importDeclaration(
+          [t.importSpecifier(runtimeTemplateIdentifier, t.identifier("t"))],
+          t.stringLiteral(
+            `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/${
+              isHTML ? "html" : "vdom"
+            }`
+          )
+        ),
         t.variableDeclaration("const", [
           t.variableDeclarator(
             templateIdentifier,
             t.callExpression(
-              importNamed(
-                file,
-                `marko/src/runtime/${isHTML ? "html" : "vdom"}`,
-                "t"
-              ),
+              runtimeTemplateIdentifier,
               includeMetaInSource ? [t.identifier("__filename")] : []
             )
           )
-        ])
-      );
+        ]),
+        t.exportDefaultDeclaration(templateIdentifier)
+      ]);
 
       const componentIdString = t.stringLiteral(meta.id);
       path.pushContainer(

packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/cjs-expected.js

@@ -3,14 +3,14 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _html = require("marko/src/runtime/html");
+
 var _index = _interopRequireDefault(require("./components/custom-tag/index.marko"));
 
 var _renderTag = _interopRequireDefault(require("marko/src/runtime/helpers/render-tag"));
 
 var _renderer = _interopRequireDefault(require("marko/src/runtime/components/renderer"));
 
-var _html = require("marko/src/runtime/html");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const _marko_template = (0, _html.t)();

packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/html-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/src/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _customTag from "./components/custom-tag/index.marko";
 import _marko_tag from "marko/src/runtime/helpers/render-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/html";
 const _marko_componentType = "packages/translator-default/test/fixtures/at-tag-inside-if-tag/template.marko",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/htmlProduction-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/dist/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _customTag from "./components/custom-tag/index.marko";
 import _marko_tag from "marko/dist/runtime/helpers/render-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/html";
 const _marko_componentType = "cY5vQoUJ",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdom-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/src/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _customTag from "./components/custom-tag/index.marko";
 import _marko_tag from "marko/src/runtime/helpers/render-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/src/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("packages/translator-default/test/fixtures/at-tag-inside-if-tag/template.marko", () => _marko_template),

packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdomProduction-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/dist/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _customTag from "./components/custom-tag/index.marko";
 import _marko_tag from "marko/dist/runtime/helpers/render-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/dist/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("cY5vQoUJ", () => _marko_template),

packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/cjs-expected.js

@@ -3,14 +3,14 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _html = require("marko/src/runtime/html");
+
 var _index = _interopRequireDefault(require("./components/hello/index.marko"));
 
 var _renderTag = _interopRequireDefault(require("marko/src/runtime/helpers/render-tag"));
 
 var _renderer = _interopRequireDefault(require("marko/src/runtime/components/renderer"));
 
-var _html = require("marko/src/runtime/html");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const _marko_template = (0, _html.t)();

packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/html-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/src/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _hello from "./components/hello/index.marko";
 import _marko_tag from "marko/src/runtime/helpers/render-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/html";
 const _marko_componentType = "packages/translator-default/test/fixtures/at-tags-dynamic-and-static/template.marko",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/htmlProduction-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/dist/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _hello from "./components/hello/index.marko";
 import _marko_tag from "marko/dist/runtime/helpers/render-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/html";
 const _marko_componentType = "EC7Wpjet",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdom-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/src/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _hello from "./components/hello/index.marko";
 import _marko_tag from "marko/src/runtime/helpers/render-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/src/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("packages/translator-default/test/fixtures/at-tags-dynamic-and-static/template.marko", () => _marko_template),

packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdomProduction-expected.js

@@ -1,10 +1,11 @@
+import { t as _t } from "marko/dist/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _hello from "./components/hello/index.marko";
 import _marko_tag from "marko/dist/runtime/helpers/render-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/dist/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("EC7Wpjet", () => _marko_template),

packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/cjs-expected.js

@@ -3,12 +3,12 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _html = require("marko/src/runtime/html");
+
 var _dynamicTag = _interopRequireDefault(require("marko/src/runtime/helpers/dynamic-tag"));
 
 var _renderer = _interopRequireDefault(require("marko/src/runtime/components/renderer"));
 
-var _html = require("marko/src/runtime/html");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const _marko_template = (0, _html.t)();

packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/html-expected.js

@@ -1,9 +1,10 @@
+import { t as _t } from "marko/src/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _marko_dynamic_tag from "marko/src/runtime/helpers/dynamic-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/html";
 const _marko_componentType = "packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/template.marko",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/htmlProduction-expected.js

@@ -1,9 +1,10 @@
+import { t as _t } from "marko/dist/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _marko_dynamic_tag from "marko/dist/runtime/helpers/dynamic-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/html";
 const _marko_componentType = "V8pzyNwe",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {

packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdom-expected.js

@@ -1,9 +1,10 @@
+import { t as _t } from "marko/src/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _marko_dynamic_tag from "marko/src/runtime/helpers/dynamic-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/src/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/template.marko", () => _marko_template),

packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdomProduction-expected.js

@@ -1,9 +1,10 @@
+import { t as _t } from "marko/dist/runtime/vdom";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import _marko_dynamic_tag from "marko/dist/runtime/helpers/dynamic-tag";
 import _marko_renderer from "marko/dist/runtime/components/renderer";
-import { t as _t } from "marko/dist/runtime/vdom";
 import { r as _marko_registerComponent } from "marko/dist/runtime/components/registry-browser";
 
 const _marko_componentType = _marko_registerComponent("V8pzyNwe", () => _marko_template),

packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/cjs-expected.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _html = require("marko/src/runtime/html");
+
 var _escapeXml = require("marko/src/runtime/html/helpers/escape-xml");
 
 var _index = _interopRequireDefault(require("./components/hello/index.marko"));
@@ -11,8 +13,6 @@ var _renderTag = _interopRequireDefault(require("marko/src/runtime/helpers/rende
 
 var _renderer = _interopRequireDefault(require("marko/src/runtime/components/renderer"));
 
-var _html = require("marko/src/runtime/html");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const _marko_template = (0, _html.t)();

packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/html-expected.js

@@ -1,11 +1,12 @@
+import { t as _t } from "marko/src/runtime/html";
+
 const _marko_template = _t();
 
 export default _marko_template;
 import { x as _marko_escapeXml } from "marko/src/runtime/html/helpers/escape-xml";
 import _hello from "./components/hello/index.marko";
 import _marko_tag from "marko/src/runtime/helpers/render-tag";
 import _marko_renderer from "marko/src/runtime/components/renderer";
-import { t as _t } from "marko/src/runtime/html";
 const _marko_componentType = "packages/translator-default/test/fixtures/at-tags-dynamic-with-params/template.marko",
       _marko_component = {};
 _marko_template._ = _marko_renderer(function (input, out, _component, component, state) {