All files / src resourceFactory.ts

83.56% Statements 61/73
74.14% Branches 43/58
85.71% Functions 6/7
84.72% Lines 61/72
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 1449x 9x 9x   9x   9x   9x 9x 2x     2x       94x 2x   94x               14x 13x                 35x                                         14x 14x 1x   13x 4x 2x 1x 1x 1x 1x 1x   2x 2x 1x 1x 1x 1x 1x     9x 4x 2x 1x 1x 1x 1x               1x   2x 2x 1x 1x 1x 1x               1x       5x 2x 1x 1x 1x   3x 3x 1x 2x 1x         1x                 14x 1x        
import nodeFetch from "node-fetch";
import {EVENTS, HTTP_METHODS, RESOURCE_INJECT_TYPE} from "./enums";
import {pubsub} from "./util";
import {IFileResourceStorefrontDependency} from "./types";
import {RESOURCE_TYPE} from "./lib/enums";
 
const singletonSymbol = Symbol();
 
export default class ResourceFactory {
    static singleton: boolean | ResourceFactory = false;
    private resources: { [name: string]: IFileResourceStorefrontDependency } = {};
 
    constructor(enforcer: Symbol) {
        Iif (enforcer !== singletonSymbol) throw new Error("Cannot construct singleton, use .singleton");
    }
 
    static get instance(): ResourceFactory {
        if (!this.singleton) {
            this.singleton = new ResourceFactory(singletonSymbol);
        }
        return this.singleton as ResourceFactory;
    }
 
    /**
     * Registers new dependency
     * @param {IFileResourceStorefrontDependency} dependency
     */
    registerDependencies(dependency: IFileResourceStorefrontDependency) {
        this.validateDependency(dependency);
        this.resources[dependency.name] = dependency;
    }
 
    /**
     * Returns dependency object
     * @param {string} dependencyName
     * @returns {IFileResourceStorefrontDependency | null}
     */
    get(dependencyName: string) {
        return this.resources[dependencyName] || null;
    }
 
    async getRawContent(dependencyName: string): Promise<string> {
        const dependency = this.resources[dependencyName];
        if (dependency && dependency.link) {
            const req = await nodeFetch(dependency.link);
            return await req.text();
        } else if (dependency.content) {
            return dependency.content;
        } else {
            return `<!-- Puzzle dependency: ${dependencyName} not found -->`;
        }
    }
 
    /**
     * Returns dependency content
     * @param {string} dependencyName
     * @returns {string}
     */
    async getDependencyContent(dependencyName: string, injectType?: RESOURCE_INJECT_TYPE | undefined): Promise<string> {
        const dependency = this.resources[dependencyName];
        if (!dependency) {
            return `<!-- Puzzle dependency: ${dependencyName} not found -->`;
        }
        if (injectType === RESOURCE_INJECT_TYPE.INLINE) {
            if (dependency.type === RESOURCE_TYPE.JS) {
                if (dependency.content) {
                    return `<script puzzle-dependency="${dependency.name}" type="text/javascript">${dependency.content}</script>`;
                } else Eif (dependency.link) {
                    const req = await nodeFetch(dependency.link),
                        content = await req.text();
                    return `<script puzzle-dependency="${dependency.name}" type="text/javascript">${content}</script>`;
                }
            } else Eif (dependency.type === RESOURCE_TYPE.CSS) {
                if (dependency.content) {
                    return `<style puzzle-dependency="${dependency.name}" type="text/css">${dependency.content}</style>`;
                } else Eif (dependency.link) {
                    const req = await nodeFetch(dependency.link),
                        content = await req.text();
                    return `<style puzzle-dependency="${dependency.name}" type="text/css">${content}</style>`;
                }
            }
        } else if (injectType === RESOURCE_INJECT_TYPE.EXTERNAL) {
            if (dependency.type === RESOURCE_TYPE.JS) {
                if (dependency.link) {
                    return `<script puzzle-dependency="${dependency.name}" src="${dependency.link}" type="text/javascript"> </script>`;
                } else Eif (dependency.content) {
                    const url = `/static/${dependency.name}.min.js`;
                    pubsub.emit(EVENTS.ADD_ROUTE, {
                        path: url,
                        method: HTTP_METHODS.GET,
                        handler(req: any, res: any) {
                            res.set('content-type', 'text/javascript');
                            res.send(dependency.content);
                        }
                    });
                    return `<script puzzle-dependency="${dependency.name}" src="${url}" type="text/javascript"> </script>`;
                }
            } else Eif (dependency.type === RESOURCE_TYPE.CSS) {
                if (dependency.link) {
                    return `<link puzzle-dependency="${dependency.name}" rel="stylesheet" href="${dependency.link}" />`;
                } else Eif (dependency.content) {
                    const url = `/static/${dependency.name}.min.css`;
                    pubsub.emit(EVENTS.ADD_ROUTE, {
                        path: url,
                        method: HTTP_METHODS.GET,
                        handler(req: any, res: any) {
                            res.set('content-type', 'text/css');
                            res.send(dependency.content);
                        }
                    });
                    return `<link puzzle-dependency="${dependency.name}" rel="stylesheet" href="${url}" />`;
                }
            }
        } else {
            if (dependency.type === RESOURCE_TYPE.JS) {
                if (dependency.link) {
                    return `<script puzzle-dependency="${dependency.name}" src="${dependency.link}" type="text/javascript"> </script>`;
                } else Eif (dependency.content) {
                    return `<script puzzle-dependency="${dependency.name}" type="text/javascript">${dependency.content}</script>`;
                }
            } else Eif (dependency.type === RESOURCE_TYPE.CSS) {
                if (dependency.link) {
                    return `<link puzzle-dependency="${dependency.name}" rel="stylesheet" href="${dependency.link}" />`;
                } else if (dependency.content) {
                    return `<style puzzle-dependency="${dependency.name}" type="text/css">${dependency.content}</style>`;
                }
            }
        }
 
        return `<!-- Puzzle dependency: ${dependencyName} failed to inject because there is no content or link property -->`;
    }
 
 
    /**
     * Checks if dependency is valid for registration
     * @param {IFileResourceStorefrontDependency} dependency
     */
    private validateDependency(dependency: IFileResourceStorefrontDependency) {
        if (!dependency.content && !dependency.link) {
            throw new Error('Content or link is required for dependency');
        }
    }
}