apprun 3.38.0 → 6.0.0-rc.0

package/esm/vdom-patch.js

@@ -1,103 +0,0 @@
-var CHANGES;
-(function (CHANGES) {
-    CHANGES[CHANGES["NO_ATTR_CHANGE"] = 1] = "NO_ATTR_CHANGE";
-    CHANGES[CHANGES["NO_TREE_CHANGE"] = 2] = "NO_TREE_CHANGE";
-})(CHANGES || (CHANGES = {}));
-export function patch(vdom1, vdom2) {
-    if (!vdom1?.length || !vdom2?.length)
-        return;
-    const old_len = vdom1.length;
-    const new_len = vdom2.length;
-    const len = Math.min(old_len, new_len);
-    for (let i = 0; i < len; i++) {
-        const node1 = vdom1[i];
-        const node2 = vdom2[i];
-        if (!node2 || typeof node2 !== 'object')
-            continue;
-        if (_areEquals(node1, node2)) {
-            node2._op = CHANGES.NO_ATTR_CHANGE | CHANGES.NO_TREE_CHANGE;
-        }
-        else {
-            if (_areEquals(node1.props, node2.props)) {
-                node2._op = CHANGES.NO_ATTR_CHANGE;
-            }
-            if (_areEquals(node1.children, node2.children)) {
-                node2._op = node2._op | CHANGES.NO_TREE_CHANGE;
-            }
-            else {
-                patch(node1.children, node2.children);
-            }
-        }
-    }
-}
-export function get_vdom(node) {
-    if (!node)
-        return null;
-    if (node.nodeType === 3)
-        return node.nodeValue;
-    const children = [];
-    if (node.childNodes) {
-        for (let i = 0; i < node.childNodes.length; i++) {
-            children.push(get_vdom(node.childNodes[i]));
-        }
-    }
-    const tag = node['tagName'] ? node['tagName'].toLocaleLowerCase() : node;
-    return {
-        tag,
-        props: node['_props'],
-        children
-    };
-}
-// based on https://github.com/epoberezkin/fast-deep-equal
-// MIT License
-// Copyright (c) 2017 Evgeny Poberezkin
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-export function _areEquals(a, b) {
-    if (a === b)
-        return true;
-    if (a && b && typeof a == 'object' && typeof b == 'object') {
-        var arrA = Array.isArray(a), arrB = Array.isArray(b), i, length, key;
-        if (arrA && arrB) {
-            length = a.length;
-            if (length != b.length)
-                return false;
-            for (i = length; i-- !== 0;)
-                if (!_areEquals(a[i], b[i]))
-                    return false;
-            return true;
-        }
-        if (arrA != arrB)
-            return false;
-        var keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length)
-            return false;
-        for (i = length; i-- !== 0;)
-            if (!b.hasOwnProperty(keys[i]))
-                return false;
-        for (i = length; i-- !== 0;) {
-            key = keys[i];
-            if (!_areEquals(a[key], b[key]))
-                return false;
-        }
-        return true;
-    }
-    return a !== a && b !== b;
-}
-;
-export default patch;
-//# sourceMappingURL=vdom-patch.js.map

package/esm/vdom-patch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vdom-patch.js","sourceRoot":"","sources":["../src/vdom-patch.ts"],"names":[],"mappings":"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"}

package/index.html

