Is it just me, or is Hyperscript hideous?

j.jaffeux · 19 בנובמבר,‏ 2019,‏ 7:54am

FYI I released a component few days ago which started as an example of what you can achieve with widgets and hbs:

Code is not perfect but you might learn a few things reading it.

merefield · 19 בנובמבר,‏ 2019,‏ 9:06am

@j.jaffeux thanks for that. I had a scan of the code and notice you extended things with ‘attach’ which is great.

Can you confirm it is not possible to use existing Helpers defined elsewhere in the app within a widget template?

j.jaffeux · 19 בנובמבר,‏ 2019,‏ 9:10am

Hi,

you can use some of them, and it’s actually not that hard to add more, PR on this would probably be gladly accepted.

Starting point and list of available helpers are the list of cases in this switch:

github.com

discourse/discourse/blob/main/app/assets/javascripts/discourse-widget-hbs/lib/widget-hbs-compiler.js#L87


      
            if (!id) {
              id = ++state.helperNumber;
              state.helpersUsed[name] = id;
            }
            return `__h${id}`;
          }
          
          
function mustacheValue(node, state) {
            let path = node.path.original;
          
          
  switch (path) {
              case "attach":
                let widgetName = argValue(
                  node.hash.pairs.find((p) => p.key === "widget")
                );
          
          
      const attrs = node.hash.pairs.find((p) => p.key === "attrs");
                const opts = node.hash.pairs.find((p) => p.key === "opts");
                const otherOpts = node.hash.pairs.find((p) => p.key === "otherOpts");
          
          
      return `this.attach(${widgetName}, ${attrs ? argValue(attrs) : attrs}, ${

merefield · 19 בנובמבר,‏ 2019,‏ 9:11am

Very useful! Thanks.

edL · 19 בנובמבר,‏ 2019,‏ 9:41am

Thanks for the heads up – I’ll have a good look through!

נושא		תגובות	צפיות
Using a hbs file as the template for widget Dev	3	1382	3 בספטמבר,‏ 2019
Modernizing inline script tags for templates & JS API Dev dev-news	34	2143	23 באוגוסט,‏ 2025
JSX instead of h (createElement) function in widgets and other places Dev	14	1826	10 במאי,‏ 2020
Is it better for Discourse to use JavaScript or CoffeeScript? Dev	56	66254	29 בינואר,‏ 2022
How different are Ember component and Discourse widget? Dev	3	1153	8 ביוני,‏ 2020

Is it just me, or is Hyperscript hideous?

נושאים קשורים