Namespace Pollution Mechanism

    ng-fiddle
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.0 • Public • Published

    ng-fiddle

    AOT/JIT compatible Angular component to embed Fiddle

    Build Status codecov Known Vulnerabilities

    Quick Start

    • Install this Library

    NPM

    • Declare NgFiddleModule in your root module
    import { NgFiddleModule } from 'ng-fiddle'
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        NgFiddleModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    • Use ng-fiddle template
    <ng-fiddle url="http://jsfiddle.net/zalun/NmudS" tabs="result,js,html,css" skin="dark"></ng-fiddle>
    • Parameters

      • url: string

      • tabs: string (optional)

      • skin: string (optional)

    Modify this library

    # Clone the repository 
    git clone https://github.com/iwannabebot/ng-fiddle.git
     
    # Go to repository folder 
    cd ng-fiddle
     
    # Install all dependencies 
    yarn install
     
    # Build the library 
    yarn build

    Build the library

    • yarn build for building the library once (both ESM and AOT versions).
    • yarn build:watch for building the library (both ESM and AOT versions) and watch for file changes.

    You may also build UMD bundle and ESM files separately:

    • yarn build:esm - for building AOT/JIT compatible versions of files.
    • yarn build:esm:watch - the same as previous command but in watch-mode.
    • yarn build:umd - for building UMD bundle only.
    • yarn build:umd:watch - the same as previous command but in watch-mode.

    Commands

    • yarn lint for performing static code analysis.
    • yarn test for running all your *.spec.ts tests once. Generated code coverage report may be found in coverage folder.
    • yarn test:watch for running all you *.spec.ts and watch for file changes.
    • yarn docs for generating documentation locally.
    • yarn gh-pages for generating documentation and uploading it to GitHub Pages.
    • yarn explorer to find out where all your code in bundle is coming from.
    • npm version patch to increase library version. More on bumping.
    • npm publish to publish your library sources on npmjs.com.
    • yarn clean:tmp command will clean up all temporary files like docs, dist, coverage etc.
    • yarn clean:all command will clean up all temporary files along with node_modules folder.

    Built upon Angular Library Seed by trekhleb

    Install

    npm i ng-fiddle

    DownloadsWeekly Downloads

    0

    Version

    1.2.0

    License

    MIT

    Last publish

    Collaborators

    • iwannabebot