@@ -1,87 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>AppRun</title>
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
-    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
-  <link rel="stylesheet" href="demo/lib/codemirror.css">
-  <script src="demo/lib/codemirror.js"></script>
-  <script src="demo/mode/javascript/javascript.js"></script>
-  <script src="demo/mode/xml/xml.js"></script>
-  <script src="demo/mode/jsx/jsx.js"></script>
-  <link rel="stylesheet" type="text/css" href="demo/styles.css">
-</head>
-<body>
-    <!-- navbar -->
-    <nav class="navbar navbar-default">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">AppRun</a>
-        </div>
-        <div id="navbar" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="#new">What's New</a></li>
-            <li><a href="docs">Guide</a></li>
-            <li><a href="#play">Play</a></li>
-            <li class="dropdown">
-              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Examples
-                <span class="caret"></span></a>
-                <ul class="dropdown-menu">
-
-                  <li><a href="#hello">Hello World</a></li>
-                  <!-- <li><a href="#hello-pushstate">Hello World - Push State</a></li>
-                  <li><a href="#hello-delayed">Hello World - Delayed</a></li>
-                  <li><a href="#hello-directive">Hello World - Directive</a></li>
-                  <li role="separator" class="divider"></li> -->
-                  <li><a href="#counter">Simple Counter</a></li>
-                  <li><a href="#counters">Multiple Counters</a></li>
-                  <li role="separator" class="divider"></li>
-                  <li><a href="#calculator">Calculator</a></li>
-                  <li><a href="#dragdrop">Pointer</a></li>
-                  <li><a href="#animation">Animation</a></li>
-                  <li><a href="#svg">SVG</a></li>
-                  <li><a href="#todo">Todo - Undo - Redo</a></li>
-                  <li><a href="#webcomponents">Web-Components</a></li>
-                  <li role="separator" class="divider"></li>
-                  <li><a href="https://github.com/samphilipd/todomvc-apprun">ToDoMVC Example</a></li>
-                  <li><a href="https://yysun.github.io/apprun-hn">Hacker News Reader - PWA Example</a></li>
-                  <li><a href="https://github.com/gothinkster/apprun-realworld-example-app">RealWorld Example App</a></li>
-                  <li><a href="https://github.com/yysun/apprun-apress-book">Examples from the Apress Book</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Benchmarks
-                  <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="#benchmark">Benchmark JSX</a></li>
-                    <li><a href="#benchmark-lit-html">Benchmark lit-html</a></li>
-                  </ul>
-              </li>
-            <li><a href="https://github.com/yysun/apprun">Github</a></li>
-          </ul>
-        </div><!--/.nav-collapse -->
-      </div>
-    </nav>
-
-    <div class="container">
-      <div id="my-app"></div>
-    </div> <!-- /container -->
-
-  <script src="https://code.jquery.com/jquery-3.1.1.min.js"
-    integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
-
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
-    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-
-  <script src="demo/app.js"></script>
-</body>
-</html>

package/jest.config.js

@@ -1,57 +0,0 @@
-/** @type {import('jest').Config} */
-module.exports = {
-  testEnvironment: "jsdom",
-  transformIgnorePatterns: [
-    "node_modules/(?!(lit|@lit|lit-html|@lit-labs|property-information))"
-  ],
-  transform: {
-    "^.+\\.(t|j)sx?$": ["ts-jest", {
-      useESM: true,
-      tsconfig: "tsconfig.jest.json",
-      diagnostics: {
-        warnOnly: true, // Convert type-check errors to warnings during tests
-        ignoreCodes: [
-          "TS7006", // Parameter implicitly has an 'any' type
-          "TS7015", // Element implicitly has an 'any' type because index expression is not of type 'number'
-          "TS7031", // Binding element implicitly has an 'any' type
-          "TS7053", // Element implicitly has an 'any' type because expression of type can't be used to index type
-          "TS2683", // 'this' implicitly has type 'any' because it does not have a type annotation
-          "TS2345", // Argument of type is not assignable to parameter of type
-          "TS2322", // Type is not assignable to type
-          "TS18047", // Object is possibly 'null'
-          "TS18048" // Property is possibly 'undefined'
-        ]
-      }
-    }]
-  },
-  testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
-  moduleFileExtensions: [
-    "ts",
-    "tsx",
-    "js",
-    "jsx",
-    "json",
-    "node"
-  ],
-  preset: "ts-jest/presets/default-esm",
-  extensionsToTreatAsEsm: [".ts", ".tsx"],
-  testEnvironmentOptions: {
-    url: "http://localhost"
-  },
-  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
-  moduleNameMapper: {
-    "^lit$": "<rootDir>/node_modules/lit/development/index.js",
-    "^lit/directive$": "<rootDir>/node_modules/lit/development/directive.js",
-    "^lit/directives/(.*)$": "<rootDir>/node_modules/lit/development/directives/$1",
-    "^property-information$": "<rootDir>/node_modules/property-information/index.js",
-    "^(\\.{1,2}/.*)\\.js$": "$1",
-    "^(\\.{1,2}/.*)\\.jsx?$": "$1",
-    "^(\\.{1,2}/.*)\\.tsx?$": "$1"
-  },
-  testPathIgnorePatterns: [
-    "/node_modules/",
-    "/dist/",
-    "/coverage/",
-    "/esm/"
-  ]
-};

