sgbj / angular-gist

Embed GitHub Gists in your Angular apps without an iframe

@sgbj/angular-gist

Embed GitHub Gists in your Angular apps without an iframe.

Installation

To install this library, run:

$ npm install @sgbj/angular-gist --save

Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

$ npm install @sgbj/angular-gist

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { GistModule } from '@sgbj/angular-gist';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    GistModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once your library is imported, you can use its components, directives and pipes in your Angular application:

@Component({
  selector: 'app',
  template: `<gh-gist src="https://gist.github.com/sgbj/95ab8e2e77150318e7bd25b8d00a3248.js"></gh-gist>`
})
class AppComponent {
}

View demo.

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT © sgbj

angular-gist's Issues

Can't resolve 'postscribe'

I'm getting the following error after importing to app.module.ts and pasting the html into one of my components.

./node_modules/@sgbj/angular-gist/angular-gist.umd.js
Module not found: Error: Can't resolve 'postscribe' in '/.../node_modules/@sgbj/angular-gist'
 @ ./node_modules/@sgbj/angular-gist/angular-gist.umd.js 2:135-156
 @ ./src/app/dna.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Error: Can't resolve 'angular-gist'

ng build --prod results in following error:
ERROR in ./node_modules/@sgbj/angular-gist/angular-gist.ngfactory.js
Module not found: Error: Can't resolve 'angular-gist' in '......./node_modules/@sgbj/angular-gist'
ERROR in ./src/app/app.module.ngfactory.js

Error: Can't resolve 'postcribe' in ...

Im using angular 5 cli project, and when the app loads, it throws an error "can't resolve 'postcribe' in

Add option to pick file when a gist has multiple files

Check out this sample gist . It has two files in it angular-example-gist.ts and angular-example-gist2.ts. Using angular-gist, it will render all the files in the gist. I'd like for there to be an extra parameter or something to specify which file to render when the gist contains multiple files :)