parser and comiler. | Not started | [Readme][6] | -| prism | `Prism` highlighter module. | **Ready** | [Readme][7] | -| reactive | Automatize process of creating some **[`rxjs/Rx`](http://reactivex.io/rxjs/)** features. | **Ready** | [Readme][8] | -| ui | User interface based on **[MaterialDesign](https://material.angular.io/)**. | *In Progress* | [Readme][9] | - - - [0]: https://github.com/angular-package/angular-package/tree/master/packages/change-detection#readme - [1]: https:// - [2]: https://github.com/angular-package/angular-package/tree/master/packages/core#readme - [3]: https:// - [4]: https://github.com/angular-package/angular-package/tree/master/packages/docs#readme - [5]: https:// - [6]: https:// - [7]: https://github.com/angular-package/angular-package/tree/master/packages/prism#readme - [8]: https://github.com/angular-package/angular-package/tree/master/packages/reactive#readme - [9]: https:// diff --git a/packages/callback/.gitignore b/packages/callback/.gitignore new file mode 100644 index 00000000..bd724fba --- /dev/null +++ b/packages/callback/.gitignore @@ -0,0 +1,132 @@ +# See http://help.github.com/ignore-files/ for more about ignoring files. + +# compiled output +/dist +/tmp +/out-tsc +# Only exists if Bazel was run +/bazel-out + +# profiling files +chrome-profiler-events*.json +speed-measure-plugin*.json + +# IDEs and editors +/.idea +.project +.classpath +.c9/ +*.launch +.settings/ +*.sublime-workspace + +# IDE - VSCode +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json +.history/* + +# misc +/.sass-cache +/connect.lock + +# Logs +/libpeerconnection.log +logs +*.log +npm-debug.log* +testem.log +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# next.js build output +.next + +# nuxt.js build output +.nuxt + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +#DynamoDB Local files +.dynamodb/ + +# OS generated files +Thumbs.db +.DS_Store + +# Ignored files +/.vscode/* +*.code-workspace +!.vscode/tasks.json +build +dist +graphics +fonts +*.ignore* + +# demos +demo diff --git a/packages/callback/CHANGELOG.md b/packages/callback/CHANGELOG.md new file mode 100644 index 00000000..faaad80a --- /dev/null +++ b/packages/callback/CHANGELOG.md @@ -0,0 +1,26 @@ + +# Change Log + +All notable changes to this project will be documented in this file. + +The format is based on [Keep a Changelog](http://keepachangelog.com/) +and this project adheres to [Semantic Versioning](http://semver.org/). + +## [3.0.0] - 2021-08-12 + + + +## [2.0.0] - 2021-08-12 + +### 2.0.0 Updated + +- [`610016b`][610016b] + Updated `package-lock.json` cause of `@angular-package/error`. + +### 2.0.0 Fixed + +- [`6fba2ea`][6fba2ea] + Fixed `package.json` peer dependencies cause of `@angular-package/error`. + +[6fba2ea]: https://github.com/angular-package/callback/commit/6fba2eaf0041bfaca4e39f7809f75d20e501260e +[610016b]: https://github.com/angular-package/callback/commit/610016bb0450f4eba0a3c0f9c06472dee688bc35 diff --git a/LICENSE b/packages/callback/LICENSE similarity index 96% rename from LICENSE rename to packages/callback/LICENSE index 2e69c32e..5c0c2913 100644 --- a/LICENSE +++ b/packages/callback/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2017 angular-package +Copyright (c) 2021 angular-package Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/packages/callback/README.md b/packages/callback/README.md new file mode 100644 index 00000000..90a53261 --- /dev/null +++ b/packages/callback/README.md @@ -0,0 +1,1514 @@ +# Packages + +Useful and simple to use packages based on the [angular.io][angulario]. + +| Package | Description | Status | +| :----------------------------------- | :----------------------------------------------------- | -----: | +| [callback][callback-github-readme] | Manages the callback [function][js-function]. | [![npm version][callback-npm-badge-png]][callback-npm-badge] | +| [change-detection][cd-github-readme] | Improves application performance. | [![npm version][cd-npm-badge-png]][cd-npm-badge] | +| [component-loader][cl-github-readme] | Handles dynamic loading components. | [![npm version][cl-npm-badge-png]][cl-npm-badge] | +| [core][core-github-readme] | Core features. | [![npm version][core-npm-badge-png]][core-npm-badge] | +| [error][error-github-readme] | Manages an [Error][js-error]. | [![npm version][error-npm-badge-png]][error-npm-badge] | +| [prism][prism-github-readme] | [Prism][prism-js] highlighter module. | [![npm version][prism-npm-badge-png]][prism-npm-badge] | +| [property][property-github-readme] | Handles object properties. | [![npm version][property-npm-badge-png]][property-npm-badge] | +| [reactive][reactive-github-readme] | Automatize the process of creating some rxjs features. | [![npm version][reactive-npm-badge-png]][reactive-npm-badge] | +| [testing][testing-github-readme] | Support for testing other packages. | [![npm version][testing-npm-badge-png]][testing-npm-badge] | +| [type][type-github-readme] | Common types, type guards, and type checkers. | [![npm version][type-npm-badge-png]][type-npm-badge] | +| [ui][ui-github-readme] | User interface. | *In Progress* | + +> Click on the package name to visit its [GitHub](https://github.com/) page. + +## angular-package/callback + +Manages the callback [`function`][js-function]. + +[![Gitter][gitter-badge]][gitter-chat] + +[![npm version][callback-npm-badge-svg]][callback-npm-badge] + +[![GitHub issues][callback-badge-issues]][callback-issues] +[![GitHub forks][callback-badge-forks]][callback-forks] +[![GitHub stars][callback-badge-stars]][callback-stars] +[![GitHub license][callback-badge-license]][callback-license] + +[![GitHub sponsors][github-badge-sponsor]][github-sponsor-link] +[![Support me on Patreon][patreon-badge]][patreon-link] + +---- + +## Table of contents + +* [Basic concepts](#basic-concepts) +* [Skeleton](#skeleton) +* [Installation](#installation) +* [Api](#api) +* [`Callback`](#callback) +* [Interface](#interface) +* [Type](#type) +* [Changelog](#changelog) +* [Git](#git) + * [Commit](#commit) + * [Versioning](#versioning) +* [License](#license) + +---- + +
+ +## Basic concepts + +Checks +> It's to check the provided value to be **the same** as **expected**. + +Type guard (constrain) +> Constrains the parameter type to **not let** input **unexpected** value in the **code editor**. + +Guards +> It's a **combination** of both above, **constrains** the type of the parameter in the **code editor**, and checks its provided argument. + +Defines +> Returns defined value from a method of an object. +> Defines new value in an object and returns a defined value. + +Gets +> Returns a value from an object. + +Sets +> Adds or updates an element with a specified key and a value to an object and returns an object. + +
+ +## Skeleton + +This package was built by the [library skeleton][skeleton] which was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.5. + +Copy this package to the `packages/callback` folder of the [library skeleton][skeleton] then run the commands below. + +### Build + +Run `ng build callback` to build the package. The build artifacts will be stored in the `dist/` directory. + +### Running unit tests + +Install `@angular-package/testing` with command: + +```typescript +npm i @angular-package/testing --no-save +``` + +Run `ng test callback` to execute the unit tests via [Karma](https://karma-runner.github.io). + +
+ +## Installation + +Install `@angular-package/callback` package with command: + +```bash +npm i @angular-package/callback --save +``` + +
+ +## Api + +```typescript +import { + // Class. + Callback, +} from '@angular-package/callback'; +``` + +
+ +## `Callback` + +Manages the callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] and [`ForEachCallback`][package-type-foreachcallback] type. + +
+ +**Static methods:** + +| Callback. | Description | +| :---------------------------------------------------------- | :---------- | +| [`defineErrorCallback()`](#callbackdefineerrorcallback) | Defines callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type to throw [`ValidationError`][error-validationerror] with a specified `message` on a state from the supplied `throwOnState`. | +| [`defineForEachCallback()`](#callbackdefineforeachcallback) | Defines callback [`function`][js-function] of [`ForEachCallback`][package-type-foreachcallback] type to handle `forEach()` method of functions prefixed with `are` from [`@angular-package/type`][type-npm-readme]. | +| [`defineResultCallback()`](#callbackdefineresultcallback) | Defines callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type that contains [`ResultHandler`](#resulthandler) function to handle the `result`, `value`, and optional `payload` without returning the `result`. | +| [`guard()`](#callbackguard) | Guards the provided `resultCallback` to be [`ResultCallback`][package-type-resultcallback] type. | +| [`isCallback()`](#callbackiscallback) | Checks if the provided `value` is an instance of [`Callback`](#callback) with optional allowed names under which callback functions can be stored. | + +**Constructor:** + +| Constructor | Description | +| :------------------------------------ | :---------- | +| [`Callback()`](#callback-constructor) | Initialize an instance of [`Callback`](#callback) with allowed names under which callback functions can be stored. | + +**Instance methods:** + +| Callback.prototype. | Description | +| :---------------------------------------------------- | :---------- | +| [`getForEachCallback()`][callback-getforeachcallback] | Gets from the storage specified by-name callback [`function`][js-function] of [`ForEachCallback`][package-type-foreachcallback] type. | +| [`getResultCallback()`][callback-getresultcallback] | Gets from the storage specified by-name callback [`function`][js-function] of a [`ResultCallback`][package-type-resultcallback] type. | +| [`setErrorCallback()`][callback-seterrorcallback] | Sets a callback [`function`][js-function] of a [`ResultCallback`][package-type-resultcallback] type that throws [`ValidationError`][error-validationerror] with a specified message on a state from the provided `throwOnState` to the storage under the given allowed name restricted by `AllowNames`. | +| [`setForEachCallback()`][callback-setforeachcallback] | Sets a callback [`function`][js-function] of a [`ForEachCallback`][package-type-foreachcallback] type to the storage under the given allowed `name`, which is restricted by `AllowNames`. | +| [`setResultCallback()`][callback-setresultcallback] | Sets a callback [`function`][js-function] of a [`ResultCallback`][package-type-resultcallback] type to the storage under the given allowed `name`, which is restricted by `AllowNames`. | +| [`setValidationError()`][callback-setvalidationerror] | Sets custom instance of `ValidationError`. | + +[callback-getforeachcallback]: #callbackprototypegetforeachcallback +[callback-getresultcallback]: #callbackprototypegetresultcallback +[callback-seterrorcallback]: #callbackprototypeseterrorcallback +[callback-setforeachcallback]: #callbackprototypesetforeachcallback +[callback-setresultcallback]: #callbackprototypesetresultcallback + +
+ +### `Callback` static methods + +#### `Callback.defineErrorCallback()` + +[![update]][callback-github-changelog] + +Defines callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type to throw [`ValidationError`][error-validationerror] with a specified `message` on a state from the supplied `throwOnState`. The provided `result`, `value`, and `payload` from the defined callback function of [`ResultCallback`][package-type-resultcallback] are being passed to a thrown error of [`ValidationError`][error-validationerror]. + +```typescript +static defineErrorCallback
+ +#### `Callback.defineForEachCallback()` + +[![new]][callback-github-changelog] + +Defines callback [`function`][js-function] of [`ForEachCallback`][package-type-foreachcallback] type to handle `forEach()` method of functions prefixed with `are` from [`@angular-package/type`][type-npm-readme]. + +```typescript +static defineForEachCallback
+ +#### `Callback.defineResultCallback()` + +[![update]][callback-github-changelog] + +Defines callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type that contains [`ResultHandler`](#resulthandler) function to handle the `result`, `value`, and optional `payload` without returning the `result`. + +```typescript +static defineResultCallback
+ +#### `Callback.guard()` + +[![update]][callback-github-changelog] + +Guards the provided `resultCallback` to be [`ResultCallback`][package-type-resultcallback] type. + +```typescript +static guard
+ +#### `Callback.isCallback()` + +Checks if the provided `value` is an instance of [`Callback`](#callback) with optional allowed names under which callback functions can be stored. + +```typescript +static isCallback
+ +### `Callback` constructor + +#### `Callback()` + +Initialize an instance of [`Callback`](#callback) with allowed names under which callback functions can be stored. + +```typescript +new Callback
+ +### `Callback` instance methods + +#### `Callback.prototype.getForEachCallback()` + +[![new]][callback-github-changelog] + +Gets from the storage specified by-name callback [`function`][js-function] of [`ForEachCallback`][package-type-foreachcallback] type. + +```typescript +public getForEachCallback< + Value = any, + Payload extends object = object, + Name extends AllowNames = AllowNames +>(name: Name, capturePayload?: Payload): ForEachCallback
+ +#### `Callback.prototype.getResultCallback()` + +[![new]][callback-github-changelog] + +Gets from the storage specified by-name callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type. + +```typescript +public getResultCallback< + Value = any, + Payload extends object = object, + Name extends AllowNames = AllowNames +>(name: Name, capturePayload?: Payload): ResultCallback
+ +#### `Callback.prototype.setErrorCallback` + +[![update]][callback-github-changelog] + +Sets callback [`function`][js-function] of [`ResultCallback`][package-type-resultcallback] type that throws [`ValidationError`][error-validationerror] with a specified `message` on a state from the provided `throwOnState` to the storage under the given allowed `name`. + +```typescript +public setErrorCallback< + Value = any, + Payload extends object = object, + Name extends AllowNames = AllowNames +>( + name: Name, + message: string | ErrorMessage, + throwOnState: boolean = false, + resultHandler?: ResultHandler
+ +#### `Callback.prototype.setForEachCallback` + +[![new]][callback-github-changelog] + +Sets callback [`function`][js-function] of [`ForEachCallback`][package-type-foreachcallback] type to the storage under the given allowed `name`. + +```typescript +public setForEachCallback< + Value = any, + Payload extends object = object, + Name extends AllowNames = AllowNames +>( + name: Name, + forEachCallback: ForEachCallback
+ +#### `Callback.prototype.setResultCallback()` + +[![update]][callback-github-changelog] + +Sets callback `function` of [`ResultCallback`][package-type-resultcallback] type to the storage under the given allowed `name`. + +```typescript +public setResultCallback< + Value = any, + Payload extends object = object, + Name extends AllowNames = AllowNames +>( + name: Name, + resultHandler: ResultHandler
+ +## Type + +#### `ResultHandler` + +[![update]][callback-github-changelog] + +**Internal** function to handle the arguments of the [`ResultCallback`][package-type-resultcallback] function before its result return. + +```typescript +type ResultHandler
+ +## Changelog + +The **changelog** of this package is based on [*keep a changelog*](https://keepachangelog.com/en/1.0.0/). To read it, click on the [CHANGELOG.md](https://github.com/angular-package/callback/blob/main/CHANGELOG.md) link. + +> A changelog is a file which contains a curated, chronologically ordered list of notable changes for each version of a project. - [*keep a changelog*](https://keepachangelog.com/en/1.0.0/) + +
+ +## GIT + +### Commit + +* [AngularJS Git Commit Message Conventions][git-commit-angular] +* [Karma Git Commit Msg][git-commit-karma] +* [Conventional Commits][git-commit-conventional] + +### Versioning + +[Semantic Versioning 2.0.0][git-semver] + +**Given a version number MAJOR.MINOR.PATCH, increment the:** + +* MAJOR version when you make incompatible API changes, +* MINOR version when you add functionality in a backwards-compatible manner, and +* PATCH version when you make backwards-compatible bug fixes. + +Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format. + +**FAQ** +How should I deal with revisions in the 0.y.z initial development phase? + +> The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release. + +How do I know when to release 1.0.0? + +> If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0. + +## License + +MIT © angular-package ([license][callback-license]) + + +[github-badge-sponsor]: https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&link=https://github.com/sponsors/angular-package +[github-sponsor-link]: https://github.com/sponsors/angular-package +[patreon-badge]: https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dsciborrudnicki%26type%3Dpatrons&style=flat +[patreon-link]: https://patreon.com/sciborrudnicki + +[angulario]: https://angular.io +[skeleton]: https://github.com/angular-package/skeleton + + +[experimental]: https://img.shields.io/badge/-experimental-orange +[fix]: https://img.shields.io/badge/-fix-red +[new]: https://img.shields.io/badge/-new-green +[update]: https://img.shields.io/badge/-update-red + + +[gitter-badge]: https://badges.gitter.im/angularpackage/Lobby.svg +[gitter-chat]: https://gitter.im/angularpackage/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge + + +[git-semver]: http://semver.org/ + + +[git-commit-angular]: https://gist.github.com/stephenparish/9941e89d80e2bc58a153 +[git-commit-karma]: http://karma-runner.github.io/0.10/dev/git-commit-msg.html +[git-commit-conventional]: https://www.conventionalcommits.org/en/v1.0.0/ + + + + [callback-badge-issues]: https://img.shields.io/github/issues/angular-package/callback + [callback-badge-forks]: https://img.shields.io/github/forks/angular-package/callback + [callback-badge-stars]: https://img.shields.io/github/stars/angular-package/callback + [callback-badge-license]: https://img.shields.io/github/license/angular-package/callback + + [callback-issues]: https://github.com/angular-package/callback/issues + [callback-forks]: https://github.com/angular-package/callback/network + [callback-license]: https://github.com/angular-package/callback/blob/master/LICENSE + [callback-stars]: https://github.com/angular-package/callback/stargazers + + + + + + [callback-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcallback.svg + [callback-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcallback.png + [callback-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcallback + [callback-npm-readme]: https://www.npmjs.com/package/@angular-package/callback#readme + + + [callback-github-readme]: https://github.com/angular-package/callback#readme + [callback-github-changelog]: https://github.com/angular-package/callback/blob/main/CHANGELOG.md + + + + [cd-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.svg + [cd-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.png + [cd-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fchange-detection + [cd-npm-readme]: https://www.npmjs.com/package/@angular-package/change-detection#readme + + + [cd-github-readme]: https://github.com/angular-package/change-detection#readme + + + + [cl-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.svg + [cl-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.png + [cl-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader + [cl-npm-readme]: https://www.npmjs.com/package/@angular-package/component-loader#readme + + + [cl-github-readme]: https://github.com/angular-package/component-loader#readme + + + + [core-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcore.svg + [core-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcore.png + [core-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcore + [core-npm-readme]: https://www.npmjs.com/package/@angular-package/core#readme + + + [core-github-readme]: https://github.com/angular-package/core#readme + + + + [error-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ferror.svg + [error-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ferror.png + [error-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ferror + [error-npm-readme]: https://www.npmjs.com/package/@angular-package/error#readme + + + [error-github-readme]: https://github.com/angular-package/error#readme + + + [error-validationerror]: https://github.com/angular-package/error#validationerror + + + + [prism-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fprism.svg + [prism-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fprism.png + [prism-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fprism + [prism-npm-readme]: https://www.npmjs.com/package/@angular-package/prism#readme + + + [prism-github-readme]: https://github.com/angular-package/prism#readme + + + + [property-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fproperty.svg + [property-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fproperty.png + [property-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fproperty + [property-npm-readme]: https://www.npmjs.com/package/@angular-package/property#readme + + + [property-github-readme]: https://github.com/angular-package/property#readme + + + + [reactive-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Freactive.svg + [reactive-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Freactive.png + [reactive-npm-badge]: https://badge.fury.io/js/%40angular-package%2Freactive + [reactive-npm-readme]: https://www.npmjs.com/package/@angular-package/reactive#readme + + + [reactive-github-readme]: https://github.com/angular-package/reactive#readme + + + + [testing-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftesting.svg + [testing-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftesting.png + [testing-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftesting + [testing-npm-readme]: https://www.npmjs.com/package/@angular-package/testing#readme + + + [testing-github-readme]: https://github.com/angular-package/testing#readme + + + + [type-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftype.svg + [type-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftype.png + [type-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftype + [type-npm-readme]: https://www.npmjs.com/package/@angular-package/type#readme + + + [type-github-readme]: https://github.com/angular-package/type#readme + + [package-type-foreachcallback]: https://github.com/angular-package/type#foreachcallback + [package-type-resultcallback]: https://github.com/angular-package/type#resultcallback + [package-type-key]: https://github.com/angular-package/type#key + + + + [ui-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fui.svg + [ui-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fui.svg + [ui-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fui + [ui-npm-readme]: https://www.npmjs.com/package/@angular-package/ui#readme + + + [ui-github-readme]: https://github.com/angular-package/ui#readme + + +[angular-component-factory-resolver]: https://angular.io/api/core/ComponentFactoryResolver +[angular-view-container-ref]: https://angular.io/api/core/ViewContainerRef + + +[jasmine-describe]: https://jasmine.github.io/api/3.8/global.html#describe +[jasmine-expect]: https://jasmine.github.io/api/3.8/global.html#expect +[jasmine-it]: https://jasmine.github.io/api/3.8/global.html#it + + +[js-array]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array +[js-array-every]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every +[js-array-some]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some + +[js-bigint]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt +[js-bigintconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt + +[js-boolean]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean +[js-booleanconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean + +[js-classes]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes + +[js-date]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date + +[js-error]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error + +[js-function]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions +[js-rest-parameter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters + +[js-getter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get +[js-object-getownpropertydescriptor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor +[js-object-getOwnpropertydescriptors]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors + +[js-setter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set + +[js-hasownproperty]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty + +[js-instanceof]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof +[js-in-operator]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in + +[js-map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map + +[js-null]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null +[js-number]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number +[js-numberconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/Number + +[js-object]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object +[js-object-define-property]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty + +[js-primitive]: https://developer.mozilla.org/en-US/docs/Glossary/Primitive +[js-promise]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise + +[js-rangeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RangeError +[js-referenceerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError +[js-regexp]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp + +[js-set]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set +[js-storage]: https://developer.mozilla.org/en-US/docs/Web/API/Storage +[js-string]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String +[js-stringconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/String + +[js-symbol]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol +[js-symbolconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/Symbol +[js-syntaxerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError + +[js-typeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError + +[js-undefined]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined +[js-urlerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError + +[js-weakset]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet + + +[karma]: http://karma-runner.github.io/0.10/index.html + + +[prism-js]: https://prismjs.com/ + + +[ts-any]: https://www.typescriptlang.org/docs/handbook/basic-types.html#any +[ts-boolean]: https://www.typescriptlang.org/docs/handbook/basic-types.html#boolean +[ts-classes]: https://www.typescriptlang.org/docs/handbook/2/classes.html +[ts-function]: https://www.typescriptlang.org/docs/handbook/2/functions.html +[ts-interface]: https://www.typescriptlang.org/docs/handbook/interfaces.html#our-first-interface +[ts-never]: https://www.typescriptlang.org/docs/handbook/basic-types.html#never +[ts-number]: https://www.typescriptlang.org/docs/handbook/basic-types.html#number +[ts-object]: https://www.typescriptlang.org/docs/handbook/basic-types.html#object +[ts-string]: https://www.typescriptlang.org/docs/handbook/basic-types.html#string +[ts-unknown]: https://www.typescriptlang.org/docs/handbook/basic-types.html#unknown diff --git a/packages/callback/karma.conf.js b/packages/callback/karma.conf.js new file mode 100644 index 00000000..a40a9888 --- /dev/null +++ b/packages/callback/karma.conf.js @@ -0,0 +1,44 @@ +// Karma configuration file, see link for more information +// https://karma-runner.github.io/1.0/config/configuration-file.html + +module.exports = function (config) { + config.set({ + basePath: '', + frameworks: ['jasmine', '@angular-devkit/build-angular'], + plugins: [ + require('karma-jasmine'), + require('karma-chrome-launcher'), + require('karma-jasmine-html-reporter'), + require('karma-coverage'), + require('@angular-devkit/build-angular/plugins/karma') + ], + client: { + jasmine: { + // you can add configuration options for Jasmine here + // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html + // for example, you can disable the random execution with `random: false` + // or set a specific seed with `seed: 4321` + }, + clearContext: false // leave Jasmine Spec Runner output visible in browser + }, + jasmineHtmlReporter: { + suppressAll: true // removes the duplicated traces + }, + coverageReporter: { + dir: require('path').join(__dirname, '../../coverage/callback'), + subdir: '.', + reporters: [ + { type: 'html' }, + { type: 'text-summary' } + ] + }, + reporters: ['progress', 'kjhtml'], + port: 9876, + colors: true, + logLevel: config.LOG_INFO, + autoWatch: true, + browsers: ['Chrome'], + singleRun: false, + restartOnFileChange: true + }); +}; diff --git a/packages/callback/ng-package.json b/packages/callback/ng-package.json new file mode 100644 index 00000000..b39272c6 --- /dev/null +++ b/packages/callback/ng-package.json @@ -0,0 +1,7 @@ +{ + "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", + "dest": "../../dist/callback", + "lib": { + "entryFile": "src/public-api.ts" + } +} \ No newline at end of file diff --git a/packages/callback/package-lock.json b/packages/callback/package-lock.json new file mode 100644 index 00000000..4957fd8f --- /dev/null +++ b/packages/callback/package-lock.json @@ -0,0 +1,208 @@ +{ + "name": "@angular-package/callback", + "version": "3.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "@angular-package/callback", + "version": "3.0.0", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "devDependencies": { + "@angular-package/testing": "^2.0.0-rc" + }, + "peerDependencies": { + "@angular-package/error": "^3.0.0-rc", + "@angular-package/type": "^5.0.0-rc.0" + } + }, + "node_modules/@angular-package/error": { + "version": "3.0.0-rc", + "resolved": "https://registry.npmjs.org/@angular-package/error/-/error-3.0.0-rc.tgz", + "integrity": "sha512-LgY4P2BZPhumE8ZyCZHtQEKIzeFejd4UHNfEmghSTK2aUxsWdZ/iI/Rxi8fFYQyAWS7ixnZKah4xLUM2WLh5HQ==", + "license": "MIT", + "peer": true, + "dependencies": { + "tslib": "^2.3.0" + } + }, + "node_modules/@angular-package/testing": { + "version": "2.0.0-rc", + "resolved": "https://registry.npmjs.org/@angular-package/testing/-/testing-2.0.0-rc.tgz", + "integrity": "sha512-DjlOD0gnLlqT8b4Qqr5FlPJWnl1NsO0823fH9B+e+rDxoJZa6Ys2cGg8716ZRBrSVWdBeuVxrjDhMJpYX5GVDw==", + "dev": true, + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular-package/type": "^5.0.0-rc.0", + "jasmine": "^3.9.0" + } + }, + "node_modules/@angular-package/type": { + "version": "5.0.0-rc.0", + "resolved": "https://registry.npmjs.org/@angular-package/type/-/type-5.0.0-rc.0.tgz", + "integrity": "sha512-NR3ODKJTmmdEqCz7fn6YDO68p9DK/SNWGvCV8pUqQUSFHlbrc0RDaqqF0liIi1iJcRZhbF2UnhWIIOp/iamtsg==", + "peer": true, + "dependencies": { + "tslib": "^2.3.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT", + "peer": true + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "license": "MIT", + "peer": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT", + "peer": true + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true, + "license": "ISC", + "peer": true + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "deprecated": "Glob versions prior to v9 are no longer supported", + "dev": true, + "license": "ISC", + "peer": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.", + "dev": true, + "license": "ISC", + "peer": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true, + "license": "ISC", + "peer": true + }, + "node_modules/jasmine": { + "version": "3.99.0", + "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-3.99.0.tgz", + "integrity": "sha512-YIThBuHzaIIcjxeuLmPD40SjxkEcc8i//sGMDKCgkRMVgIwRJf5qyExtlJpQeh7pkeoBSOe6lQEdg+/9uKg9mw==", + "dev": true, + "license": "MIT", + "peer": true, + "dependencies": { + "glob": "^7.1.6", + "jasmine-core": "~3.99.0" + }, + "bin": { + "jasmine": "bin/jasmine.js" + } + }, + "node_modules/jasmine-core": { + "version": "3.99.1", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.99.1.tgz", + "integrity": "sha512-Hu1dmuoGcZ7AfyynN3LsfruwMbxMALMka+YtZeGoLuDEySVmVAPaonkNoBRIw/ectu8b9tVQCJNgp4a4knp+tg==", + "dev": true, + "license": "MIT", + "peer": true + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "license": "ISC", + "peer": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "license": "ISC", + "peer": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "license": "MIT", + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true, + "license": "ISC", + "peer": true + } + } +} diff --git a/packages/callback/package.json b/packages/callback/package.json new file mode 100644 index 00000000..dc5f9012 --- /dev/null +++ b/packages/callback/package.json @@ -0,0 +1,37 @@ +{ + "name": "@angular-package/callback", + "version": "3.0.0", + "description": "Manages the callback function.", + "author": "Angular Package
ChangeDetectionComponent
-{{detection}} -
-
-
- Component change detection
- Means Detached when false
-
-
-```
-
-**3. Add newly created component to `AppModule`.**
-
-```typescript
-// external.
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-// internal.
-import { AppComponent } from './app.component';
-import { ChangeDetectionComponent } from './component';
-
-@NgModule({
- declarations: [
- AppComponent,
- ChangeDetectionComponent // <-- Add component above to primary module.
- ],
- imports: [
- BrowserModule,
- ],
- providers: [],
- bootstrap: [AppComponent]
-})
-export class AppModule { }
-
-```
-
-**4. Displays component with `ApChangeDetection` decorator.**
-
-```html
-
-
-
-
-
-
- Detect changes in property
- When component is detached
-
-
-
-
-
-
-
- Detect changes in property.
- When component is detached
-
-
- - {{name}} {{surname}} -
-ClassComponent
-{{changeDetector.detection}} - -
-
-
- Component change detection
- Means Detached when false
-
-
-```
-
-### 3. Add `ClassComponent` to `AppModule` declarations
-
-```typescript
-// external.
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; // added
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-import { MatButtonModule, MatCheckboxModule, MatInputModule, MatRadioModule, MatSidenavModule } from '@angular/material';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-
-// internal.
-import { AppComponent } from './app.component';
-import { ClassComponent } from './class.component';
-
-@NgModule({
- declarations: [
- AppComponent,
- ClassComponent // <-------------------- Add here.
- ],
- imports: [
- BrowserAnimationsModule,
- BrowserModule,
- FormsModule,
- ReactiveFormsModule,
-
- // @angular/material
- MatButtonModule, // added
- MatCheckboxModule, // added
- MatInputModule, // added
- MatRadioModule // added
- ],
- providers: [ ],
- bootstrap: [AppComponent]
-})
-export class AppModule { }
-
-```
-
-### 4.Use in any other component by providing tag `app-class`
-
-```html
-
-
-
-
-
- Detect changes in property
- When component is detached
-
-
-
-
-
-
-
- Detect changes in property.
- When component is detached
-
-
- - {{firstname}} {{surname}} {{age}} -
-{{firstname}}
- {{surname}}
- {{age}}
- `
-})
-export class ClassTestComponent {
- public changeDetector: ApChangeDetectorClassClassComponent
-{{changeDetector.detection}} - -
-
-
- Component change detection
- Means Detached when false
-
-
diff --git a/packages/change-detection/packages/demo/src/app/class/class.component.ts b/packages/change-detection/packages/demo/src/app/class/class.component.ts
deleted file mode 100644
index 3682fcc4..00000000
--- a/packages/change-detection/packages/demo/src/app/class/class.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component, OnInit, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';
-
-import { ApChangeDetectorClass } from '@angular-package/change-detection/change-detector';
-
-@Component({
- preserveWhitespaces: false,
- changeDetection: ChangeDetectionStrategy.OnPush,
- selector: 'app-class',
- templateUrl: './class.component.html',
- styleUrls: ['./class.component.css']
-})
-export class ClassComponent implements OnInit {
-
- changeDetector: ApChangeDetectorClass
-
-
-
-
- Detect changes in property
- When component is detached
-
-
-
-
-
-
-
- Detect changes in property.
- When component is detached
-
-
- - {{firstname}} {{surname}} {{age}} -
-ChangeDetectionComponent
-{{detection}} -
-
-
- Component change detection
- Means Detached when false
-
-
diff --git a/packages/change-detection/packages/demo/src/app/component.scss b/packages/change-detection/packages/demo/src/app/component.scss
deleted file mode 100644
index 45fc3333..00000000
--- a/packages/change-detection/packages/demo/src/app/component.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-div {
- display: flex;
- flex-direction: column;
- padding: 16px 0;
-}
-div > div {
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-small {
- display: block;line-height: 100%;
-}
diff --git a/packages/change-detection/packages/demo/src/app/component.ts b/packages/change-detection/packages/demo/src/app/component.ts
deleted file mode 100644
index a637674d..00000000
--- a/packages/change-detection/packages/demo/src/app/component.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-// external
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
-
-// @angular-package
-import { ApChangeDetection } from '@angular-package/change-detection';
-import { ApChangeDetectorClass } from '@angular-package/change-detection/change-detector';
-import { ApChangeDetector, ApChangeDetectionProperties } from '@angular-package/change-detection/interface';
-
-// internal
-import { AddressInterface } from './interface';
-import { PROPERTIES } from './properties';
-import { OPTIONS } from './options';
-
-@Component({
- preserveWhitespaces: false,
- changeDetection: ChangeDetectionStrategy.OnPush,
- selector: 'app-changedetection-component',
- templateUrl: './component.html',
- styleUrls: [ 'component.scss' ]
-})
-@ApChangeDetection
-
-
-
-
- Detect changes in property
- When component is detached
-
-
-
-
-
-
-
- Detect changes in property.
- When component is detached
-
-
- - {{name}} {{surname}} -
-
-
- Angular
- package
-
-
- - ..... -
-{{firstname}}
- {{surname}}
- {{age}}
- `
-})
-@ApChangeDetection(PROPERTIES, OPTIONS)
-export class DecoratorTestComponent implements ApChangeDetector+ +## Packages + +| Package | Description | Status | +| :------------------------------------------------------ | :---------------------------------------------------------------- | -----: | +| [callback][callback-github-readme] | Manages the callback [`function`][js-function]. | [![npm version][callback-npm-badge-png]][callback-npm-badge] | +| [change-detection][cd-github-readme] | Improves application performance. | [![npm version][cd-npm-badge-png]][cd-npm-badge] | +| **[component-loader][component-loader-github-readme]** | **Handles dynamic loading components.** | [![npm version][component-loader-npm-badge-png]][component-loader-npm-badge] | +| [core][core-github-readme] | Core features. | [![npm version][core-npm-badge-png]][core-npm-badge] | +| [error][error-github-readme] | Manages an [`Error`][js-error]. | [![npm version][error-npm-badge-png]][error-npm-badge] | +| [name][name-github-readme] | The name with prefix and suffix. | [![npm version][name-npm-badge-png]][name-npm-badge] | +| [preferences][preferences-github-readme] | Preferences, settings, options, configuration and setup in steps. | [![npm version][preferences-npm-badge-png]][preferences-npm-badge] | +| [prism][prism-github-readme] | [`Prism`][prism-js] highlighter module. | [![npm version][prism-npm-badge-png]][prism-npm-badge] | +| [property][property-github-readme] | Handles object properties. | [![npm version][property-npm-badge-png]][property-npm-badge] | +| [range][range-github-readme] | The range between a minimum and maximum. | [![npm version][range-npm-badge-png]][range-npm-badge] | +| [reactive][reactive-github-readme] | Automatize the process of creating some rxjs features. | [![npm version][reactive-npm-badge-png]][reactive-npm-badge] | +| [storage][storage-github-readme] | The storage of data under allowed names. | [![npm version][storage-npm-badge-png]][storage-npm-badge] | +| [tag][tag-github-readme] | Any tag with optional attributes. | [![npm version][tag-npm-badge-png]][tag-npm-badge] | +| [testing][testing-github-readme] | Support for testing other packages. | [![npm version][testing-npm-badge-png]][testing-npm-badge] | +| [text][text-github-readme] | Text on the template with replaceable tags. | [![npm version][text-npm-badge-png]][text-npm-badge] | +| [type][type-github-readme] | Common types, type guards, and type checkers. | [![npm version][type-npm-badge-png]][type-npm-badge] | +| [ui][ui-github-readme] | Configurable user interface. | [![npm version][ui-npm-badge-png]][ui-npm-badge] | +| [wrapper][wrapper-github-readme] | Wrap the text with the opening and closing chars. | [![npm version][wrapper-npm-badge-png]][wrapper-npm-badge] | + +Click on the package name to visit its [GitHub](https://github.com/) page. + +
+ +## angular-package/component-loader + +Handles dynamic loading components. + +[![Gitter][gitter-badge]][gitter-chat] +[![Discord][discord-badge]][discord-channel] +[![Twitter][twitter-badge]][twitter-follow] + +[![npm version][component-loader-npm-badge-svg]][component-loader-npm-badge] + +[![GitHub issues][component-loader-badge-issues]][component-loader-issues] +[![GitHub forks][component-loader-badge-forks]][component-loader-forks] +[![GitHub stars][component-loader-badge-stars]][component-loader-stars] +[![GitHub license][component-loader-badge-license]][component-loader-license] + +[![GitHub sponsors][github-badge-sponsor]][github-sponsor-link] +[![Support me on Patreon][patreon-badge]][patreon-link] + +
+ +## Documentation + +For the detailed documentation go to [**https://component-loader.angular-package.dev**](https://component-loader.angular-package.dev) + +
+ +## Table of contents + +* [Skeleton](#skeleton) +* [Installation](#installation) +* [Changelog](#changelog) +* [Api](#api) +* [Git](#git) + * [Commit](#commit) + * [Versioning](#versioning) +* [License](#license) + +
+ +## Skeleton + +The package was generated by the [library skeleton][skeleton] which was generated with [Angular CLI](https://github.com/angular/angular-cli) `13` version. Copy package to the `packages/component-loader` folder of the [library skeleton][skeleton] then run the commands below. + +### Code scaffolding + +Run `ng generate component component-name --project component-loader` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project component-loader`. +> Note: Don't forget to add `--project component-loader` or else it will be added to the default project in your `angular.json` file. + +### Build + +Run `ng build component-loader` to build the package. The build artifacts will be stored in the `dist/component-loader` directory. + +### Publishing + +After building your library with `ng build component-loader`, go to the dist folder `cd dist/component-loader` and run `npm publish`. + +### Running unit tests + +Before the test can be performed install `@angular-package/testing` and `@angular-package/type` with command: + +```typescript +npm i @angular-package/testing @angular-package/type --no-save +``` + +Run `ng test component-loader` to execute the unit tests via [Karma](https://karma-runner.github.io). + +
+ +## Installation + +Install `@angular-package/component-loader` package with command: + +```bash +npm i @angular-package/component-loader --save +``` + +
+ +## Api + +```typescript +import { + // Class. + ComponentLoader, + ComponentLoaderService, + // Decorator. + LoadComponent, + // Interface. + LoadComponentConfig +} from '@angular-package/component-loader'; +``` + +
+ +## Changelog + +The **changelog** of this package is based on [*keep a changelog*](https://keepachangelog.com/en/1.0.0/). To read it, click on the [CHANGELOG.md](https://github.com/angular-package/component-loader/blob/main/CHANGELOG.md) link. + +> A changelog is a file which contains a curated, chronologically ordered list of notable changes for each version of a project. - [*keep a changelog*](https://keepachangelog.com/en/1.0.0/) + +
+ +## GIT + +### Commit + +* [AngularJS Git Commit Message Conventions][git-commit-angular] +* [Karma Git Commit Msg][git-commit-karma] +* [Conventional Commits][git-commit-conventional] + +### Versioning + +[Semantic Versioning 2.0.0][git-semver] + +**Given a version number MAJOR.MINOR.PATCH, increment the:** + +* MAJOR version when you make incompatible API changes, +* MINOR version when you add functionality in a backwards-compatible manner, and +* PATCH version when you make backwards-compatible bug fixes. + +Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format. + +**FAQ** +How should I deal with revisions in the 0.y.z initial development phase? + +> The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release. + +How do I know when to release 1.0.0? + +> If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0. + +## License + +MIT © angular-package ([license][component-loader-license]) + + +[github-badge-sponsor]: https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&link=https://github.com/sponsors/angular-package +[github-sponsor-link]: https://github.com/sponsors/angular-package +[patreon-badge]: https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dsciborrudnicki%26type%3Dpatrons&style=flat +[patreon-link]: https://patreon.com/sciborrudnicki + +[angulario]: https://angular.io +[skeleton]: https://github.com/angular-package/skeleton + + +[experimental]: https://img.shields.io/badge/-experimental-orange +[fix]: https://img.shields.io/badge/-fix-red +[new]: https://img.shields.io/badge/-new-green +[update]: https://img.shields.io/badge/-update-red + + +[discord-badge]: https://img.shields.io/discord/925168966098386944 +[discord-channel]: https://discord.com/channels/925168966098386944/925168966098386948 + + +[gitter-badge]: https://badges.gitter.im/angularpackage/Lobby.svg +[gitter-chat]: https://gitter.im/angularpackage/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge + + +[twitter-badge]: https://img.shields.io/twitter/url?style=social&label=Follow%20%40angularpackage&url=https%3A%2F%2Ftwitter.com%2Fangularpackage +[twitter-follow]: https://twitter.com/angularpackage + + +[git-semver]: http://semver.org/ + + +[git-commit-angular]: https://gist.github.com/stephenparish/9941e89d80e2bc58a153 +[git-commit-karma]: http://karma-runner.github.io/0.10/dev/git-commit-msg.html +[git-commit-conventional]: https://www.conventionalcommits.org/en/v1.0.0/ + + + + [component-loader-badge-issues]: https://img.shields.io/github/issues/angular-package/component-loader + [component-loader-badge-forks]: https://img.shields.io/github/forks/angular-package/component-loader + [component-loader-badge-stars]: https://img.shields.io/github/stars/angular-package/component-loader + [component-loader-badge-license]: https://img.shields.io/github/license/angular-package/component-loader + + [component-loader-issues]: https://github.com/angular-package/component-loader/issues + [component-loader-forks]: https://github.com/angular-package/component-loader/network + [component-loader-license]: https://github.com/angular-package/component-loader/blob/master/LICENSE + [component-loader-stars]: https://github.com/angular-package/component-loader/stargazers + + [component-loader-github-changelog]: https://github.com/angular-package/component-loader/blob/main/CHANGELOG.md + + + + [callback-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcallback.svg + [callback-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcallback.png + [callback-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcallback + [callback-npm-readme]: https://www.npmjs.com/package/@angular-package/callback#readme + + + [callback-github-readme]: https://github.com/angular-package/callback#readme + + [package-callback-callbackpayload]: https://github.com/angular-package/callback#callbackpayload + [package-callback-resultcallback]: https://github.com/angular-package/callback#resultcallback + + + + [cd-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.svg + [cd-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.png + [cd-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fchange-detection + [cd-npm-readme]: https://www.npmjs.com/package/@angular-package/change-detection#readme + + + [cd-github-readme]: https://github.com/angular-package/change-detection#readme + + + + [component-loader-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.svg + [component-loader-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.png + [component-loader-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader + [component-loader-npm-readme]: https://www.npmjs.com/package/@angular-package/component-loader#readme + + + [component-loader-github-readme]: https://github.com/angular-package/component-loader#readme + + + + [core-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcore.svg + [core-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcore.png + [core-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcore + [core-npm-readme]: https://www.npmjs.com/package/@angular-package/core#readme + + + [core-github-readme]: https://github.com/angular-package/core#readme + + + + [error-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ferror.svg + [error-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ferror.png + [error-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ferror + [error-npm-readme]: https://www.npmjs.com/package/@angular-package/error#readme + + + [error-github-readme]: https://github.com/angular-package/error#readme + + + + [name-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fname.svg + [name-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fname.png + [name-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fname + [name-npm-readme]: https://www.npmjs.com/package/@angular-package/name#readme + + + [name-github-readme]: https://github.com/angular-package/name#readme + + + + [preferences-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fpreferences.svg + [preferences-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fpreferences.png + [preferences-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fpreferences + [preferences-npm-readme]: https://www.npmjs.com/package/@angular-package/preferences#readme + + + [preferences-github-readme]: https://github.com/angular-package/preferences#readme + + + + [prism-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fprism.svg + [prism-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fprism.png + [prism-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fprism + [prism-npm-readme]: https://www.npmjs.com/package/@angular-package/prism#readme + + + [prism-github-readme]: https://github.com/angular-package/prism#readme + + + + [property-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fproperty.svg + [property-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fproperty.png + [property-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fproperty + [property-npm-readme]: https://www.npmjs.com/package/@angular-package/property#readme + + + [property-github-readme]: https://github.com/angular-package/property#readme + + + + [range-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Frange.svg + [range-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Frange.png + [range-npm-badge]: https://badge.fury.io/js/%40angular-package%2Frange + [range-npm-readme]: https://www.npmjs.com/package/@angular-package/range#readme + + + [range-github-readme]: https://github.com/angular-package/range#readme + + + + [reactive-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Freactive.svg + [reactive-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Freactive.png + [reactive-npm-badge]: https://badge.fury.io/js/%40angular-package%2Freactive + [reactive-npm-readme]: https://www.npmjs.com/package/@angular-package/reactive#readme + + + [reactive-github-readme]: https://github.com/angular-package/reactive#readme + + + + [storage-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fstorage.svg + [storage-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fstorage.png + [storage-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fstorage + [storage-npm-readme]: https://www.npmjs.com/package/@angular-package/storage#readme + + + [storage-github-readme]: https://github.com/angular-package/storage#readme + + + + [tag-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftag.svg + [tag-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftag.png + [tag-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftag + [tag-npm-readme]: https://www.npmjs.com/package/@angular-package/tag#readme + + + [tag-github-readme]: https://github.com/angular-package/tag#readme + + + + [testing-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftesting.svg + [testing-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftesting.png + [testing-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftesting + [testing-npm-readme]: https://www.npmjs.com/package/@angular-package/testing#readme + + + [testing-github-readme]: https://github.com/angular-package/testing#readme + + + + [text-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftext.svg + [text-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftext.png + [text-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftext + [text-npm-readme]: https://www.npmjs.com/package/@angular-package/text#readme + + + [text-github-readme]: https://github.com/angular-package/text#readme + + + + [type-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftype.svg + [type-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftype.png + [type-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftype + [type-npm-readme]: https://www.npmjs.com/package/@angular-package/type#readme + + + [type-github-readme]: https://github.com/angular-package/type#readme + + + + [ui-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fui.svg + [ui-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fui.png + [ui-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fui + [ui-npm-readme]: https://www.npmjs.com/package/@angular-package/ui#readme + + + [ui-github-readme]: https://github.com/angular-package/ui#readme + + + + [wrapper-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fwrapper.svg + [wrapper-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fwrapper.png + [wrapper-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fwrapper + [wrapper-npm-readme]: https://www.npmjs.com/package/@angular-package/wrapper#readme + + + [wrapper-github-readme]: https://github.com/angular-package/wrapper#readme + + +[angular-component-factory-resolver]: https://angular.io/api/core/ComponentFactoryResolver +[angular-view-container-ref]: https://angular.io/api/core/ViewContainerRef + + +[jasmine-describe]: https://jasmine.github.io/api/3.8/global.html#describe +[jasmine-expect]: https://jasmine.github.io/api/3.8/global.html#expect +[jasmine-it]: https://jasmine.github.io/api/3.8/global.html#it + + +[js-array]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array +[js-array-every]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every +[js-array-some]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some + +[js-bigint]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt +[js-bigintconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt + +[js-boolean]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean +[js-booleanconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean + +[js-classes]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes + +[js-date]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date + +[js-error]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error + +[js-function]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions +[js-rest-parameter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters + +[js-getter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get +[js-object-getownpropertydescriptor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor +[js-object-getOwnpropertydescriptors]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors + +[js-setter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set + +[js-hasownproperty]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty + +[js-instanceof]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof +[js-in-operator]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in + +[js-map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map + +[js-null]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null +[js-number]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number +[js-numberconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/Number + +[js-object]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object +[js-object-define-property]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty + +[js-primitive]: https://developer.mozilla.org/en-US/docs/Glossary/Primitive +[js-promise]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise + +[js-rangeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RangeError +[js-referenceerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError +[js-regexp]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp + +[js-set]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set +[js-storage]: https://developer.mozilla.org/en-US/docs/Web/API/Storage +[js-string]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String +[js-stringconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/String + +[js-symbol]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol +[js-symbolconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/Symbol +[js-syntaxerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError + +[js-typeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError + +[js-undefined]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined +[js-urlerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError + +[js-weakset]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet + + +[karma]: http://karma-runner.github.io/0.10/index.html + + +[prism-js]: https://prismjs.com/ + + +[ts-any]: https://www.typescriptlang.org/docs/handbook/basic-types.html#any +[ts-boolean]: https://www.typescriptlang.org/docs/handbook/basic-types.html#boolean +[ts-classes]: https://www.typescriptlang.org/docs/handbook/2/classes.html +[ts-function]: https://www.typescriptlang.org/docs/handbook/2/functions.html +[ts-interface]: https://www.typescriptlang.org/docs/handbook/interfaces.html#our-first-interface +[ts-never]: https://www.typescriptlang.org/docs/handbook/basic-types.html#never +[ts-number]: https://www.typescriptlang.org/docs/handbook/basic-types.html#number +[ts-object]: https://www.typescriptlang.org/docs/handbook/basic-types.html#object +[ts-string]: https://www.typescriptlang.org/docs/handbook/basic-types.html#string +[ts-unknown]: https://www.typescriptlang.org/docs/handbook/basic-types.html#unknown diff --git a/packages/component-loader/karma.conf.js b/packages/component-loader/karma.conf.js new file mode 100644 index 00000000..90345bc1 --- /dev/null +++ b/packages/component-loader/karma.conf.js @@ -0,0 +1,44 @@ +// Karma configuration file, see link for more information +// https://karma-runner.github.io/1.0/config/configuration-file.html + +module.exports = function (config) { + config.set({ + basePath: '', + frameworks: ['jasmine', '@angular-devkit/build-angular'], + plugins: [ + require('karma-jasmine'), + require('karma-chrome-launcher'), + require('karma-jasmine-html-reporter'), + require('karma-coverage'), + require('@angular-devkit/build-angular/plugins/karma') + ], + client: { + jasmine: { + // you can add configuration options for Jasmine here + // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html + // for example, you can disable the random execution with `random: false` + // or set a specific seed with `seed: 4321` + }, + clearContext: false // leave Jasmine Spec Runner output visible in browser + }, + jasmineHtmlReporter: { + suppressAll: true // removes the duplicated traces + }, + coverageReporter: { + dir: require('path').join(__dirname, '../../coverage/component-loader'), + subdir: '.', + reporters: [ + { type: 'html' }, + { type: 'text-summary' } + ] + }, + reporters: ['progress', 'kjhtml'], + port: 9876, + colors: true, + logLevel: config.LOG_INFO, + autoWatch: true, + browsers: ['Chrome'], + singleRun: false, + restartOnFileChange: true + }); +}; diff --git a/packages/component-loader/ng-package.json b/packages/component-loader/ng-package.json new file mode 100644 index 00000000..b4310c5c --- /dev/null +++ b/packages/component-loader/ng-package.json @@ -0,0 +1,7 @@ +{ + "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", + "dest": "../../dist/component-loader", + "lib": { + "entryFile": "src/public-api.ts" + } +} \ No newline at end of file diff --git a/packages/component-loader/package-lock.json b/packages/component-loader/package-lock.json new file mode 100644 index 00000000..8d1299b7 --- /dev/null +++ b/packages/component-loader/package-lock.json @@ -0,0 +1,175 @@ +{ + "name": "@angular-package/component-loader", + "version": "1.0.1-alpha.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@angular-package/testing": { + "version": "2.0.0-rc", + "resolved": "https://registry.npmjs.org/@angular-package/testing/-/testing-2.0.0-rc.tgz", + "integrity": "sha512-DjlOD0gnLlqT8b4Qqr5FlPJWnl1NsO0823fH9B+e+rDxoJZa6Ys2cGg8716ZRBrSVWdBeuVxrjDhMJpYX5GVDw==", + "dev": true, + "requires": { + "tslib": "^2.3.0" + } + }, + "@angular-package/type": { + "version": "5.0.0-rc.0", + "resolved": "https://registry.npmjs.org/@angular-package/type/-/type-5.0.0-rc.0.tgz", + "integrity": "sha512-NR3ODKJTmmdEqCz7fn6YDO68p9DK/SNWGvCV8pUqQUSFHlbrc0RDaqqF0liIi1iJcRZhbF2UnhWIIOp/iamtsg==", + "dev": true, + "requires": { + "tslib": "^2.3.0" + } + }, + "@angular/common": { + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-13.2.3.tgz", + "integrity": "sha512-aK42bLd8VIVsUPcIaPw+dwD3c1d7rigTUMbNQ7zqyEQMCajLPakpzM9QEnywdzWSJTJFUbp3h39jD7ZzQPuTTQ==", + "requires": { + "tslib": "^2.3.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@angular/core": { + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-13.2.3.tgz", + "integrity": "sha512-81QtWR+UQgCo5xJwExzKaRUd9aXJoOGbWfh3MZSUkiv+PTMXwmfU3lZxpz9S/y2uwvaVqZdW5MN/RzpKv6tHxA==", + "requires": { + "tslib": "^2.3.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "jasmine": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-3.9.0.tgz", + "integrity": "sha512-JgtzteG7xnqZZ51fg7N2/wiQmXon09szkALcRMTgCMX4u/m17gVJFjObnvw5FXkZOWuweHPaPRVB6DI2uN0wVA==", + "requires": { + "glob": "^7.1.6", + "jasmine-core": "~3.9.0" + } + }, + "jasmine-core": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.9.0.tgz", + "integrity": "sha512-Tv3kVbPCGVrjsnHBZ38NsPU3sDOtNa0XmbG2baiyJqdb5/SPpDO6GVwJYtUryl6KB4q1Ssckwg612ES9Z0dreQ==" + }, + "minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "rxjs": { + "version": "7.4.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.4.0.tgz", + "integrity": "sha512-7SQDi7xeTMCJpqViXh8gL/lebcwlp3d831F05+9B44A4B0WfsEwUQHR64gsH1kvJ+Ep/J9K2+n1hVl1CsGN23w==", + "requires": { + "tslib": "~2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz", + "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==" + } + } + }, + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "zone.js": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.4.tgz", + "integrity": "sha512-DDh2Ab+A/B+9mJyajPjHFPWfYU1H+pdun4wnnk0OcQTNjem1XQSZ2CDW+rfZEUDjv5M19SBqAkjZi0x5wuB5Qw==", + "requires": { + "tslib": "^2.0.0" + } + } + } +} diff --git a/packages/component-loader/package.json b/packages/component-loader/package.json new file mode 100644 index 00000000..5540d270 --- /dev/null +++ b/packages/component-loader/package.json @@ -0,0 +1,30 @@ +{ + "name": "@angular-package/component-loader", + "version": "1.0.0-alpha.0", + "description": "Handles dynamic loading components.", + "author": "angular-package
+ {{target.firstname}} +
diff --git a/packages/change-detection/packages/demo/src/app/class/class.component.spec.ts b/packages/core/demo/src/app/bind-property/bind-property.component.spec.ts similarity index 53% rename from packages/change-detection/packages/demo/src/app/class/class.component.spec.ts rename to packages/core/demo/src/app/bind-property/bind-property.component.spec.ts index e4c803eb..c52dfcc5 100644 --- a/packages/change-detection/packages/demo/src/app/class/class.component.spec.ts +++ b/packages/core/demo/src/app/bind-property/bind-property.component.spec.ts @@ -1,20 +1,20 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing'; -import { ClassComponent } from './class-component.component'; +import { BindPropertyComponent } from './bind-property.component'; -describe('ClassComponentComponent', () => { - let component: ClassComponent; - let fixture: ComponentFixtureDynamicComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} + ` +}) +export class DynamicComponent { + @Input() public age; + @Input() public firstname; + identify; + surname; + + @Output() event: EventEmitter
DefaultComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} +
+ + +
+ + `, + providers: [ + ComponentLoaderService + ] +}) +@ComponentLoader
DynamicComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} + ` +}) +export class DynamicComponent { + @Input() public age; + @Input() public firstname; + identify; + surname; + + @Output() event: EventEmitter
DefaultComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} + + ` // <----- create #container variable in template. +}) +export + class DefaultComponent + extends ComponentLoaderClass
DynamicComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} + ` +}) +export class DynamicComponent { + @Input() public age; + @Input() public firstname; + identify; + surname; + + @Output() event: EventEmitter
DefaultComponent
+ age: {{age}} ++ firstname: {{firstname}} +
+ surname: {{surname}} +
+ identify.age: {{identify?.age}} +
+ identify.firstname: {{identify?.firstname}} +
+ + +
+ + `, + providers: [ + ComponentLoaderService + ] +}) +export class DefaultComponent implements OnInit { + + age = 27; + firstname = 'Martin'; + surname = 'Ikar'; + identify = { + age: this.age, + firstname: this.firstname + }; + + constructor(public componentLoaderService: ComponentLoaderService
exists': testing => testing
+ .selector('div')
+ .clear()
+ })
+ .execute(false, false)
+
+ .spec('`__component`', {
+ '`property is undefined': testing => testing
+ .undefined('__component')
+ .clear(),
+ ' property is defined': testing => testing
+ .before(component => component.__create(DynamicComponent))
+ .defined('__component')
+ .clear(),
+ '`instance.model` should be defined': testing => testing
+ .before(component => component.__create(DynamicComponent))
+ .defined('__component.instance.model')
+ .clear()
+ })
+ .execute(false, false)
+
+ /**
+ * Method `__assign()`.
+ */
+ .spec('`_assign()` method', {
+ 'should works with provided specific type': testing => testing
+ .before(component => {
+ component.__create(DynamicComponent);
+ component.model = { defined: false };
+ component.__assign<{ defined: boolean }, ComponentLoaderClassComponent>('model', component);
+ })
+ .equal('__component.instance.model', { defined: false }),
+ 'should works with specified type and list of properties': testing => testing
+ .before(component => component
+ .__create(DynamicComponent)
+ .__assign(['__prefix', '__suffix'], component))
+ .be([
+ '__prefix',
+ '__component.instance.__prefix',
+ '__suffix',
+ '__component.instance.__suffix'
+ ], '_'),
+ '`__component` instance model and key with array argument should be changed': testing => testing
+ .before(component => {
+ component.__create(DynamicComponent);
+ component.model = { defined: false };
+ component.__assign(['key', 'model'], component);
+ })
+ .be('__component.instance.key', 'defined')
+ .equal