strict and loose mode

[DrSensor]

By default this framework operate on loose mode where __MODE__ === "loose". All scripts that only have strict mode have smaller bundle size and it's organized on strict/ folder. For example,

<script async src="https://esm.run/nusa/strict/render-scope"></script>

will define <render-scope> that only operate on strict mode.

strict mode

• Require @bind decorator (unlike controlled loose mode, binding work on class parent and ancestors too without traversing)
• Can be enforced via strict attribute when using default (loose) scripts
• <render-scope> doesn't handle inline <script> and <style> module (where it has attribute type=module/*)

loose mode

• Bind class accessor
• Bind class getter/setter
• Bind class field
• Bind class method()
• By default, all binding apply to all class parent and ancestors (Traverse Binding #57)
• Traverse Binding #57 can be controlled via traverse-depth=<uint> attribute or class extends traverse(...Classes).extends(Class) helper

💡 Hint: traverse binding and binding class field can be implemented at the same time

if (name in instance) {
  desc[name].set = function(value) {
    super[name] = databank[index] = value
  }
}
Object.defineProperties(instance, desc)