/** * @license * Copyright Google Inc. All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ // We are temporarily importing the existing viewEngine from core so we can be sure we are // correctly implementing its interfaces for backwards compatibility. import * as viewEngine from '../core'; import {BLOOM_SIZE, NG_ELEMENT_ID, getOrCreateNodeInjector} from './instructions'; import {LContainer, LNodeFlags, LNodeInjector} from './l_node'; import {ComponentTemplate, DirectiveDef} from './public_interfaces'; import {notImplemented, stringify} from './util'; /** Injection flags for DI. */ export const enum InjectFlags { /** Dependency is not required. Null will be injected if there is no provider for the dependency. */ Optional = 1 << 0, /** When resolving a dependency, include the node that is requesting injection. */ CheckSelf = 1 << 1, /** When resolving a dependency, include ancestors of the node requesting injection. */ CheckParent = 1 << 2, /** Default injection options: required, checks both self and ancestors. */ Default = CheckSelf | CheckParent, } /** * Constructs an injection error with the given text and token. * * @param text The text of the error * @param token The token associated with the error * @returns The error that was created */ function createInjectionError(text: string, token: any) { return new Error(`ElementInjector: ${text} [${stringify(token)}]`); } /** * Searches for an instance of the given directive type up the injector tree and returns * that instance if found. * * Specifically, it gets the bloom filter bit associated with the directive (see bloomHashBit), * checks that bit against the bloom filter structure to identify an injector that might have * the directive (see bloomFindPossibleInjector), then searches the directives on that injector * for a match. * * If not found, it will propagate up to the next parent injector until the token * is found or the top is reached. * * Usage example (in factory function): * * class SomeDirective { * constructor(directive: DirectiveA) {} * * static ngDirectiveDef = defineDirective({ * type: SomeDirective, * factory: () => new SomeDirective(inject(DirectiveA)) * }); * } * * @param token The directive type to search for * @param flags Injection flags (e.g. CheckParent) * @returns The instance found */ export function inject(token: viewEngine.Type, flags?: InjectFlags): T { const di = getOrCreateNodeInjector(); const bloomHash = bloomHashBit(token); // If the token has a bloom hash, then it is a directive that is public to the injection system // (diPublic). If there is no hash, fall back to the module injector. if (bloomHash === null) { const moduleInjector = di.injector; if (!moduleInjector) { throw createInjectionError('NotFound', token); } moduleInjector.get(token); } else { let injector: LNodeInjector|null = di; while (injector) { // Get the closest potential matching injector (upwards in the injector tree) that // *potentially* has the token. injector = bloomFindPossibleInjector(injector, bloomHash); // If no injector is found, we *know* that there is no ancestor injector that contains the // token, so we abort. if (!injector) { break; } // At this point, we have an injector which *may* contain the token, so we step through the // directives associated with the injector's corresponding node to get the directive instance. const node = injector.node; // The size of the node's directive's list is stored in certain bits of the node's flags, // so exact it with a mask and shift it back such that the bits reflect the real value. const flags = node.flags; const size = (flags & LNodeFlags.SIZE_MASK) >> LNodeFlags.SIZE_SHIFT; if (size !== 0) { // The start index of the directives list is also part of the node's flags, but there is // nothing to the "left" of it so it doesn't need a mask. const start = flags >> LNodeFlags.INDX_SHIFT; const ngStaticData = node.view.ngStaticData; for (let i = start, ii = start + size; i < ii; i++) { // Get the definition for the directive at this index and, if it is injectable (diPublic), // and matches the given token, return the directive instance. const directiveDef = ngStaticData[i] as DirectiveDef; if (directiveDef.diPublic && directiveDef.type == token) { return node.view.data[i]; } } } // If we *didn't* find the directive for the token from the candidate injector, we had a false // positive. Traverse up the tree and continue. injector = injector.parent; } } // No directive was found for the given token. // TODO: implement optional, check-self, and check-parent. throw createInjectionError('Not found', token); } /** * Given a directive type, this function returns the bit in an injector's bloom filter * that should be used to determine whether or not the directive is present. * * When the directive was added to the bloom filter, it was given a unique ID that can be * retrieved on the class. Since there are only BLOOM_SIZE slots per bloom filter, the directive's * ID must be modulo-ed by BLOOM_SIZE to get the correct bloom bit (directives share slots after * BLOOM_SIZE is reached). * * @param type The directive type * @returns The bloom bit to check for the directive */ function bloomHashBit(type: viewEngine.Type): number|null { let id: number|undefined = (type as any)[NG_ELEMENT_ID]; return typeof id === 'number' ? id % BLOOM_SIZE : null; } /** * Finds the closest injector that might have a certain directive. * * Each directive corresponds to a bit in an injector's bloom filter. Given the bloom bit to * check and a starting injector, this function traverses up injectors until it finds an * injector that contains a 1 for that bit in its bloom filter. A 1 indicates that the * injector may have that directive. It only *may* have the directive because directives begin * to share bloom filter bits after the BLOOM_SIZE is reached, and it could correspond to a * different directive sharing the bit. * * Note: We can skip checking further injectors up the tree if an injector's cbf structure * has a 0 for that bloom bit. Since cbf contains the merged value of all the parent * injectors, a 0 in the bloom bit indicates that the parents definitely do not contain * the directive and do not need to be checked. * * @param injector The starting injector to check * @param bloomBit The bit to check in each injector's bloom filter * @returns An injector that might have the directive */ export function bloomFindPossibleInjector( startInjector: LNodeInjector, bloomBit: number): LNodeInjector|null { // Create a mask that targets the specific bit associated with the directive we're looking for. // This will be a number between 0 and 31, corresponding to a bit position in a 32 bit integer. const mask = 1 << bloomBit; // Traverse up the injector tree until we find a potential match or until we know there *isn't* a // match. let injector: LNodeInjector|null = startInjector; while (injector) { // Our bloom filter size is 128 bits, which is four 32-bit bloom filter buckets: // bf0 = [0 - 31], bf1 = [32 - 63], bf2 = [64 - 95], bf3 = [96 - 127] // Get the bloom filter value from the appropriate bucket based on the directive's bloomBit. let value: number = bloomBit < 64 ? (bloomBit < 32 ? injector.bf0 : injector.bf1) : (bloomBit < 96 ? injector.bf2 : injector.bf3); // If the bloom filter value has the bit corresponding to the directive's bloomBit flipped on, // this injector is a potential match. if ((value & mask) === mask) { return injector; } // If the current injector does not have the directive, check the bloom filters for the ancestor // injectors (cbf0 - cbf3). These filters capture *all* ancestor injectors. value = bloomBit < 64 ? (bloomBit < 32 ? injector.cbf0 : injector.cbf1) : (bloomBit < 96 ? injector.cbf2 : injector.cbf3); // If the ancestor bloom filter value has the bit corresponding to the directive, traverse up to // find the specific injector. If the ancestor bloom filter does not have the bit, we can abort. injector = (value & mask) ? injector.parent : null; } return null; } /** * Creates an ElementRef and stores it on the injector. Or, if the ElementRef already * exists, retrieves the existing ElementRef. * * @returns The ElementRef instance to use */ export function injectElementRef(): viewEngine.ElementRef { let di = getOrCreateNodeInjector(); return di.elementRef || (di.elementRef = new ElementRef(di.node.native)); } /** A ref to a node's native element. */ class ElementRef implements viewEngine.ElementRef { readonly nativeElement: any; constructor(nativeElement: any) { this.nativeElement = nativeElement; } } /** * Creates a TemplateRef and stores it on the injector. Or, if the TemplateRef already * exists, retrieves the existing TemplateRef. * * @returns The TemplateRef instance to use */ export function injectTemplateRef(): viewEngine.TemplateRef { let di = getOrCreateNodeInjector(); const data = (di.node as LContainer).data; if (data === null || data.template === null) { throw createInjectionError('Directive does not have a template.', null); } return di.templateRef || (di.templateRef = new TemplateRef(injectElementRef(), data.template)); } /** A ref to a particular template. */ class TemplateRef implements viewEngine.TemplateRef { readonly elementRef: viewEngine.ElementRef; constructor(elementRef: viewEngine.ElementRef, template: ComponentTemplate) { this.elementRef = elementRef; } createEmbeddedView(context: T): viewEngine.EmbeddedViewRef { throw notImplemented(); } } /** * Creates a ViewContainerRef and stores it on the injector. Or, if the ViewContainerRef * already exists, retrieves the existing ViewContainerRef. * * @returns The ViewContainerRef instance to use */ export function injectViewContainerRef(): viewEngine.ViewContainerRef { let di = getOrCreateNodeInjector(); return di.viewContainerRef || (di.viewContainerRef = new ViewContainerRef(di.node as LContainer)); } /** * A ref to a container that enables adding and removing views from that container * imperatively. */ class ViewContainerRef implements viewEngine.ViewContainerRef { element: viewEngine.ElementRef; injector: viewEngine.Injector; parentInjector: viewEngine.Injector; constructor(node: LContainer) {} clear(): void { throw notImplemented(); } get(index: number): viewEngine.ViewRef|null { throw notImplemented(); } length: number; createEmbeddedView( templateRef: viewEngine.TemplateRef, context?: C|undefined, index?: number|undefined): viewEngine.EmbeddedViewRef { throw notImplemented(); } createComponent( componentFactory: viewEngine.ComponentFactory, index?: number|undefined, injector?: viewEngine.Injector|undefined, projectableNodes?: any[][]|undefined, ngModule?: viewEngine.NgModuleRef|undefined): viewEngine.ComponentRef { throw notImplemented(); } insert(viewRef: viewEngine.ViewRef, index?: number|undefined): viewEngine.ViewRef { throw notImplemented(); } move(viewRef: viewEngine.ViewRef, currentIndex: number): viewEngine.ViewRef { throw notImplemented(); } indexOf(viewRef: viewEngine.ViewRef): number { throw notImplemented(); } remove(index?: number|undefined): void { throw notImplemented(); } detach(index?: number|undefined): viewEngine.ViewRef|null { throw notImplemented(); } }