feat(ui): Adding templating to code snippets

[drdelambre]

This is a prereq for #14924 and wanted to make sure that it was applied separately, as it is its own chunk of functionality.

Basically it wraps a CodeSnippet with a small templating language based on a crowd favorite: https://johnresig.com/blog/javascript-micro-templating/

so anytime you submit a string of Hello <%= planet %>, it will go off and look up the property planet from the value prop passed into the component. if that's not defined, it'll look up the property in the defaults prop. if THAT is not defined, it just writes undefined.

<TemplatedCodeSnippet
    template={ "Hello <%= planet %>" }
    values={{ planet: 'Mars' }}
    defaults={{ planet: 'World' }} />

^--- opens a CodeSnippet element with the text Hello Mars

[hoorayimhelping]

Feels like there is enough logic in this component to have tests for it. What do you think?

Edit: forgot to add: this is super clean!

[hoorayimhelping]

should this be bucketID and orgID for consistency?

[drdelambre]

I was going to start standardizing those, but at the same time have a plan to connect them all to redux state in a little bit to give them MORE consistency. like site wide, frontend <=> backend consistency. so.... yes, but meh?

[hoorayimhelping]

so.... yes, but meh

pretty much perfectly sums up software engineering, circa 2019.

👍

[hoorayimhelping]

🤙 dig this comment

[drdelambre]

yeah, you're probably right. at least the templating function + object.assigns. ON IT

[hoorayimhelping]

hot diggity daffodil, good stuff!

[hoorayimhelping]

so.... yes, but meh

pretty much perfectly sums up software engineering, circa 2019.

👍

[hoorayimhelping]

defanately keep this in.