@angular-wave/angular.ts 0.9.4 → 0.9.5

package/src/router/state/state.test.js

@@ -1,12 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-const TEST_URL = "src/router/state/state.html?random=false";
-
-test("unit tests contain no errors", async ({ page }) => {
-  await page.goto(TEST_URL);
-  await page.content();
-  await page.waitForTimeout(1000);
-  await expect(page.locator(".jasmine-overall-result")).toHaveText(
-    / 0 failures/,
-  );
-});

package/src/router/state/target-state.js

@@ -1,162 +0,0 @@
-import { isObject, isString } from "../../shared/utils.js";
-import { stringify } from "../../shared/strings";
-/**
- * Encapsulate the target (destination) state/params/options of a [[Transition]].
- *
- * This class is frequently used to redirect a transition to a new destination.
- *
- * See:
- *
- * - [[HookResult]]
- * - [[TransitionHookFn]]
- * - [[TransitionService.onStart]]
- *
- * To create a `TargetState`, use [[StateService.target]].
- *
- * ---
- *
- * This class wraps:
- *
- * 1) an identifier for a state
- * 2) a set of parameters
- * 3) and transition options
- * 4) the registered state object (the [[StateDeclaration]])
- *
- * Many ng-router APIs such as [[StateService.go]] take a [[StateOrName]] argument which can
- * either be a *state object* (a [[StateDeclaration]] or [[StateObject]]) or a *state name* (a string).
- * The `TargetState` class normalizes those options.
- *
- * A `TargetState` may be valid (the state being targeted exists in the registry)
- * or invalid (the state being targeted is not registered).
- */
-export class TargetState {
-  /**
-   * The TargetState constructor
-   *
-   * Note: Do not construct a `TargetState` manually.
-   * To create a `TargetState`, use the [[StateService.target]] factory method.
-   *
-   * @param _stateRegistry The StateRegistry to use to look up the _definition
-   * @param _identifier An identifier for a state.
-   *    Either a fully-qualified state name, or the object used to define the state.
-   * @param _params Parameters for the target state
-   * @param _options Transition options.
-   *
-   * @internal
-   */
-  constructor(_stateRegistry, _identifier, _params, _options) {
-    this._stateRegistry = _stateRegistry;
-    this._identifier = _identifier;
-    this._identifier = _identifier;
-    this._params = Object.assign({}, _params || {});
-    this._options = Object.assign({}, _options || {});
-    this._definition = _stateRegistry.matcher.find(
-      _identifier,
-      this._options.relative,
-    );
-  }
-  /** The name of the state this object targets */
-  name() {
-    return (this._definition && this._definition.name) || this._identifier;
-  }
-  /** The identifier used when creating this TargetState */
-  identifier() {
-    return this._identifier;
-  }
-  /** The target parameter values */
-  params() {
-    return this._params;
-  }
-  /** The internal state object (if it was found) */
-  $state() {
-    return this._definition;
-  }
-  /** The internal state declaration (if it was found) */
-  state() {
-    return this._definition && this._definition.self;
-  }
-  /** The target options */
-  options() {
-    return this._options;
-  }
-  /** True if the target state was found */
-  exists() {
-    return !!(this._definition && this._definition.self);
-  }
-  /** True if the object is valid */
-  valid() {
-    return !this.error();
-  }
-  /** If the object is invalid, returns the reason why */
-  error() {
-    const base = this.options().relative;
-    if (!this._definition && !!base) {
-      const stateName = base.name ? base.name : base;
-      return `Could not resolve '${this.name()}' from state '${stateName}'`;
-    }
-    if (!this._definition) return `No such state '${this.name()}'`;
-    if (!this._definition.self)
-      return `State '${this.name()}' has an invalid definition`;
-  }
-  toString() {
-    return `'${this.name()}'${stringify(this.params())}`;
-  }
-  /**
-   * Returns a copy of this TargetState which targets a different state.
-   * The new TargetState has the same parameter values and transition options.
-   *
-   * @param state The new state that should be targeted
-   */
-  withState(state) {
-    return new TargetState(
-      this._stateRegistry,
-      state,
-      this._params,
-      this._options,
-    );
-  }
-  /**
-   * Returns a copy of this TargetState, using the specified parameter values.
-   *
-   * @param params the new parameter values to use
-   * @param replace When false (default) the new parameter values will be merged with the current values.
-   *                When true the parameter values will be used instead of the current values.
-   */
-  withParams(params, replace = false) {
-    const newParams = replace
-      ? params
-      : Object.assign({}, this._params, params);
-    return new TargetState(
-      this._stateRegistry,
-      this._identifier,
-      newParams,
-      this._options,
-    );
-  }
-  /**
-   * Returns a copy of this TargetState, using the specified Transition Options.
-   *
-   * @param options the new options to use
-   * @param replace When false (default) the new options will be merged with the current options.
-   *                When true the options will be used instead of the current options.
-   */
-  withOptions(options, replace = false) {
-    const newOpts = replace
-      ? options
-      : Object.assign({}, this._options, options);
-    return new TargetState(
-      this._stateRegistry,
-      this._identifier,
-      this._params,
-      newOpts,
-    );
-  }
-}
-/** Returns true if the object has a state property that might be a state or state name */
-TargetState.isDef = (obj) => {
-  return (
-    obj &&
-    obj.state &&
-    (isString(obj.state) || (isObject(obj.state) && isString(obj.state.name)))
-  );
-};

