-
DescriptionA minimal working example is available at https://github.com/rgaiacs/quarto-minimal-site I'm working on a extension that provides some JavaScript that loads some modules, i.e. import { f } from "./lib.js";For over simplification, the HTML template has <script src="_extensions/minimal/static/main.js" defer="defer"></script><script src="site_libs/quarto-contrib/quarto-project/minimal/static/main.js" defer="defer">Quarto parses a intermediate HTML, identifies the asset ( Any solution? I tried https://quarto.org/docs/websites/website-tools.html#site-resources but the files are copied to another location. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 5 replies
-
|
Why not use the native dependencies handling from Quarto extension? |
Beta Was this translation helpful? Give feedback.
-
|
I don't think Quarto can resolve JavaScript dependency tree, but you can, the same way you can add the main script, you could also add the other one. Probably using |
Beta Was this translation helpful? Give feedback.
-
This does not work because a Lua filter like function Meta(m)
quarto.doc.add_html_dependency({
name = "minimal",
version = "1.0.0",
scripts = {"../static/main.js", "../static/lib.js"},
})
endwill append to <script src="site_libs/quarto-contrib/minimal-1.0.0/main.js"></script>
<script src="site_libs/quarto-contrib/minimal-1.0.0/lib.js"></script>but import { f } from "./lib.js";Also, <script src="site_libs/quarto-contrib/minimal-1.0.0/main.js"></script>instead of <script type="module" src="site_libs/quarto-contrib/minimal-1.0.0/main.js"></script>i.e. Would be possible for Quarto post processing to take a <script data-quarto-postprocessing="skip"> type="module" src="_extensions/minimal/static/main.js"></script> |
Beta Was this translation helpful? Give feedback.
-
|
What is supposed to be You should not have this hardcoded path: Also, if you want/need attributes, you need to specify them: https://quarto.org/docs/extensions/lua-api.html#script-object function Meta(m)
quarto.doc.add_html_dependency({
name = "minimal",
version = "1.0.0",
scripts = {
{ path = "../static/main.js" },
{ path = "../static/lib.js", attribs = {type = "module"} }
}
})
end |
Beta Was this translation helpful? Give feedback.
-
|
Let's fix your example:
import f from "./lib.js";
f();
Both scripts need to have the module type: function Meta(m)
quarto.doc.add_html_dependency({
name = "minimal",
version = "1.0.0",
scripts = {
{ path = "../static/main.js", attribs = {type = "module"} },
{ path = "../static/lib.js", attribs = {type = "module"} }
}
})
end
And it works: 
The HTML is: <html><head>
<script src="site_libs/quarto-contrib/minimal-1.0.0/main.js" type="module"></script>
<script src="site_libs/quarto-contrib/minimal-1.0.0/lib.js" type="module"></script></head><body>
<p>This is a Quarto website.</p>
<p>To learn more about Quarto websites visit <a href="https://quarto.org/docs/websites" class="uri">https://quarto.org/docs/websites</a>.</p>
</body></html> |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the help. I updated the minimal working example. The function from Quarto's Lua API that I was needed to know is function Meta(m)
quarto.doc.add_html_dependency({
name = "minimal",
version = "1.0.0",
scripts = {
{ path = "../static/main.js", attribs = { type = "module" } }
},
})
quarto.doc.attach_to_dependency("minimal", "../static/lib.js")
endThe content of and <head>
<script src="site_libs/quarto-contrib/minimal-1.0.0/main.js" type="module"></script>
</head> |
Beta Was this translation helpful? Give feedback.
Let's fix your example:
main.jsis wrong: there are no "f" function exported, only the default functionBoth scripts need to have the module type:
resourcesshould be removed.And it works:
The HTML is: