pugjs/pug

Pug - robust, elegant, feature rich template engine for JavaScript

brightwiths

@brightwiths

Hello, Bro and Sis. Looking guide: gulp pub install

Jae Hong Lee

@hongz1

Hi guys, I just installed pug and got warning that code-js version is deprecated. Is this known issue?

佐藤

@aPTdbHnqTFu9cEj_twitter

Hi,When I type sudo npm i -D gulp-pug in the terminal, it returns "ERR! TypeError: Cannot read property 'latest' of undefined". Where is the cause?
I also typed command sudo npm install pug-cli -g,
sudo npm install -g pug,
sudo npm install pug.

Levi Wheatcroft

@leviwheatcroft

Hey, when trying to use the &attributes syntax I'm getting an error:
Cannot read property 'indexOf' of undefined on line 1 at pug_attr (/mnt/c/Users/levi/git/envoy-ubu/node_modules/pug-runtime/index.js:141:25)

index.js:141 is here and pug_attrs is called from here

On line 141, I can't figure out how val could be undefined, if it were, then val == null on line 129 would be true so pug_attr would return ''.

Levi Wheatcroft

@leviwheatcroft

oh wait I figured it out...

so something like this:
render('input(name=name value=value)&attributes({ foo: 'bar' })', { name: 'example', value: undefined })
will throw this error.

Manjeet Verma

@mnjit20

Hi, could anyone help with this error. "Error: Failed to lookup view "index" in views directory "views"

https://70c92bekm4.execute-api.us-east-1.amazonaws.com/dev?!cc

I have deployed a Express API, which is in typescript and using serverless framework.

Shang Heng Wei

@shwei

Hi pug experts, I tried to call pug.compile('extends /extends/template.pug\n\nblock campaign_title\n...'). How do I include the referenced extend file or load extend content in compile call? Thanks!

Jesus Abril

@3rChuss

Hi fellow developers, I have a question about how to inherit child blocks within children
Parent -> Child -> grandChild

//Parent
    body
        include partials/header
        block contenido
        include partials/footer

//Child
extends ../layout/index
block contenido
    // content from components
    block submenu
    // content from grandChild
    block pagina

//GranChild
extends ../index.pug
block pagina
    main.container.mt-2
        .col content bla bla bla

But this is actually not doing rendering

Am only getting the Parent, but content comes empty

Jesus Abril

@3rChuss

any handy hand here?
really apreccitted in avance

Konstantin Budasov

@kbudasov

Hey guys. Is there any ability to get amount of the transfered Children to Mixin via Block?

Konstantin Budasov

@kbudasov

Example:
I have parent Mixin +form-row and I need to know how much +inputs (or other blocks) he received inside of it. So, it should be 2 in this case:

+form-row
   +input(is="email", required)
   +input(is="job-title", required)

VladimirUA

@VladimirUA

Hi! Can I use pug in Deno environment? Somebody has experience in integration pug to deno project?

Pranav Ballaney

@ballaneypranav

Hi, is it possible to interpolate a mixin? Basically I want to create in-page links within a large block of text, for citations. So it would be great if I could do something like:

p.
    lots of multiline text here #{+intext(1, "Cooper et al.")} some more text

and then +intext() would add a link to a citation mentioned at the bottom using the citation number provided as argument

L53c

@L53c

Did anyone met this situation where the data rendered is surrounded by < and >
alt
alt
alt

As it seem like the pictures are not being linked, please find the links below;

View: https://drive.google.com/file/d/1sIPhikZVT3mYxpmt-fLlDY8iat4R2bAN/view?usp=sharing
Code: https://drive.google.com/file/d/19kEhXWHSseJkMNrAmPc8pwK-3R4tq7nf/view?usp=sharing
Dependencies: https://drive.google.com/file/d/1zpfkk69d02ePQuRQEOqDXPOQMPYoF_uQ/view?usp=sharing

L53c

@L53c

