Accepting simple data

[petergreendr]

I try to run this code:

<g-composer>
  <template>
    <svg viewBox="0 0 100 100">
      <text
        x="50"
        y="50"
        dominant-baseline="middle"
        text-anchor="middle"
        font-family="sans-serif"
        font-size="20"
        g-content="data"
      ></text>
    </svg>
  </template>
  <script type="data">
    [1,2,3]
  </script>
  <script type="methods">
    function data(original) {
      return original[0];
    }
  </script>
</g-composer>

https://playground.graphane.dev/editor/g221b784/

The console shows this error:

composer.js:1 
 Uncaught (in promise) TypeError: Cannot use 'in' operator to search for '$min' in 1
    at n (composer.js:1:22488)
    at Fe (composer.js:1:22809)
    at M.update (composer.js:1:25533)
    at composer.js:1:6969

What is the problem?

[pabloalmunia]

In the current design, data must be an object or array.

Accepting simple data like a number or a string may make sense in some cases. Let's study this possibility and see how to implement it in different situations:

• function: function data() { return 1}.
• script: <script type="data">1</script>
• attribute: <g-composer data="1">
• property: gComponent.data = 1

[pabloalmunia]

This new feature has been added in version 1.0.0-beta.3.

Now it's possible:

• to include simple data in the data="" attribute:

  <g-composer data="1>
  </g-composer>

• to include simple data in the <script type="data"></script> tag:

  <g-composer>
  <script type="data">1</script>
  </g-composer>

• to return simple data in the function data() {}:

  <g-composer>
  <script type="methods">
      function data() {
        return 1;
      }
  </script>
  </g-composer>

• to load simple data from a URL:

  <g-composer data-src="./datum.txt">
  </g-composer>

• to assign simple data to .data property:

  document.querySelector('g-composer').data = 1;

The data supported are:

• string
• number
• boolean

Please confirm that this new feature fits your needs.

[petergreendr]

Something is wrong, the example doesn't work.

[pabloalmunia]

Something is wrong, the example doesn't work.

Sorry @petergreendr, it's an error in the Playground, now is fixed. Please try again and don't forget to refresh your browser cache.

[petergreendr]

It's fine now. Congrats.

[petergreendr]

Sorry, the docs need to be updated.