@angular-wave/angular.ts 0.9.4 → 0.9.5

package/src/router/view-hook.spec.js

@@ -1,215 +0,0 @@
-import { dealoc } from "../shared/dom.js";
-import { Angular } from "../angular.js";
-import { wait } from "../shared/test-utils.js";
-
-describe("view hooks", () => {
-  let app,
-    $state,
-    $q,
-    $timeout,
-    log = "";
-  class ctrl {
-    constructor() {
-      this.data = "DATA";
-    }
-  }
-
-  const component = {
-    bindings: { cmpdata: "<" },
-    template: "{{$ctrl.cmpdata}}",
-  };
-
-  beforeEach(() => {
-    dealoc(document.getElementById("app"));
-    window.angular = new Angular();
-    app = window.angular
-      .module("defaultModule", [])
-      .config(($stateProvider) => {
-        $stateProvider.state({ name: "foo", url: "/foo", component: "foo" });
-        $stateProvider.state({ name: "bar", url: "/bar", component: "bar" });
-        $stateProvider.state({ name: "baz", url: "/baz", component: "baz" });
-        $stateProvider.state({ name: "redirect", redirectTo: "baz" });
-      })
-      .component(
-        "foo",
-        Object.assign({}, Object.assign(component, { controller: ctrl })),
-      )
-      .component("bar", Object.assign({}, component))
-      .component("baz", Object.assign({}, component));
-
-    let $injector = window.angular.bootstrap(document.getElementById("app"), [
-      "defaultModule",
-    ]);
-
-    $injector.invoke((_$state_, _$q_, _$timeout_, $compile, $rootScope) => {
-      $state = _$state_;
-      $q = _$q_;
-      $timeout = _$timeout_;
-      $compile("<div><ng-view></ng-view></div>")($rootScope.$new());
-    });
-  });
-
-  xdescribe("uiCanExit", () => {
-    beforeEach(() => {
-      log = "";
-    });
-
-    const initial = async () => {
-      $state.go("foo");
-      await wait(100);
-      expect(log).toBe("");
-      expect($state.current.name).toBe("foo");
-    };
-
-    xit("can cancel a transition that would exit the view's state by returning false", async () => {
-      $state.defaultErrorHandler(function () {});
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return false;
-      };
-      await initial();
-      $state.go("bar");
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("foo");
-    });
-
-    it("can allow the transition by returning true", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return true;
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("bar");
-    });
-
-    xit("can allow the transition by returning nothing", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("bar");
-    });
-
-    xit("can redirect the transition", async () => {
-      ctrl.prototype.uiCanExit = function (trans) {
-        log += "canexit;";
-        return $state.target("baz");
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("baz");
-    });
-
-    xit("can cancel the transition by returning a rejected promise", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return $q.reject("nope");
-      };
-      await initial();
-
-      $state.defaultErrorHandler(function () {});
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("foo");
-    });
-
-    xit("can wait for a promise and then reject the transition", async () => {
-      $state.defaultErrorHandler(function () {});
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return setTimeout(() => {
-          log += "delay;";
-          return false;
-        }, 1);
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;delay;");
-      expect($state.current.name).toBe("foo");
-    });
-
-    it("can wait for a promise and then allow the transition", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return setTimeout(() => {
-          log += "delay;";
-        }, 1);
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;delay;");
-      expect($state.current.name).toBe("bar");
-    });
-
-    xit("has 'this' bound to the controller", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += this.data;
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("DATA");
-      expect($state.current.name).toBe("bar");
-    });
-
-    xit("receives the new Transition as the first argument", async () => {
-      const _state = $state;
-      ctrl.prototype.uiCanExit = function (trans) {
-        log += "canexit;";
-        expect(typeof trans.treeChanges).toBe("function");
-        // expect(trans.injector().get("$state")).toBe(_state);
-      };
-      await initial();
-
-      $state.go("bar");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("bar");
-    });
-
-    // Test for https://github.com/angular-ui/ui-router/issues/3308
-    xit("should trigger once when answered truthy even if redirected", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return true;
-      };
-      await initial();
-
-      $state.go("redirect");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("baz");
-    });
-
-    // Test for https://github.com/angular-ui/ui-router/issues/3308
-    xit("should trigger only once if returns a redirect", async () => {
-      ctrl.prototype.uiCanExit = function () {
-        log += "canexit;";
-        return $state.target("bar");
-      };
-      await initial();
-
-      $state.go("redirect");
-      await wait(100);
-      expect(log).toBe("canexit;");
-      expect($state.current.name).toBe("bar");
-    });
-  });
-});

package/src/router/view-scroll.js