The above have been sorted, | <- this operator was missing in the line 14

AmirHossein MOjvar

@Ojvar

Hi guys, I have a little question, How can I use pug in deno ? thanks.

Kalaivani10

@Kalaivani10

Hi how to use carousel using the dart pug?

tyler

@skotchpine

Hi everyone! Been using pug -> jsx for a while. Love it!

Yair Fried

@yfried

Hi, I'm very new to pug. I'm trying to format a cell in a table where the cell.style should return background-style: red and cell.text is "foo"

            td 
                span(style="#{cell.style}") #{cell.text}

But this resolves to <td> <span style="#{cell.style}">foo</span></td>

Why doesn't span extrapolate the value of cell.style?

matrixbot

@matrixbot

yeetmanboi Oh I thought this was a pug server

David Ankin

@alexanderankin

if anyone can offer advice on how to share templates between apps with npm packages, that would be super appreciated.

David Ankin

@alexanderankin

i actually see that you can customize this here: https://pugjs.org/api/migration-v3.html but thats a weird place to put the plugin docs and i dont see it anywhere else. I opened a ticket for this.

if anyone wants to either close it with the link to the docs, or tell me how to make them, or make the plugin docs themselves, here's the issue: pugjs/pug-en#31

Luca Matei Pintilie

@AnInternetTroll

Hi, does anyone know how I can pass optional options to pug? I want to do something like res.render("page", {message: "Warning: ohno"}); but I don't want message to be required at all times. Is it possible to achieve this?

Cody Mikol

@codymikol

I think that’s outside the scope of pug and more the server side renderer that processes pug

Luca Matei Pintilie

@AnInternetTroll

Thanks, I figured it out :thumbsup:

istiyak-iroid

@istiyak-iroid

Please help! My html is being rendered inline. Because of this I'm having CSP (Content Security Policy) issues everywhere on my app.

HTML

doctype html
html(lang="en")
  head
    meta(charset='UTF-8')
    meta(name='viewport' content='width=device-width, initial-scale=1.0')

OUTPUT

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">...

EXPECTED OUTPUT

<!DOCTYPE html>
<html lang="en">
       <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
      </head>
</html>

Volodymyr

@dx1ded

Hi guys, why this code returning error?

David Ankin

@alexanderankin

i dont think it supports new lines like that, i think thats only in blocks

Garridog

@Garridog

Hi, my mac dont detect pug command

Carlos Orama

@SolAZDev

Hello, could I ask for help on an Angular tempalte? Im trying to pass down an array object as a paramter to a mixin

Alex Pavlovich

@alexp1917

hey so did pug just become actively maintained? like 6 commits merged a couple days back

Shinigami

@Shinigami92

red is sus..., uhm I mean yeah I noticed that too and I would be very happy if it did

Marta Blázquez

@marta-blazquez

Hi! could you please let me know if it is possible to include an image in pug proyect via URL instead folder path?

Thank you in advance

Somebody have some complet guide to share? All that I can find is to short and incomplete.

cͥërͣeͫ多ro Cër多ërนs

@whoiscerebrocerberus

Hi guys...new here

creativemacmac

@creativemacmac

Hey there guys hope you are all doing well :) SO I am on a course that uses pug.js and must admit I LOVE pug, so got curious to learn more about it :) I went online to see a production site that uses pug, but I couldn't find any info...can you guys tell me about a site that uses pug in production. I would like to check out the load speeds of it

Nathan Parikh

@nathanp

Hi there, Is there any way to get the current page URL in pug? I've got a static site and am trying to build out canonical tags that will grab the current page url

Trincheira - Comunicação Visual

@marvitphy

hey guys!!! :0

Rajasegar Chandran

@rajasegar

I made a CLI tool to generate Pug mixins from SVG files
https://github.com/rajasegar/svpug
Appreciate any comments/feedback :pray:

Where communities thrive

People

Repo info

Activity

HTML

OUTPUT

EXPECTED OUTPUT