package/src/router/state/views.js

@@ -1,195 +0,0 @@
-import { pick, tail } from "../../shared/common.js";
-import { isDefined, isString } from "../../shared/utils.js";
-import { isInjectable } from "../../shared/predicates.js";
-import { trace } from "../common/trace.js";
-import { ResolveContext } from "../resolve/resolve-context.js";
-import { Resolvable } from "../resolve/resolvable.js";
-import { annotate } from "../../core/di/injector.js";
-
-export function getViewConfigFactory() {
-  let templateFactory = null;
-  return (path, view) => {
-    templateFactory =
-      templateFactory || window["angular"].$injector.get("$templateFactory"); // TODO: remove static injector
-    return new ViewConfig(path, view, templateFactory);
-  };
-}
-
-const hasAnyKey = (keys, obj) =>
-  keys.reduce((acc, key) => acc || isDefined(obj[key]), false);
-/**
- * This is a [[StateBuilder.builder]] function for angular1 `views`.
- *
- * When the [[StateBuilder]] builds a [[StateObject]] object from a raw [[StateDeclaration]], this builder
- * handles the `views` property with logic specific to @uirouter/angularjs (ng1).
- *
- * If no `views: {}` property exists on the [[StateDeclaration]], then it creates the `views` object
- * and applies the state-level configuration to a view named `$default`.
- *
- */
-export function ng1ViewsBuilder(state) {
-  // Do not process root state
-  if (!state.parent) return {};
-  const tplKeys = [
-      "templateProvider",
-      "templateUrl",
-      "template",
-      "notify",
-      "async",
-    ],
-    ctrlKeys = [
-      "controller",
-      "controllerProvider",
-      "controllerAs",
-      "resolveAs",
-    ],
-    compKeys = ["component", "bindings", "componentProvider"],
-    nonCompKeys = tplKeys.concat(ctrlKeys),
-    allViewKeys = compKeys.concat(nonCompKeys);
-  // Do not allow a state to have both state-level props and also a `views: {}` property.
-  // A state without a `views: {}` property can declare properties for the `$default` view as properties of the state.
-  // However, the `$default` approach should not be mixed with a separate `views: ` block.
-  if (isDefined(state.views) && hasAnyKey(allViewKeys, state)) {
-    throw new Error(
-      `State '${state.name}' has a 'views' object. ` +
-        `It cannot also have "view properties" at the state level.  ` +
-        `Move the following properties into a view (in the 'views' object): ` +
-        ` ${allViewKeys.filter((key) => isDefined(state[key])).join(", ")}`,
-    );
-  }
-  const views = {},
-    viewsObject = state.views || { $default: pick(state, allViewKeys) };
-  Object.entries(viewsObject).forEach(([name, config]) => {
-    // Account for views: { "": { template... } }
-    name = name || "$default";
-    // Account for views: { header: "headerComponent" }
-    if (isString(config)) config = { component: config };
-    // Make a shallow copy of the urlConfig object
-    config = Object.assign({}, config);
-    // Do not allow a view to mix props for component-style view with props for template/controller-style view
-    if (hasAnyKey(compKeys, config) && hasAnyKey(nonCompKeys, config)) {
-      throw new Error(
-        `Cannot combine: ${compKeys.join("|")} with: ${nonCompKeys.join("|")} in stateview: '${name}@${state.name}'`,
-      );
-    }
-    config.resolveAs = config.resolveAs || "$resolve";
-    config.$context = state;
-    config.$name = name;
-    const normalized = ViewConfig.normalizeUIViewTarget(
-      config.$context,
-      config.$name,
-    );
-    config.$ngViewName = normalized.ngViewName;
-    config.$ngViewContextAnchor = normalized.ngViewContextAnchor;
-    views[name] = config;
-  });
-  return views;
-}
-
-/**
- * @type {Number}
- */
-let id = 0;
-
-export class ViewConfig {
-  /**
-   * @param {Array<import('../path/path-node.js').PathNode>} path
-   * @param viewDecl
-   * @param {import('../template-factory.js').TemplateFactoryProvider} factory
-   */
-  constructor(path, viewDecl, factory) {
-    this.path = path;
-    this.viewDecl = viewDecl;
-    this.factory = factory;
-    this.component = undefined;
-    this.template = undefined;
-
-    /** @type {Number} */ this.$id = id++;
-    this.loaded = false;
-    this.getTemplate = (ngView, context) =>
-      this.component
-        ? this.factory.makeComponentTemplate(
-            ngView,
-            context,
-            this.component,
-            this.viewDecl.bindings,
-          )
-        : this.template;
-  }
-
-  load() {
-    const context = new ResolveContext(this.path);
-    const params = this.path.reduce(
-      (acc, node) => Object.assign(acc, node.paramValues),
-      {},
-    );
-    const promises = [
-      Promise.resolve(this.factory.fromConfig(this.viewDecl, params, context)),
-      Promise.resolve(this.getController(context)),
-    ];
-    return Promise.all(promises).then((results) => {
-      trace.traceViewServiceEvent("Loaded", this);
-      this.controller = results[1];
-      Object.assign(this, results[0]); // Either { template: "tpl" } or { component: "cmpName" }
-      return this;
-    });
-  }
-  /**
-   * Gets the controller for a view configuration.
-   *
-   * @returns {Function|Promise.<Function>} Returns a controller, or a promise that resolves to a controller.
-   */
-  getController(context) {
-    const provider = this.viewDecl.controllerProvider;
-    if (!isInjectable(provider)) return this.viewDecl.controller;
-    const deps = annotate(provider);
-    const providerFn = Array.isArray(provider) ? tail(provider) : provider;
-    const resolvable = new Resolvable("", providerFn, deps);
-    return resolvable.get(context);
-  }
-
-  /**
-   * Normalizes a view's name from a state.views configuration block.
-   *
-   * This should be used by a framework implementation to calculate the values for
-   * [[_ViewDeclaration.$ngViewName]] and [[_ViewDeclaration.$ngViewContextAnchor]].
-   *
-   * @param context the context object (state declaration) that the view belongs to
-   * @param rawViewName the name of the view, as declared in the [[StateDeclaration.views]]
-   *
-   * @returns the normalized ngViewName and ngViewContextAnchor that the view targets
-   */
-  static normalizeUIViewTarget(context, rawViewName = "") {
-    // TODO: Validate incoming view name with a regexp to allow:
-    // ex: "view.name@foo.bar" , "^.^.view.name" , "view.name@^.^" , "" ,
-    // "@" , "$default@^" , "!$default.$default" , "!foo.bar"
-    const viewAtContext = rawViewName.split("@");
-    let ngViewName = viewAtContext[0] || "$default"; // default to unnamed view
-    let ngViewContextAnchor = isString(viewAtContext[1])
-      ? viewAtContext[1]
-      : "^"; // default to parent context
-    // Handle relative view-name sugar syntax.
-    // Matches rawViewName "^.^.^.foo.bar" into array: ["^.^.^.foo.bar", "^.^.^", "foo.bar"],
-    const relativeViewNameSugar = /^(\^(?:\.\^)*)\.(.*$)/.exec(ngViewName);
-    if (relativeViewNameSugar) {
-      // Clobbers existing contextAnchor (rawViewName validation will fix this)
-      ngViewContextAnchor = relativeViewNameSugar[1]; // set anchor to "^.^.^"
-      ngViewName = relativeViewNameSugar[2]; // set view-name to "foo.bar"
-    }
-    if (ngViewName.charAt(0) === "!") {
-      ngViewName = ngViewName.substring(1);
-      ngViewContextAnchor = ""; // target absolutely from root
-    }
-    // handle parent relative targeting "^.^.^"
-    const relativeMatch = /^(\^(?:\.\^)*)$/;
-    if (relativeMatch.exec(ngViewContextAnchor)) {
-      const anchorState = ngViewContextAnchor
-        .split(".")
-        .reduce((anchor) => anchor.parent, context);
-      ngViewContextAnchor = anchorState.name;
-    } else if (ngViewContextAnchor === ".") {
-      ngViewContextAnchor = context.name;
-    }
-    return { ngViewName, ngViewContextAnchor };
-  }
-}

