npm - @angular-wave/angular.ts - Versions diffs - 0.7.2 → 0.7.4 - Mend

@angular-wave/angular.ts 0.7.2 → 0.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1012) hide show

package/src/directive/observe/observe.spec.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import { Angular } from "../../loader.js";
-import { createElementFromHTML } from "../../shared/dom.js";
+import { createElementFromHTML, dealoc } from "../../shared/dom.js";
 import { wait } from "../../shared/test-utils.js";
 describe("observe", () => {
   let $compile, $scope, $rootScope, element, observerSpy;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
     angular.module("myModule", ["ng"]);
     angular

package/src/{core/pubsub/pubsub.html → directive/on/on.html} RENAMED Viewed

@@ -11,7 +11,7 @@
     <script src="/jasmine/jasmine-html.js"></script>
     <script src="/jasmine/boot0.js"></script>
     <script src="/jasmine/boot1.js"></script>
-    <script type="module" src="/src/core/pubsub/pubsub.spec.js"></script>
+    <script type="module" src="/src/directive/on/on.spec.js"></script>
   </head>
   <body>
     <div id="app"></div>

package/src/{core → directive/on}/on.spec.js RENAMED Viewed

@@ -1,6 +1,6 @@
-import { Angular } from "../loader.js";
-import { browserTrigger, wait } from "../shared/test-utils.js";
-import { createInjector } from "./di/injector.js";
+import { Angular } from "../../loader.js";
+import { browserTrigger, wait } from "../../shared/test-utils.js";
+import { createInjector } from "../../core/di/injector.js";
 describe("ngOn* event binding", () => {
   let $rootScope, module, injector, $compile;
@@ -19,6 +19,8 @@ describe("ngOn* event binding", () => {
     const element = $compile('<span ng-on-foo="name = name + 3"></span>')(
       $rootScope,
     );
+    expect($rootScope.name).toBe("Misko");
     browserTrigger(element, "foo");
     expect($rootScope.name).toBe("Misko3");
   });

package/src/directive/on/on.test.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { test, expect } from "@playwright/test";
+const TEST_URL = "src/directive/on/on.html";
+test("unit tests contain no errors", async ({ page }) => {
+  await page.goto(TEST_URL);
+  await page.content();
+  await expect(page.locator(".jasmine-overall-result")).toHaveText(
+    /0 failures/,
+  );
+});

package/src/directive/options/options.spec.js CHANGED Viewed

@@ -160,6 +160,7 @@ describe("ngOptions", () => {
     errors = [];
     element = document.getElementById("app");
     element.innerHTML = "test";
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
     window.angular
       .module("myModule", ["ng"])

package/src/directive/repeat/repeat.spec.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader.js";
-import { createElementFromHTML, dealoc, getScope } from "../../shared/dom.js";
+import { createElementFromHTML, dealoc } from "../../shared/dom.js";
 import { wait } from "../../shared/test-utils.js";
 describe("ngRepeat", () => {

package/src/directive/script/script.js CHANGED Viewed

@@ -1,7 +1,7 @@
 scriptDirective.$inject = ["$templateCache"];
 /**
- * @param {import('../../core/cache/cache-factory').TemplateCache} $templateCache
+ * @param {import('../../services/template-cache/interface.ts').TemplateCache} $templateCache
  * @returns {import('../../interface.ts').Directive}
  */
 export function scriptDirective($templateCache) {

package/src/directive/select/select.spec.js CHANGED Viewed

@@ -57,6 +57,7 @@ describe("select", () => {
   }
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     errors = [];
     window.angular = new Angular();
     window.angular

package/src/directive/setter/setter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 ngSetterDirective.$inject = ["$parse", "$log"];
 /**
  * @param {import('../../core/parse/interface.ts').ParseService} $parse
- * @param {import('../../services/log.js').LogService} $log
+ * @param {import('../../services/log/interface.ts').LogService} $log
  * @returns {import('../../interface.ts').Directive}
  */
 export function ngSetterDirective($parse, $log) {

package/src/directive/setter/setter.spec.js CHANGED Viewed

@@ -1,12 +1,14 @@
 import { Angular } from "../../loader.js";
+import { dealoc } from "../../shared/dom.js";
 import { wait } from "../../shared/test-utils.js";
 describe("setter", () => {
   let $compile, $rootScope, $parse, observerSpy, $log;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
-    angular.module("myModule", ["ng"]);
+    angular.module("myModule", []);
     angular
       .bootstrap(document.getElementById("app"), ["myModule"])
       .invoke((_$compile_, _$rootScope_, _$parse_, _$log_) => {

package/src/directive/style/style.js CHANGED Viewed

@@ -4,7 +4,7 @@
 export function ngStyleDirective() {
   return {
     restrict: "A",
-    link: (scope, element, attr) => {
+    link(scope, element, attr) {
       let oldStyles;
       scope.$watch(attr["ngStyle"], (newStyles) => {
         if (oldStyles) {

package/src/directive/switch/switch.spec.js CHANGED Viewed

@@ -8,6 +8,7 @@ describe("ngSwitch", () => {
   let element;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
     window.angular.module("test", []);
     let injector = window.angular.bootstrap(

package/src/injection-tokens.js CHANGED Viewed

@@ -9,6 +9,9 @@
  *   angular.$injectTokens.$animate,
  *   angular.$injectTokens.$templateRequest,
  * ];
+ *
+ * function myDirective($animate, $templateRequest) { ... }
+ *
  * ```
  * @type Readonly<Record<string, string>>
  */

package/src/interface.ts CHANGED Viewed

@@ -1,15 +1,27 @@
 import { Attributes } from "./core/compile/attributes.js";
 import { Scope } from "./core/scope/scope.js";
+export * from "./services/http/interface.ts";
+export * from "./services/log/interface.ts";
+export * from "./services/log/log.js";
+export * from "./services/pubsub/pubsub.js";
+export * from "./services/template-cache/interface.ts";
+export * from "./services/template-cache/template-cache.js";
 /**
- * A JavaScript expression represented as a string.
+ * A JavaScript expression represented as a string, typically used in interpolation bindings.
+ *
+ * Example:
+ * ```html
+ * <span title="{{ attrBinding }}">{{ textBinding }}</span>
+ * ```
  *
- * Often used in interpolation bindings such as:
- * `<span title="{{ attrBinding }}">{{ textBinding }}</span>`.
- * Evaluated in the context of a {@link import('./core/scope/scope.js').Scope `scope`} object.
  */
 export type Expression = string;
+export type ExpandoStore = {
+  data: { [key: string]: any };
+};
 /**
  * A dependency-annotated factory array used by AngularTS DI system.
  *
@@ -327,3 +339,14 @@ export interface NgModelController {
   /** Current value shown in the view */
   $viewValue: any;
 }
+/**
+ * Possible values for `data-swap` attribute
+ */
+export type SwapInsertPosition =
+  | InsertPosition
+  | "textContent"
+  | "innerHTML"
+  | "outerHTML"
+  | "delete"
+  | "none";

package/src/loader.js CHANGED Viewed

@@ -12,13 +12,12 @@ import {
   getScope,
   setCacheData,
 } from "./shared/dom.js";
+import { Cache } from "./shared/cache.js";
 import { annotate, createInjector } from "./core/di/injector.js";
 import { NgModule } from "./core/di/ng-module.js";
-import { Cache } from "./core/cache/cache.js";
-import { publishExternalAPI } from "./public.js";
-import { VERSION } from "./public.js";
+import { registerNgModule } from "./public.js";
 import { unnestR } from "./shared/common.js";
-import { EventBus } from "./core/pubsub/pubsub.js";
+import { EventBus } from "./services/pubsub/pubsub.js";
 import { $injectTokens } from "./injection-tokens.js";
 const ngMinErr = minErr("ng");
@@ -36,18 +35,15 @@ const modules = {};
 export class Angular {
   constructor() {
-    Cache.clear(); // a ensure new instance of angular gets a clean cache
+    this.$cache = Cache;
-    /** @type {Map<number, import("./core/cache/cache").ExpandoStore>} */
-    this.Cache = Cache;
-    /** @type {import('./core/pubsub/pubsub.js').PubSub} */
-    this.EventBus = EventBus;
+    /** @type {import('./services/pubsub/pubsub.js').PubSub} */
+    this.$eventBus = EventBus;
     /**
      * @type {string} `version` from `package.json`
      */
-    this.version = VERSION;
+    this.version = "[VI]{version}[/VI]"; //inserted via rollup plugin
     /** @type {!Array<string|any>} */
     this.bootsrappedModules = [];
@@ -59,7 +55,7 @@ export class Angular {
     window["angular"] = this;
     this.$injectTokens = $injectTokens;
-    publishExternalAPI(this);
+    registerNgModule(this);
   }
   /**

package/src/loader.spec.js CHANGED Viewed

@@ -166,35 +166,4 @@ describe("module loader", () => {
       angular.module("hasOwnProperty", []);
     }).toThrow();
   });
-  describe("Module", () => {
-    describe("info()", () => {
-      let theModule;
-      beforeEach(() => {
-        theModule = angular.module("theModule", []);
-      });
-      it("should default to an empty object", () => {
-        expect(theModule.info()).toEqual({});
-      });
-      it("should store the object passed as a param", () => {
-        theModule.info({ version: "1.2" });
-        expect(theModule.info()).toEqual({ version: "1.2" });
-      });
-      it("should throw if the parameter is not an object", () => {
-        expect(() => {
-          theModule.info("some text");
-        }).toThrow();
-      });
-      it("should completely replace the previous info object", () => {
-        theModule.info({ value: "X" });
-        theModule.info({ newValue: "Y" });
-        expect(theModule.info()).toEqual({ newValue: "Y" });
-      });
-    });
-  });
 });

package/src/public.js CHANGED Viewed

@@ -1,4 +1,3 @@
-// @private
 import { CompileProvider } from "./core/compile/compile.js";
 import {
   inputDirective,
@@ -58,7 +57,7 @@ import {
   AnimateAsyncRunFactoryProvider,
   AnimateRunnerFactoryProvider,
 } from "./animations/animate-runner.js";
-import { TemplateCacheProvider } from "./core/cache/cache-factory.js";
+import { TemplateCacheProvider } from "./services/template-cache/template-cache.js";
 import { ControllerProvider } from "./core/controller/controller.js";
 import { ExceptionHandlerProvider } from "./core/exception-handler.js";
 import { FilterProvider } from "./core/filter/filter.js";
@@ -69,7 +68,7 @@ import {
 } from "./services/http/http.js";
 import { HttpBackendProvider } from "./services/http-backend/http-backend.js";
 import { LocationProvider } from "./core/location/location.js";
-import { LogProvider } from "./services/log.js";
+import { LogProvider } from "./services/log/log.js";
 import { ParseProvider } from "./core/parse/parse.js";
 import { RootScopeProvider } from "./core/scope/scope.js";
 import { SceProvider, SceDelegateProvider } from "./core/sce/sce.js";
@@ -128,16 +127,20 @@ import {
 } from "./router/directives/view-directive.js";
 import { ngChannelDirective } from "./directive/channel/channel.js";
 import { ngSetterDirective } from "./directive/setter/setter.js";
-import { PubSubProvider } from "./core/pubsub/pubsub.js";
-export const VERSION = "[VI]{version}[/VI]";
+import { PubSubProvider } from "./services/pubsub/pubsub.js";
+import {
+  ngDeleteDirective,
+  ngGetDirective,
+  ngPostDirective,
+  ngPutDirective,
+} from "./directive/http/http.js";
 /**
  * Initializes core `ng` module.
  * @param {import('./loader.js').Angular} angular
  * @returns {import('./core/di/ng-module.js').NgModule} `ng` module
  */
-export function publishExternalAPI(angular) {
+export function registerNgModule(angular) {
   const ng = angular
     .module(
       "ng",
@@ -167,8 +170,10 @@ export function publishExternalAPI(angular) {
               ngClassOdd: ngClassOddDirective,
               ngCloak: ngCloakDirective,
               ngController: ngControllerDirective,
+              ngDelete: ngDeleteDirective,
               ngDisabled: ngDisabledAriaDirective,
               ngForm: ngFormDirective,
+              ngGet: ngGetDirective,
               ngHide: ngHideDirective,
               ngIf: ngIfDirective,
               ngInclude: ngIncludeDirective,
@@ -179,6 +184,8 @@ export function publishExternalAPI(angular) {
               ngMessagesInclude: ngMessagesIncludeDirective,
               ngMessageDefault: ngMessageDefaultDirective,
               ngNonBindable: ngNonBindableDirective,
+              ngPost: ngPostDirective,
+              ngPut: ngPutDirective,
               ngRef: ngRefDirective,
               ngRepeat: ngRepeatDirective,
               ngSetter: ngSetterDirective,
@@ -283,8 +290,7 @@ export function publishExternalAPI(angular) {
         return globals.params;
       },
     ])
-    .value("$trace", trace)
-    .info({ version: VERSION });
+    .value("$trace", trace);
   return ng;
 }

package/src/router/directives/state-directives.spec.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader.js";
-import { createElementFromHTML } from "../../shared/dom.js";
+import { createElementFromHTML, dealoc } from "../../shared/dom.js";
 import { browserTrigger, wait } from "../../shared/test-utils.js";
 describe("ngStateRef", () => {
@@ -18,6 +18,7 @@ describe("ngStateRef", () => {
     $urlService;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     app.innerHTML = "";
     window.location.hash = "";
     window.angular = new Angular();
@@ -663,6 +664,7 @@ describe("ngSrefActive", () => {
     _stateProvider;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window.location.hash = "";
     window.angular = new Angular();
     let module = window.angular.module("defaultModule", []);

package/src/router/params/param-factory.js CHANGED Viewed

@@ -1,7 +1,13 @@
 import { DefType, Param } from "./param.js";
 export class ParamFactory {
+  /**
+   * @param {import("../url/url-config.js").UrlConfigProvider} urlServiceConfig
+   */
   constructor(urlServiceConfig) {
+    /**
+     * @type {import("../url/url-config.js").UrlConfigProvider}
+     */
     this.urlServiceConfig = urlServiceConfig;
   }

package/src/router/params/param.js CHANGED Viewed

@@ -8,13 +8,15 @@ const isShorthand = (cfg) =>
     Object.prototype.hasOwnProperty.bind(cfg || {}),
   ).length === 0;
-let DefType;
-(function (DefType) {
-  DefType[(DefType["PATH"] = 0)] = "PATH";
-  DefType[(DefType["SEARCH"] = 1)] = "SEARCH";
-  DefType[(DefType["CONFIG"] = 2)] = "CONFIG";
-})(DefType || (DefType = {}));
-export { DefType };
+/**
+ * @private
+ * @enum {number}
+ */
+export const DefType = {
+  PATH: 0,
+  SEARCH: 1,
+  CONFIG: 2,
+};
 function getParamDeclaration(paramName, location, state) {
   const noReloadOnSearch =
@@ -27,6 +29,7 @@ function getParamDeclaration(paramName, location, state) {
   );
   return Object.assign(defaultConfig, paramConfig);
 }
 function unwrapShorthand(cfg) {
   cfg = isShorthand(cfg) ? { value: cfg } : cfg;
   getStaticDefaultValue["__cacheable"] = true;
@@ -36,6 +39,7 @@ function unwrapShorthand(cfg) {
   const $$fn = isInjectable(cfg.value) ? cfg.value : getStaticDefaultValue;
   return Object.assign(cfg, { $$fn });
 }
 function getType(cfg, urlType, location, id, paramTypes) {
   if (cfg.type && urlType && urlType.name !== "string")
     throw new Error(`Param '${id}' has two type configurations.`);
@@ -60,6 +64,7 @@ function getType(cfg, urlType, location, id, paramTypes) {
   }
   return cfg.type instanceof ParamType ? cfg.type : paramTypes.type(cfg.type);
 }
 /** returns false, true, or the squash value to indicate the "default parameter url squash policy". */
 function getSquashPolicy(config, isOptional, defaultPolicy) {
   const squash = config.squash;
@@ -70,6 +75,7 @@ function getSquashPolicy(config, isOptional, defaultPolicy) {
     `Invalid squash policy: '${squash}'. Valid policies: false, true, or arbitrary string`,
   );
 }
 function getReplace(config, arrayMode, isOptional, squash) {
   const defaultPolicy = [
     { from: "", to: isOptional || arrayMode ? undefined : "" },
@@ -83,7 +89,16 @@ function getReplace(config, arrayMode, isOptional, squash) {
     (item) => configuredKeys.indexOf(item.from) === -1,
   ).concat(replace);
 }
 export class Param {
+  /**
+   *
+   * @param {*} id
+   * @param {*} type
+   * @param {DefType} location
+   * @param {import("../url/url-config.js").UrlConfigProvider} urlConfig
+   * @param {*} state
+   */
   constructor(id, type, location, urlConfig, state) {
     const config = getParamDeclaration(id, location, state);
     type = getType(config, type, location, id, urlConfig.paramTypes);

package/src/router/router.html CHANGED Viewed

@@ -13,7 +13,6 @@
     <script src="/jasmine/boot1.js"></script>
     <script type="module" src="/src/router/services.spec.js"></script>
     <script type="module" src="/src/router/state-filter.spec.js"></script>
-    <script type="module" src="/src/router/template-factory.spec.js"></script>
     <script type="module" src="/src/router/view-hook.spec.js"></script>
     <script type="module" src="/src/router/view-scroll.spec.js"></script>
   </head>

package/src/router/router.test.js CHANGED Viewed

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

package/src/router/services.spec.js CHANGED Viewed

@@ -1,10 +1,12 @@
 import { Angular } from "../loader.js";
+import { dealoc } from "../shared/dom.js";
 describe("router services", () => {
   let providers;
   let $injector;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window["angular"] = new Angular();
     let module = window["angular"].module("defaultModule", []);
     module.config(

package/src/router/state/state-builder.js CHANGED Viewed

@@ -70,6 +70,9 @@ function getNavigableBuilder(isRoot) {
   };
 }
+/**
+ * @param {import("../params/param-factory.js").ParamFactory} paramFactory
+ */
 function getParamsBuilder(paramFactory) {
   return function (state) {
     const makeConfigParam = (_config, id) =>

package/src/router/state/state-builder.spec.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { StateBuilder } from "./state-builder.js";
 import { Angular } from "../../loader.js";
+import { dealoc } from "../../shared/dom.js";
 // TODO refactor this to url service as it is using the provider right now
 describe("StateBuilder", function () {
@@ -8,6 +9,7 @@ describe("StateBuilder", function () {
   let $stateRegistry;
   beforeEach(function () {
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
     window.angular.module("default", []);
     let $injector = window.angular.bootstrap(document.getElementById("app"), [

package/src/router/state/state-service.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { Glob } from "../common/glob.js";
 import { ResolveContext } from "../resolve/resolve-context.js";
 import { lazyLoadState } from "../hooks/lazy-load.js";
 import { val } from "../../shared/hof.js";
-import { EventBus } from "../../core/pubsub/pubsub.js";
+import { EventBus } from "../../services/pubsub/pubsub.js";
 const err = minErr("$stateProvider");

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

@@ -1,9 +1,11 @@
 import { Angular } from "../loader.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();
   });

package/src/router/template-factory.html ADDED Viewed

@@ -0,0 +1,19 @@
+<!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>

package/src/router/template-factory.js CHANGED Viewed

@@ -26,8 +26,8 @@ export class TemplateFactoryProvider {
     "$templateRequest",
     "$injector",
     /**
-     * @param {any} $http
-     * @param {import("../core/cache/cache-factory.js").TemplateCache} $templateCache
+     * @param {import("interface.ts").HttpService} $http
+     * @param {import("../services/template-cache/interface.ts").TemplateCache} $templateCache
      * @param {any} $templateRequest
      * @param {import("../core/di/internal-injector.js").InjectorService} $injector
      * @returns
@@ -126,7 +126,7 @@ export class TemplateFactoryProvider {
     if (url == null) return null;
     if (this._useHttp) {
       return this.$http
-        .get(url, {
+        .get(/** @type {string} */ (url), {
           cache: this.$templateCache,
           headers: { Accept: "text/html" },
         })

package/src/router/template-factory.spec.js CHANGED Viewed

@@ -14,6 +14,7 @@ describe("templateFactory", () => {
     error;
   beforeEach(() => {
+    dealoc(document.getElementById("app"));
     window.angular = new Angular();
     window.angular
       .module("defaultModule", [])

package/src/router/template-factory.test.js ADDED Viewed

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

package/src/router/transition/transition-hook.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { parse } from "../../shared/hof.js";
 import { trace } from "../common/trace.js";
 import { Rejection } from "./reject-factory.js";
 import { TargetState } from "../state/target-state.js";
-import { EventBus } from "../../core/pubsub/pubsub.js";
+import { EventBus } from "../../services/pubsub/pubsub.js";
 const defaultOptions = {
   current: () => {},

package/src/router/url/url-service.js CHANGED Viewed

@@ -52,7 +52,7 @@ export class UrlService {
      * The nested [[UrlConfig]] API to configure the URL and retrieve URL information
      *
      * See: [[UrlConfig]] for details
-     * @type {import("./url-config").UrlConfigProvider}
+     * @type {import("./url-config.js").UrlConfigProvider}
      */
     this.config = urlConfigProvider;