@@ -1,33 +0,0 @@
-import { $injectTokens as $t } from "../injection-tokens.js";
-
-export class ViewScrollProvider {
-  constructor() {
-    this.enabled = false;
-  }
-
-  useAnchorScroll() {
-    this.enabled = true;
-  }
-
-  $get = [
-    $t.$anchorScroll,
-    /**
-     * @param {import('../services/anchor-scroll/anchor-scroll.js').AnchorScrollObject} $anchorScroll
-     * @returns {import('../services/anchor-scroll/anchor-scroll.js').AnchorScrollObject|Function}
-     */
-    ($anchorScroll) => {
-      if (this.enabled) {
-        return $anchorScroll;
-      }
-      /**
-       * @param {Element} $element
-       * @returns {Promise<number>}
-       */
-      return async function ($element) {
-        return setTimeout(() => {
-          $element.scrollIntoView(false);
-        }, 0);
-      };
-    },
-  ];
-}

package/src/router/view-scroll.spec.js

@@ -1,72 +0,0 @@
-import { dealoc } from "../shared/dom.js";
-import { Angular } from "../angular.js";
-import { wait } from "../shared/test-utils.js";
-
-describe("ngView", () => {
-  describe("scrollIntoView", () => {
-    let elem, $anchorScroll, $viewScroll;
-
-    beforeEach(() => {
-      dealoc(document.getElementById("app"));
-      window.angular = new Angular();
-      window.angular.module("defaultModule", []);
-      let $injector = window.angular.bootstrap(document.getElementById("app"), [
-        "defaultModule",
-      ]);
-
-      $injector.invoke((_$viewScroll_, _$anchorScroll_) => {
-        $anchorScroll = _$anchorScroll_;
-        $viewScroll = _$viewScroll_;
-      });
-      elem = [{ scrollIntoView: jasmine.createSpy("scrollIntoView") }];
-    });
-
-    it("should scroll element into view after timeout", async () => {
-      $viewScroll(elem[0]);
-      expect(elem[0].scrollIntoView).not.toHaveBeenCalled();
-
-      await wait(100);
-      expect(elem[0].scrollIntoView).toHaveBeenCalled();
-    });
-
-    it("should return the promise from the timeout", async () => {
-      dealoc(document.getElementById("app"));
-      const promise = $viewScroll(elem[0]);
-
-      await wait(10);
-      expect(elem[0].scrollIntoView).toHaveBeenCalled();
-      expect(promise).toBeDefined();
-    });
-  });
-
-  describe("useAnchorScroll", () => {
-    let elem, $anchorScroll, $viewScroll;
-
-    beforeEach(() => {
-      dealoc(document.getElementById("app"));
-      window.angular = new Angular();
-      let module = window.angular.module("defaultModule", []);
-      module.config(($provide, $viewScrollProvider) => {
-        $provide.decorator("$anchorScroll", function ($delegate) {
-          return jasmine.createSpy("$anchorScroll");
-        });
-        $viewScrollProvider.useAnchorScroll();
-      });
-
-      let $injector = window.angular.bootstrap(document.getElementById("app"), [
-        "defaultModule",
-      ]);
-
-      $injector.invoke((_$viewScroll_, _$anchorScroll_) => {
-        $anchorScroll = _$anchorScroll_;
-        $viewScroll = _$viewScroll_;
-      });
-      elem = [{ scrollIntoView: jasmine.createSpy("scrollIntoView") }];
-    });
-
-    it("should call $anchorScroll", () => {
-      $viewScroll();
-      expect($anchorScroll).toHaveBeenCalled();
-    });
-  });
-});

package/src/services/anchor-scroll/anchor-scroll.html