package/src/router/state-filter.spec.js

@@ -1,139 +0,0 @@
-import { Angular } from "../angular.js";
-import { dealoc } from "../shared/dom.js";
-
-describe("router filters", function () {
-  let module, $parse, $state, $rootScope, $location;
-
-  beforeEach(() => {
-    dealoc(document.getElementById("app"));
-    window.location.hash = "";
-    window.angular = new Angular();
-  });
-
-  afterEach(() => (window.location.hash = ""));
-
-  describe("isState filter", () => {
-    beforeEach(() => {
-      window.location.hash = "";
-      module = window.angular.module("defaultModule", []);
-      module.config(function ($stateProvider) {
-        $stateProvider
-          .state({ name: "a", url: "/" })
-          .state({ name: "a.b", url: "/b" })
-          .state({ name: "with-param", url: "/with/:param" });
-      });
-      let $injector = window.angular.bootstrap(document.getElementById("app"), [
-        "defaultModule",
-      ]);
-
-      $injector.invoke(
-        (
-          _$parse_,
-          _$state_,
-          _$rootScope_,
-          _$transitions_,
-          _$location_,
-          _$compile_,
-        ) => {
-          $parse = _$parse_;
-          $state = _$state_;
-          $rootScope = _$rootScope_;
-          $location = _$location_;
-        },
-      );
-    });
-    it("should return true if the current state exactly matches the input state", async () => {
-      await $state.go("a");
-      expect($parse('"a" | isState')($rootScope)()).toBe(true);
-    });
-
-    it("should return false if the current state does not exactly match the input state", async () => {
-      await $state.go("a.b");
-      expect($parse('"a" | isState')($rootScope)()).toBe(false);
-    });
-
-    it("should return true if the current state and param matches the input state", async () => {
-      await $state.go("with-param", { param: "a" });
-
-      expect($parse('"with-param" | isState: {param: "a"}')($rootScope)()).toBe(
-        true,
-      );
-    });
-
-    it("should return false if the current state and param does not match the input state", async () => {
-      await $state.go("with-param", { param: "b" });
-      expect($parse('"with-param" | isState: {param: "a"}')($rootScope)()).toBe(
-        false,
-      );
-    });
-  });
-
-  describe("includedByState filter", function () {
-    beforeEach(() => {
-      module = window.angular.module("defaultModule", []);
-      module.config(function ($stateProvider) {
-        $stateProvider
-          .state({ name: "a", url: "/" })
-          .state({ name: "a.b", url: "/b" })
-          .state({ name: "c", url: "/c" })
-          .state({ name: "d", url: "/d/:id" });
-      });
-
-      let $injector = window.angular.bootstrap(document.getElementById("app"), [
-        "defaultModule",
-      ]);
-
-      $injector.invoke(
-        (
-          _$parse_,
-          _$state_,
-          _$rootScope_,
-          _$transitions_,
-          _$location_,
-          _$compile_,
-        ) => {
-          $parse = _$parse_;
-          $state = _$state_;
-          $rootScope = _$rootScope_;
-          $location = _$location_;
-        },
-      );
-    });
-
-    afterEach(() => (window.location.hash = ""));
-
-    it("should return true if the current state exactly matches the input state", async () => {
-      await $state.go("a");
-
-      expect($parse('"a" | includedByState')($rootScope)()).toBe(true);
-    });
-
-    it("should return true if the current state includes the input state", async () => {
-      await $state.go("a.b");
-
-      expect($parse('"a" | includedByState')($rootScope)()).toBe(true);
-    });
-
-    it("should return false if the current state does not include input state", async () => {
-      await $state.go("c");
-
-      expect($parse('"a" | includedByState')($rootScope)()).toBe(false);
-    });
-
-    it("should return true if the current state include input state and params", async () => {
-      await $state.go("d", { id: 123 });
-
-      expect($parse('"d" | includedByState:{ id: 123 }')($rootScope)()).toBe(
-        true,
-      );
-    });
-
-    it("should return false if the current state does not include input state and params", async () => {
-      await $state.go("d", { id: 2377 });
-
-      expect($parse('"d" | includedByState:{ id: 123 }')($rootScope)()).toBe(
-        false,
-      );
-    });
-  });
-});

