Deprecation warning and incorrectly rendered templates when using marko 5

[Green-Cat]

🐛 Bug Report

If upgrading to Marko v5, the incorrect compiler is used. Throwing a deprecation notice.

To Reproduce

Use the latest version of marko with the latest versions of point-of-view and fastify.
The following deprecation notice is shown in the console:

WARNING!!
Using `marko/compiler` has been deprecated, please upgrade to the `@marko/compiler` module.

Templates are not rendered correctly.

Expected behavior

Templates are rendered correctly and no deprecation notice is shown in the console.

Your Environment

• node version: 15
• fastify version: >=3.14.0
• marko version: 5.5.2
• os: Mac

[mcollina]

I'm not sure how to fix this.. Would you like to send a Pull Request to address this issue? Remember to add unit tests.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Ryuno-Ki]

Is there any update on this?

[Ryuno-Ki]

Okay, I did some digging. But I don't know point-of-view good enough to make a recommendation where to apply a change.

First, where is the deprecation message thrown?
That would be https://github.com/marko-js/marko/blob/ab1d038070e1eb23323d0b790e68489ade280c3e/packages/marko/src/compiler/index.js#L15

Introduced with marko-js/marko@f7cbb1b#diff-b519b63eac473d4387093cd806b235ee2e9ae661a471fa623fd62efa982e6742

I would assume, around the same time, the documentation got updated to recommend the API: https://markojs.com/docs/installing/

Given that point-of-view is a fastify-plugin, @marko/build could be worth looking into (or perhaps, a template option for Fastify is needed?). https://github.com/marko-js/examples/tree/6cb92340434ed3ebd2f52eb212d9c75023582560/examples/webpack-fastify seems to be one of the templates it uses, from what I can tell after reading https://github.com/marko-js/cli/blob/c7fff31a14cf90f7c2b5905422a8698140a71197/packages/create/src/cli.js#L47

Now to the guessing part.

My assumption is, that Marko would get invoked in

point-of-view/index.js

Line 363 in f218d2e

const template = opts && opts.templateSrc ? engine.load(join(templatesDir, page), opts.templateSrc) : engine.load(join(templatesDir, page))

which in turn would call https://github.com/marko-js/marko/blob/94992f26dbf0dd4d5378ec9f1b52b8fb81a8597d/packages/marko/src/loader/index.js#L10 which in turn invokes https://github.com/marko-js/marko/blob/94992f26dbf0dd4d5378ec9f1b52b8fb81a8597d/packages/marko/src/loader/index.js#L78 which then triggers the deprecation notice.

Can you assist, @DylanPiercey?

[DylanPiercey]

@Ryuno-Ki I've got a few things I'm trying to wrap up this week. I'll take a closer look at this closer to the end of the week. Thanks for notifying me 😄

[YuriyTigiev]

How to modify the code to solve the issue?

WARNING!!
Using marko/compiler has been deprecated, please upgrade to the @marko/compiler module.

/routes/index.js

var express = require('express');
var router = express.Router();
const ccxt = require('ccxt');
var marko = require('marko');

var template = marko.load(require.resolve('../views/index.marko'));

/* GET page. */
router.get('/', async function (req, res, next) {


      template.stream(data={
          fname: "Devanshi",
          lname: "awasthi",
          host: "Vikas",
          drinks : ["Wine", "Beer", "Champagne"]})
          .pipe(res);


});

module.exports = router;

[Eomm]

Using marko/compiler has been deprecated, please upgrade to the @marko/compiler module.

Would you like to send a Pull Request to address this issue? Remember to add unit tests.

[DylanPiercey]

I'm currently thinking it may make sense to remove Marko from point-of-view here since I don't think the API lends itself well to production use with Marko. We don't really recommend using the Marko compiler at runtime anymore outside of dev, and with that have removed the top level load api.

It can still be achieved by using the require hook, but this module adding a require hook seems awkward IMO and again would not be optimal.

We have an official Marko fastify adapter (https://github.com/marko-js/fastify) which is designed for use with precompiled templates, typically through a bundler, and I think it is a better fit. (If you want to test it you can npm init marko -- --template webpack-fastify).

Unless anyone has a good idea on how we could precompile templates while still supporting this load api I'm happy to help, but I'm somewhat stumped at the moment.

[mcollina]

I'm on board of removing Marko.

[ovhemert]

Support dropped here. Please refer to https://github.com/marko-js/fastify for the alternative.
Issue can be closed.