@@ -1,76 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>AngularTS Test Runner</title>
-    <link rel="shortcut icon" type="image/png" href="/images/favicon.ico" />
-    <script type="module" src="/src/index.js"></script>
-    <script>
-      document.addEventListener("DOMContentLoaded", () => {
-        window.angular
-          .module("test", [])
-          .run([
-            "$anchorScroll",
-            function ($anchorScroll) {
-              $anchorScroll.yOffset = 100; // always scroll by 50 extra pixels
-            },
-          ])
-          .controller("headerCtrl", [
-            "$anchorScroll",
-            "$location",
-            "$scope",
-            function ($anchorScroll, $location, $scope) {
-              $scope.gotoAnchor = function (x) {
-                window.$locationTest = $location;
-                const newHash = "anchor" + x;
-                if ($location.getHash() !== newHash) {
-                  // set the $location.hash to `newHash` and
-                  // $anchorScroll will automatically scroll to it
-                  $location.setHash("anchor" + x);
-                } else {
-                  // call $anchorScroll() explicitly,
-                  // since $location.hash hasn't changed
-                  $anchorScroll();
-                }
-              };
-            },
-          ]);
-      });
-    </script>
-
-    <style>
-      body {
-        padding-top: 50px;
-      }
-
-      .anchor {
-        border: 2px dashed DarkOrchid;
-        padding: 10px 10px 200px 10px;
-      }
-
-      .fixed-header {
-        background-color: rgba(0, 0, 0, 0.2);
-        height: 50px;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-      }
-
-      .fixed-header > a {
-        display: inline-block;
-        margin: 5px 15px;
-      }
-    </style>
-  </head>
-  <body ng-app="test">
-    <div class="fixed-header" ng-controller="headerCtrl">
-      <a ng-click="gotoAnchor(x)" ng-repeat="x in [1,2,3,4,5]">
-        Go to anchor {{x}}
-      </a>
-    </div>
-    <div id="anchor{{x}}" class="anchor" ng-repeat="x in [1,2,3,4,5]">
-      Anchor {{x}} of 5
-    </div>
-  </body>
-</html>

package/src/services/anchor-scroll/anchor-scroll.js

@@ -1,147 +0,0 @@
-import {
-  isElement,
-  isFunction,
-  isNumber,
-  isString,
-  getNodeName,
-} from "../../shared/utils.js";
-import { $injectTokens as $t } from "../../injection-tokens.js";
-
-/**
- * @typedef {Object} AnchorScrollObject
- * @property {number|function|Element} yOffset
- */
-
-/**
- * @typedef {(string) => void} AnchorScrollFunction
- */
-
-/**
- * @typedef {AnchorScrollFunction | AnchorScrollObject} AnchorScrollService
- */
-
-export class AnchorScrollProvider {
-  constructor() {
-    this.autoScrollingEnabled = true;
-  }
-
-  $get = [
-    $t.$location,
-    $t.$rootScope,
-    /**
-     *
-     * @param {import('../../services/location/location.js').Location} $location
-     * @param {import('../../core/scope/scope.js').Scope} $rootScope
-     * @returns
-     */
-    function ($location, $rootScope) {
-      // Helper function to get first anchor from a NodeList
-      // (using `Array#some()` instead of `angular#forEach()` since it's more performant
-      //  and working in all supported browsers.)
-      function getFirstAnchor(list) {
-        let result = null;
-        Array.prototype.some.call(list, (element) => {
-          if (getNodeName(element) === "a") {
-            result = element;
-            return true;
-          }
-        });
-        return result;
-      }
-
-      function getYOffset() {
-        // Figure out a better way to configure this other than bolting on a property onto a function
-        let offset = /** @type {AnchorScrollObject} */ (scroll).yOffset;
-
-        if (isFunction(offset)) {
-          offset = /** @type {Function} */ (offset)();
-        } else if (isElement(offset)) {
-          const elem = offset[0];
-          const style = window.getComputedStyle(elem);
-          if (style.position !== "fixed") {
-            offset = 0;
-          } else {
-            offset = elem.getBoundingClientRect().bottom;
-          }
-        } else if (!isNumber(offset)) {
-          offset = 0;
-        }
-
-        return offset;
-      }
-
-      function scrollTo(elem) {
-        if (elem) {
-          elem.scrollIntoView();
-
-          const offset = getYOffset();
-
-          if (offset) {
-            // `offset` is the number of pixels we should scroll UP in order to align `elem` properly.
-            // This is true ONLY if the call to `elem.scrollIntoView()` initially aligns `elem` at the
-            // top of the viewport.
-            //
-            // IF the number of pixels from the top of `elem` to the end of the page's content is less
-            // than the height of the viewport, then `elem.scrollIntoView()` will align the `elem` some
-            // way down the page.
-            //
-            // This is often the case for elements near the bottom of the page.
-            //
-            // In such cases we do not need to scroll the whole `offset` up, just the difference between
-            // the top of the element and the offset, which is enough to align the top of `elem` at the
-            // desired position.
-            const elemTop = elem.getBoundingClientRect().top;
-            window.scrollBy(0, elemTop - /** @type {number} */ (offset));
-          }
-        } else {
-          window.scrollTo(0, 0);
-        }
-      }
-
-      /** @type {AnchorScrollService} */
-      const scroll = function (hash) {
-        // Allow numeric hashes
-        hash = isString(hash)
-          ? hash
-          : isNumber(hash)
-            ? hash.toString()
-            : $location.getHash();
-        let elm;
-
-        // empty hash, scroll to the top of the page
-        if (!hash) {
-          scrollTo(null);
-        }
-        // element with given id
-        else if ((elm = document.getElementById(hash))) scrollTo(elm);
-        // first anchor with given name :-D
-        else if ((elm = getFirstAnchor(document.getElementsByName(hash))))
-          scrollTo(elm);
-        // no element and hash === 'top', scroll to the top of the page
-        else if (hash === "top") scrollTo(null);
-      };
-
-      // does not scroll when user clicks on anchor link that is currently on
-      // (no url change, no $location.getHash() change), browser native does scroll
-      if (this.autoScrollingEnabled) {
-        $rootScope["$location"] = $location;
-        $rootScope.$watch("$location.$$hash", (newVal, oldVal) => {
-          // skip the initial scroll if $location.hash is empty
-          if (newVal === oldVal && newVal === "") return;
-
-          const action = () => Promise.resolve().then(scroll);
-          if (document.readyState === "complete") {
-            // Force the action to be run async for consistent behavior
-            // from the action's point of view
-            // i.e. it will definitely not be in a $apply
-            window.setTimeout(() => action());
-          } else {
-            window.addEventListener("load", () => action());
-          }
-        });
-      }
-
-      return scroll;
-    },
-  ];
-}