package/src/router/state-filters.js

@@ -1,46 +0,0 @@
-import { $injectTokens as $t } from "../injection-tokens.js";
-
-$IsStateFilter.$inject = [$t.$state];
-
-/**
- * `isState` Filter: truthy if the current state is the parameter
- *
- * Translates to [[StateService.is]] `$state.is("stateName")`.
- *
- * #### Example:
- * ```html
- * <div ng-if="'stateName' | isState">show if state is 'stateName'</div>
- * ```
- *
- * @param {import('./state/state-service.js').StateProvider} $state
- * @returns {ng.FilterFn}
- */
-export function $IsStateFilter($state) {
-  const isFilter = (state, params, options) =>
-    $state.is(state, params, options);
-  isFilter.$stateful = true;
-  return isFilter;
-}
-
-$IncludedByStateFilter.$inject = [$t.$state];
-
-/**
- * `includedByState` Filter: truthy if the current state includes the parameter
- *
- * Translates to [[StateService.includes]]` $state.is("fullOrPartialStateName")`.
- *
- * #### Example:
- * ```html
- * <div ng-if="'fullOrPartialStateName' | includedByState">show if state includes 'fullOrPartialStateName'</div>
- * ```
- *
- * @param {import('./state/state-service.js').StateProvider} $state
- * @returns {ng.FilterFn}
- */
-export function $IncludedByStateFilter($state) {
-  const includesFilter = function (state, params, options) {
-    return $state.includes(state, params, options);
-  };
-  includesFilter.$stateful = true;
-  return includesFilter;
-}

package/src/router/template-factory.html

@@ -1,19 +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/router/template-factory.spec.js"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>