apprun 3.33.7 → 3.33.8

package/src/apprun.ts

@@ -6,6 +6,13 @@ import { on, update, customElement } from './decorator';
 import webComponent, { CustomElementOptions } from './web-component';
 import { Route, route, ROUTER_EVENT, ROUTER_404_EVENT } from './router';
 
+export type StatelessComponent<T = {}> = (args: T) => string | VNode | void;
+export { App, app, Component, View, Action, Update, on, update, EventOptions, ActionOptions, MountOptions, Fragment, safeHTML }
+export { update as event };
+export { ROUTER_EVENT, ROUTER_404_EVENT };
+export { customElement, CustomElementOptions, AppStartOptions };
+export default app as IApp;
+
 export interface IApp {
   start<T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,
     options?: AppStartOptions<T>): Component<T, E>;
@@ -24,68 +31,64 @@ export interface IApp {
   use_react(createRoot);
 }
 
-app.h = app.createElement = createElement;
-app.render = render;
-app.Fragment = Fragment;
-app.webComponent = webComponent;
-app.safeHTML = safeHTML;
+if (!app.start) {
+  app.h = app.createElement = createElement;
+  app.render = render;
+  app.Fragment = Fragment;
+  app.webComponent = webComponent;
+  app.safeHTML = safeHTML;
 
-app.start = <T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,
-  options?: AppStartOptions<T>): Component<T, E> => {
-  const opts = { render: true, global_event: true, ...options };
-  const component = new Component<T, E>(model, view, update);
-  if (options && options.rendered) component.rendered = options.rendered;
-  if (options && options.mounted) component.mounted = options.mounted;
-  component.start(element, opts);
-  return component;
-};
+  app.start = <T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,
+    options?: AppStartOptions<T>): Component<T, E> => {
+    const opts = { render: true, global_event: true, ...options };
+    const component = new Component<T, E>(model, view, update);
+    if (options && options.rendered) component.rendered = options.rendered;
+    if (options && options.mounted) component.mounted = options.mounted;
+    component.start(element, opts);
+    return component;
+  };
 
-const NOOP = _ => {/* Intentionally empty */ }
-app.on('$', NOOP);
-app.on('debug', _ => NOOP);
-app.on(ROUTER_EVENT, NOOP);
-app.on('#', NOOP);
-app['route'] = route;
-app.on('route', url => app['route'] && app['route'](url));
+  const NOOP = _ => {/* Intentionally empty */ }
+  app.on('$', NOOP);
+  app.on('debug', _ => NOOP);
+  app.on(ROUTER_EVENT, NOOP);
+  app.on('#', NOOP);
+  app['route'] = route;
+  app.on('route', url => app['route'] && app['route'](url));
 
-if (typeof document === 'object') {
-  document.addEventListener("DOMContentLoaded", () => {
-    if (app['route'] === route) {
-      window.onpopstate = () => route(location.hash);
-      document.body.hasAttribute('apprun-no-init') || app['no-init-route'] || route(location.hash);
-    }
-  });
-}
-export type StatelessComponent<T = {}> = (args: T) => string | VNode | void;
-export { App, app, Component, View, Action, Update, on, update, EventOptions, ActionOptions, MountOptions, Fragment, safeHTML }
-export { update as event };
-export { ROUTER_EVENT, ROUTER_404_EVENT };
-export { customElement, CustomElementOptions, AppStartOptions };
-export default app as IApp;
+  if (typeof document === 'object') {
+    document.addEventListener("DOMContentLoaded", () => {
+      if (app['route'] === route) {
+        window.onpopstate = () => route(location.hash);
+        document.body.hasAttribute('apprun-no-init') || app['no-init-route'] || route(location.hash);
+      }
+    });
+  }
 
-if (typeof window === 'object') {
-  window['Component'] = Component;
-  window['_React'] = window['React'];
-  window['React'] = app;
-  window['on'] = on;
-  window['customElement'] = customElement;
-  window['safeHTML'] = safeHTML;
-}
+  if (typeof window === 'object') {
+    window['Component'] = Component;
+    window['_React'] = window['React'];
+    window['React'] = app;
+    window['on'] = on;
+    window['customElement'] = customElement;
+    window['safeHTML'] = safeHTML;
+  }
 
-app.use_render = (render, mode = 0) =>
-  mode === 0 ?
-    app.render = (el, vdom) => render(vdom, el) : // react style
-    app.render = (el, vdom) => render(el, vdom);  // apprun style
+  app.use_render = (render, mode = 0) =>
+    mode === 0 ?
+      app.render = (el, vdom) => render(vdom, el) : // react style
+      app.render = (el, vdom) => render(el, vdom);  // apprun style
 
-app.use_react = (React, ReactDOM) => {
-  app.h = app.createElement = React.createElement;
-  app.Fragment = React.Fragment;
-  app.render = (el, vdom) => ReactDOM.render(vdom, el);
-  if (React.version && React.version.startsWith('18')) {
-    app.render = (el, vdom) => {
-      if (!el || !vdom) return;
-      if (!el._root) el._root = ReactDOM.createRoot(el);
-      el._root.render(vdom);
+  app.use_react = (React, ReactDOM) => {
+    app.h = app.createElement = React.createElement;
+    app.Fragment = React.Fragment;
+    app.render = (el, vdom) => ReactDOM.render(vdom, el);
+    if (React.version && React.version.startsWith('18')) {
+      app.render = (el, vdom) => {
+        if (!el || !vdom) return;
+        if (!el._root) el._root = ReactDOM.createRoot(el);
+        el._root.render(vdom);
+      }
     }
   }
 }