stencil-community / stencil-helmet Goto Github PK
View Code? Open in Web Editor NEWDeclaratively update the <head> from a Stencil app.
Home Page: https://npm.im/@stencil-community/helmet
License: MIT License
Declaratively update the <head> from a Stencil app.
Home Page: https://npm.im/@stencil-community/helmet
License: MIT License
Right now, all of the render functions append elements to the head directly. I'm thinking it might make more sense to return an element instead. That gets us:
document.head.replaceChild
.Can you please update the version to be compatible with the latest stencil version?
The version currently released on npmjs creates build errors with the childitems. I think the latest commits will fix this.
Hi,
I'm currently playing with Stencils and the helmet plugin. I added the plugin to the "Sample App Template" and added some meta-tags on the different pages.
After "build --prerender", I see, that the page specific tags are properly added to the HTML output.
When I open one page and navigate to another, the page header is not updated. Only after a reload of that page, the actual page header is used.
The page header as defined in the page's component shall immediately be applied during page navigation.
Hi, I was trying your awesome plugin with @stencil/router
, however I noticed, that If a certain route does not have a Helmet
tag, previously declared tags just stay "online". This causes a few problems:
Current behavior
I have a page-not-found
component, which will trigger if no other route matches the requested path. If I add a <meta name="robots" content="noindex, nofollow" />
to the 404 component and than go back to the homepage, the robots dont change. The only solution I found is to add <meta name="robots" content="index, follow">
to every route in my app, but this becomes very repetitive.
Desired behavior
Dont re-use previously declared tags, but simply remove them, which basically means we fall back to the original tags declared in index.html
It seems as though link tags are not being updated correctly. Meta and title tags are fine.
Could we use createDocumentFragment
to batch updates to the head instead of each VNode getting rendered to the head independently? It should be simple in the case of appending a node, but renders with side effects would be different.
Hi there!
The library successfully updates all the metatags if it's running on the dev environment. But when it's running on Production - metatags are not updated.
The @stencil/helmet
dependency is located in the "dependencies" object of the package.json file. Version - 0.3.2.
Any suggestions on what is wrong?
Thank you!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.