package/jest.setup.js

@@ -1,73 +0,0 @@
-// Add Jest-specific test setup
-global.spyOn = (obj, method) => {
-  const spy = jest.spyOn(obj, method);
-  spy.calls = {
-    allArgs: () => spy.mock.calls,
-    all: () => spy.mock.calls.map(args => ({ args })),
-    count: () => spy.mock.calls.length,
-    first: () => spy.mock.calls[0],
-    mostRecent: () => spy.mock.calls[spy.mock.calls.length - 1]
-  };
-  return spy;
-};
-
-// Add TextEncoder/TextDecoder polyfills for JSDOM environment
-if (typeof TextEncoder === 'undefined') {
-  const { TextEncoder, TextDecoder } = require('util');
-  global.TextEncoder = TextEncoder;
-  global.TextDecoder = TextDecoder;
-}
-
-// Ensure global references are properly set up for JSDOM
-Object.defineProperty(global, 'Node', {
-  value: globalThis.Node || class Node { },
-  writable: true,
-  configurable: true
-});
-
-Object.defineProperty(global, 'HTMLElement', {
-  value: globalThis.HTMLElement || class HTMLElement { },
-  writable: true,
-  configurable: true
-});
-
-Object.defineProperty(global, 'SVGElement', {
-  value: globalThis.SVGElement || class SVGElement { },
-  writable: true,
-  configurable: true
-});
-
-// Mock jasmine functionality with Jest equivalents
-global.jasmine = {
-  createSpy: (name) => {
-    const spy = jest.fn();
-    spy.calls = {
-      allArgs: () => spy.mock.calls,
-      all: () => spy.mock.calls.map(args => ({ args })),
-      count: () => spy.mock.calls.length,
-      first: () => spy.mock.calls[0],
-      mostRecent: () => spy.mock.calls[spy.mock.calls.length - 1]
-    };
-    spy.and = {
-      callThrough: () => spy,
-      returnValue: (val) => spy.mockReturnValue(val),
-      callFake: (fn) => spy.mockImplementation(fn)
-    };
-    return spy;
-  }
-};
-
-// Setup document if it doesn't exist (for JSDOM)
-if (typeof document === 'undefined') {
-  global.document = {
-    createElement: () => ({
-      setAttribute: () => { },
-      style: {},
-      appendChild: () => { }
-    }),
-    createComment: () => ({}),
-    body: {
-      appendChild: () => { }
-    }
-  };
-}

package/react.js

@@ -1,13 +0,0 @@
-import { useState } from 'react';
-
-const toReact = (componentClass) => {
-  const component = new componentClass().mount();
-  const { state, view } = component;
-  return () => {
-    const [_state, setState] = useState(state);
-    component.view = setState;
-    return view(_state);
-  }
-}
-
-export default toReact;

package/rollup.config.js

