@rsmax/ali 1.0.1

package/templates/static/host-components/textarea.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_textarea">
+  <textarea <% for (let i= 0; i < props.length; i++) { %>
+    <%=props[i]%>="{{ node.props['<%=props[i]%>'] }}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </textarea>
+</template>

package/templates/static/host-components/video.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_video">
+  <video <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </video>
+</template>

package/templates/static/host-components/view.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_view">
+  <view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </view>
+</template>

package/templates/static/host-components/web-view.ejs

@@ -0,0 +1,7 @@
+<template name="TPL_web-view">
+  <web-view <% for (let i = 0; i< props.length; i++) { %>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}" <% } %>
+  >
+    <template is="TPL_TRAVERSAL" data="{{root: node}}" />
+  </web-view>
+</template>

package/templates/static/isolated-templates.ejs

@@ -0,0 +1,5 @@
+<% for (let tpl of templates) { -%>
+<template name="TPL_<%=tpl.id%>">
+  <%-tpl.template%>
+</template>
+<% } %>

package/templates/static/native-component.ejs

@@ -0,0 +1,24 @@
+<template name="TPL_<%=id%>">
+  <<%=id%>
+  <%_ for(let i=0;i < props.length; i++) { -%>
+    <%=props[i]%>="{{node.props['<%=props[i]%>']}}"
+  <%_ } -%>
+    ref="{{node.props['__ref']}}"
+  >
+    <block a:for="{{node.children}}" key="{{item.id}}">
+      <block a:if="{{item.props['slot']}}">
+        <view slot="{{item.props['slot']}}"
+        <%_ for(let i=0;i < slotView.props.length; i++) { -%>
+          <%=slotView.props[i]%>="{{item.props['<%=slotView.props[i]%>']}}"
+        <%_ } -%>
+        >
+          <template is="TPL_TRAVERSAL" data="{{root: item}}" />
+        </view>
+      </block>
+      <block a:else>
+        <template a:if="{{node.props.<%=TEMPLATE_ID%>}}" is="{{'TPL_' + node.props.<%=TEMPLATE_ID%>}}" data="{{ node: item }}" />
+        <template a:else is="{{ 'TPL_' + item.type }}" data="{{ node: item }}" />
+      </block>
+    </block>
+  </<%=id%>>
+</template>

package/templates/static/page.ejs

@@ -0,0 +1,64 @@
+<% if (renderIsolatedTemplates) { -%>
+<import src="/isolated.axml"/>
+<% } -%>
+
+<% for (let tpl of templates) { -%>
+<template name="TPL_<%=tpl.id%>">
+  <%-tpl.template%>
+</template>
+
+<% } -%>
+<% for (let component of sortBy(Array.from(components.values()), 'id')) { -%>
+  <%_ if (skipComponents.includes(component.id)) {
+    continue;
+  } else if (component.additional) { -%>
+<%- include('./additional-host-component.ejs', {
+  props: component.props,
+  id: component.id,
+  slotView: slotView
+  })
+-%>
+  <%_ } else if (component.type === 'native') { -%>
+<%- include('./native-component.ejs', {
+  props: component.props,
+  id: component.id,
+  slotView: slotView,
+  TEMPLATE_ID: TEMPLATE_ID
+  })
+-%>
+  <%_ } else { -%>
+<%- include('./host-components/' + component.id + '.ejs', {
+  components: components,
+  props: component.props,
+  id: component.id,
+  })
+-%>
+  <%_ } -%>
+<%_ } -%>
+
+<%- include('./host-components/plain-text.ejs') -%>
+<%- include('./host-components/block.ejs') -%>
+
+<% if (entries.length > 0) { -%>
+<template is="TPL_<%=entries[0].id%>" data="{{ node: root.children[0] }}" />
+<% } else { -%>
+<template is="TPL_TRAVERSAL" data="{{ root: root }}" />
+<% } -%>
+
+<!-- for default render -->
+<template name="TPL_DEFAULT">
+  <template a:if="{{root.props.<%=TEMPLATE_ID%>}}" is="{{'TPL_' + root.props.<%=TEMPLATE_ID%>}}" data="{{ node: root }}" />
+  <template a:else is="{{ 'TPL_' + root.type }}" data="{{ node: root }}" />
+</template>
+
+<!-- for traversal -->
+<template name="TPL_TRAVERSAL">
+  <block a:if="{{root.children}}">
+    <block a:for="{{root.children}}" key="{{item.id}}">
+      <template a:if="{{item.props.<%=TEMPLATE_ID%>}}" is="{{'TPL_' + item.props.<%=TEMPLATE_ID%>}}" data="{{ node: item }}" />
+      <template a:else is="{{ 'TPL_' + item.type }}" data="{{ node: item }}" />
+    </block>
+  </block>
+  <template a:elif="{{root.props.<%=TEMPLATE_ID%>}}" is="{{'TPL_' + root.props.<%=TEMPLATE_ID%>}}" data="{{ node: root }}" />
+  <template a:else is="{{ 'TPL_' + root.type }}" data="{{ node: root }}" />
+</template>

package/vitest.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+  },
+});