package/src/services/exception/exception-handler.js

@@ -1,75 +0,0 @@
-/**
- * Handles uncaught exceptions thrown in AngularTS expressions.
- *
- * By default, this service delegates to `$log.error()`, logging the exception to the browser console.
- * You can override this behavior to provide custom exception handling—such as reporting errors
- * to a backend server, or altering the log level used.
- *
- * ## Default Behavior
- *
- * Uncaught exceptions within AngularTS expressions are intercepted and passed to this service.
- * The default implementation logs the error using `$log.error(exception, cause)`.
- *
- * ## Custom Implementation
- *
- * You can override the default `$exceptionHandler` by providing your own factory. This allows you to:
- * - Log errors to a remote server
- * - Change the log level (e.g., from `error` to `warn`)
- * - Trigger custom error-handling workflows
- *
- * ### Example: Overriding `$exceptionHandler`
- *
- * ```js
- * angular
- *   .module('exceptionOverwrite', [])
- *   .factory('$exceptionHandler', ['$log', 'logErrorsToBackend', function($log, logErrorsToBackend) {
- *     return function myExceptionHandler(exception, cause) {
- *       logErrorsToBackend(exception, cause);
- *       $log.warn(exception, cause); // Use warn instead of error
- *     };
- *   }]);
- * ```
- * - You may also manually invoke the exception handler:
- *
- * ```js
- * try {
- *   // Some code that might throw
- * } catch (e) {
- *   $exceptionHandler(e, 'optional context');
- * }
- * ```
- *
- * @see {@link angular.ErrorHandler AngularTS ErrorHandler}
- */
-
-/** @typedef {import('../log/interface.ts').LogService} LogService */
-
-/** @typedef {import("./interface.ts").ErrorHandler}  ErrorHandler */
-
-/**
- * Provider for `$exceptionHandler` service. Delegates uncaught exceptions to `$log.error()` by default.
- * Can be overridden to implement custom error-handling logic.
- */
-export class ExceptionHandlerProvider {
-  constructor() {
-    /** @type {LogService} */
-    this.log = window.console;
-
-    /** @type {ErrorHandler} */
-    this.errorHandler = (exception, cause) => {
-      this.log.error(exception, cause);
-    };
-
-    this.$get = [
-      "$log",
-      /**
-       * @param {LogService} $log
-       * @returns {ErrorHandler}
-       */
-      ($log) => {
-        this.log = $log;
-        return this.errorHandler;
-      },
-    ];
-  }
-}

package/src/services/exception/interface.ts

@@ -1,7 +0,0 @@
-/**
- * A callback type for handling errors.
- *
- * @param exception - The exception associated with the error.
- * @param [cause] - Optional information about the context in which the error was thrown.
- */
-export type ErrorHandler = (exception: Error, cause?: string) => void;

package/src/services/http/http.html

@@ -1,23 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>AngularTS Test Runner</title>
-
-    <link rel="shortcut icon" type="image/png" href="/images/favicon.ico" />
-    <link rel="stylesheet" href="/jasmine/jasmine.css" />
-    <link rel="stylesheet" href="/public/jasmine-helper.css" />
-    <script src="/jasmine/jasmine.js"></script>
-    <script src="/jasmine/jasmine-html.js"></script>
-    <script src="/jasmine/boot0.js"></script>
-    <script src="/jasmine/boot1.js"></script>
-    <script type="module" src="/src/services/http/http.spec.js"></script>
-    <script
-      type="module"
-      src="/src/services/http/template-request.spec.js"
-    ></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>