@@ -1,62 +0,0 @@
-/**
- * Rollup Configuration
- * 
- * This configuration builds AppRun's ESM bundles with the following features:
- * - Minification (controlled by MINIFY env var, defaults to true)
- * - Sourcemaps (enabled by default)
- * - Property mangling for properties starting with '__'
- * 
- * Usage:
- * - Default build (minified): rollup -c
- * - Unminified build: MINIFY=false rollup -c
- */
-
-const terser = require('@rollup/plugin-terser');
-const resolve = require('@rollup/plugin-node-resolve');
-const commonjs = require('@rollup/plugin-commonjs');
-
-// Control minification via environment variable
-const minify = process.env.MINIFY !== 'false';
-
-const plugins = minify ? [
-  resolve(),
-  commonjs(),
-  terser({
-    module: true,
-    sourceMap: true, // Enable sourcemap support in terser
-    mangle: {
-      properties: {
-        regex: /^__/,
-      },
-    },
-  })
-] : [
-  resolve(),
-  commonjs()
-];
-
-module.exports = [{
-  input: 'esm/apprun.js',
-  output: {
-    file: 'dist/apprun.esm.js',
-    format: 'esm',
-    sourcemap: true
-  },
-  plugins,
-}, {
-  input: 'esm/apprun-html.js',
-  output: {
-    file: 'dist/apprun-html.esm.js',
-    format: 'esm',
-    sourcemap: true
-    },
-  plugins
-  }, {
-    input: 'esm/apprun-play-html.js',
-    output: {
-      file: 'dist/apprun-play-html.esm.js',
-      format: 'esm',
-      sourcemap: true
-    },
-    plugins
-}]

package/src/add-components.ts

@@ -1,103 +0,0 @@
-import { ComponentRoute, IApp } from './types';
-import app from './app'; // ADD: Global app instance access
-
-// Type guard functions using the enhanced type system
-function isComponentInstance(obj: any): boolean {
-  return obj && typeof obj === 'object' && typeof obj.mount === 'function';
-}
-
-function isComponentConstructor(fn: any): boolean {
-  return typeof fn === 'function' &&
-    fn.prototype &&
-    fn.prototype.constructor === fn &&
-    (fn.prototype.mount !== undefined ||
-      fn.prototype.state !== undefined ||
-      fn.prototype.view !== undefined);
-}
-
-function isFactoryFunction(fn: any): boolean {
-  return typeof fn === 'function' && !isComponentConstructor(fn);
-}
-
-// Recursive function resolution with enhanced type checking
-async function resolveComponent(component: any, maxDepth = 3): Promise<any> {
-  let resolved = component;
-  let depth = 0;
-
-  while (isFactoryFunction(resolved) && depth < maxDepth) {
-    try {
-      const result = await resolved();
-      if (result === resolved) break; // Prevent infinite loops
-      resolved = result;
-      depth++;
-    } catch (error) {
-      console.error(`Error executing component function: ${error}`);
-      break;
-    }
-  }
-
-  return resolved;
-}
-
-export default async (element: HTMLElement | string, components: ComponentRoute) => {
-  for (const [route, component] of Object.entries(components)) {
-    if (!component || !route) {
-      console.error(`Invalid component configuration: component=${component}, route=${route}`);
-      continue;
-    }
-
-    // Check if it's a direct component instance
-    if (isComponentInstance(component)) {
-      const options = { route };
-      (component as any).mount(element, options);
-      continue;
-    }
-
-    // Check if it's a component class constructor
-    if (isComponentConstructor(component)) {
-      const instance = new (component as any)();
-      const options = { route };
-      instance.mount(element, options);
-      continue;
-    }
-
-    // At this point it must be a function - resolve it
-    if (isFactoryFunction(component)) {
-      // Resolve the function to see what it returns
-      let resolved = await resolveComponent(component);
-
-      // Check if resolved result is a component instance
-      if (isComponentInstance(resolved)) {
-        const options = { route };
-        resolved.mount(element, options);
-        continue;
-      }
-
-      // Check if resolved result is a component constructor
-      if (isComponentConstructor(resolved)) {
-        const instance = new resolved();
-        const options = { route };
-        instance.mount(element, options);
-        continue;
-      }
-
-      // If resolved result is still a function or anything else, treat original as event handler with render wrapper
-      app.on(route, (...args: any[]) => {
-        const result = (component as any)(...args);
-        if (typeof element === 'string') {
-          element = document.querySelector(element) as HTMLElement;
-          if (!element) {
-            console.error(`Element not found: ${element}`);
-            return;
-          }
-        }
-        return (app as unknown as IApp).render(element, result);
-      });
-      continue;
-    }
-
-    // If we get here, it's an invalid component type
-    console.error(`Invalid component: component must be a class, instance, or function that returns a class/instance`);
-  }
-}
-