AOT/JIT Angular component to embed Fiddle in your application
npm install ng-fiddlejavascript
import { NgFiddleModule } from 'ng-fiddle'
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
NgFiddleModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
`
- Use ng-fiddle template
`html
`
- Parameters
- url: string
- tabs: string (optional)
- skin: string (optional)
Modify this library
`bash
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.