featured14 / ngx-twitter-timeline Goto Github PK

Hello,

Let start with thanking you about this nice soultion !

i'm trying to upgrade my project angular version; and i'm having the below dependencies issuues
Package "ngx-twitter-timeline" has an incompatible peer dependency to "@angular/core" (requires "^7.2.0" (extended), would install "9.1.11").

Package "ngx-twitter-timeline" has an incompatible peer dependency to "@angular/common" (requires "^7.2.0" (extended), would install "9.1.11").

Could you please update tp angular 8, 9 & 10 please ?

You can check following link for new angular versions.

https://www.npmjs.com/package/angular-twitter-timeline

<angular-twitter-timeline 
	[data]="{sourceType: 'profile', url: 'mastercreagertv'}"
	[opts]="{tweetLimit: 5}"
></angular-twitter-timeline>

Options other then tweetLimits not working

sandbox not initialized

Script throws error when current route that initialized the component is navigated away from. No trigger or on destroy in documentation to stop it from loading the underlying js script.

Hi @ABD-DEV ,
I have this error:

app_1 | ERROR in ./node_modules/ngx-twitter-timeline/index.js app_1 | Module not found: Error: Can't resolve 'rxjs/Observable' in '/usr/src/app/node_modules/ngx-twitter-timeline'

Version:

• angular/core: 6.0.7,
• angular/cli: 6.0.8,
• rxjs: 6.2.1

Right now if the input url changes, the component does not update. The lifecycle method should be changed so we don't have to completely re-instantiate the component to get it to update.

data-lang="tr"

Is this repo getting updated still or is it dead? I notice there has been a issue open for a while with no comments or anything.

I would like to have this updated for Angular 6, #6

It shouldn't be hard to update this, but I also see the PR #8 has been open for a while as well

If you are not looking to keep this updated, I would be happy to take over.

Error :

ERROR in Error during template compile of 'AppModule'
  Function calls are not supported in decorators but 'NgxTwitterTimelineModule' was called.
src/app/app.module.ts: error TS2339: Property 'forRoot' does not exist on type 'typeof NgxTwitterTimelineModule'.

to use .forRoot() in Angular 5 project, we should use 0.1.4 version.
I think this should have mentioned in README file.

Upon install the package warns of requiring a peer dependency of @angular/core@^4.0.0. However, from looking at your root package.json, it seems you defined the devDependcies of @angular to be ^5.0.0. Shouldn't the dev and peer dependencies match versions between the two libraries?

Is there a way that we can stop links from the embedded timeline from opening and taking over the app?

I am using this library in my Ionic 4 app and currently if you tap on the timeline on a mobile device, Twitter takes over the app. See the gif below for a recording of what's happening.

Imgur

I am trying to embed hashtags into it. And i see the following error:

Unhandled Promise rejection: this.params.dataSource.fetch is not a function ; Zone: ; Task: Promise.then ; Value: TypeError: this.params.dataSource.fetch is not a function

@ABD-DEV Need help on this

I tried to set height for - .timeline-Viewport class but its not working
.SandboxRoot.var-fully-expanded .timeline-Viewport {
height: 400px
}

I am getting the following error while used with Angular 6: -

ERROR in node_modules/ngx-twitter-timeline/twitter-timeline.service.d.ts(1,10): error TS2305: Module '"/home/xxxx/Documents/Projects/xxxx/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
Could you please suggest me a solution?

I had this component loaded into my Ionic 4 app earlier this year.
After some Angular and Ionic Cli updates earlier the other month I get the following error and nothing displayed on the page:

zone.js:682 Unhandled Promise rejection: this.params.dataSource.fetch is not a function ; Zone: <root> ; Task: Promise.then ; Value: TypeError: this.params.dataSource.fetch is not a function at e.<anonymous> (timeline.4c6ab682148a0366f9efb1647a3f4799.js:1) at e.hydrate (widgets.js:8) at c.hydrate (widgets.js:8) at widgets.js:8 at Array.forEach (<anonymous>) at widgets.js:8 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150) at zone.js:889 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at drainMicroTaskQueue (zone.js:601) TypeError: this.params.dataSource.fetch is not a function at e.<anonymous> (https://platform.twitter.com/js/timeline.4c6ab682148a0366f9efb1647a3f4799.js:1:14330) at e.hydrate (https://platform.twitter.com/widgets.js:8:28972) at c.hydrate (https://platform.twitter.com/widgets.js:8:23168) at https://platform.twitter.com/widgets.js:8:8257 at Array.forEach (<anonymous>) at https://platform.twitter.com/widgets.js:8:8228 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:8100/polyfills.js:2749:26) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (http://localhost:8100/polyfills.js:2508:43) at http://localhost:8100/polyfills.js:3247:34 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:8100/polyfills.js:2781:31) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:8100/polyfills.js:2553:47) at drainMicroTaskQueue (http://localhost:8100/polyfills.js:2959:35)

as I am currently writing my bachelor's degree on this, I would be really happy if any of you have a solution for the problem. I've googled a lot and couldn't find an event remotely similar error anywhere.

Here is my ionic info output for reference as well:
``
Ionic:

ionic (Ionic CLI) : 4.12.0
Ionic Framework : @ionic/angular 4.3.0
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.5.1

Cordova:

cordova (Cordova CLI) : 9.0.0 ([email protected])
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 13 other plugins)

System:

NodeJS : v10.15.0 (C:\Development\nodejs\node.exe)
npm : 6.8.0
OS : Windows 10
``

I am using" ngx-twitter-timeline" in my web page which is written in angular 6. I am trying to create a Mat-tab in my page and one of the tab has this twitter embed.

<ngx-twitter-timeline [data]="{sourceType: 'url', url: 'someTwitterUrl" [opts]="{tweetLimit: 5}">

When i load the page for the first time it is working fine. But if i go to the next tab and get back to this twitter tab the tweets are disappeared.

Kindly help me to resolve this.

Hi,
is it possible to display a protected twitter timeline? It's not mentioned.

Hi there,

Your peer dependency range for Angular is fairly restrictive, and causing build warnings on a project I'm working on search.maven.org. Is there any way to move these to Angular 8?

https://search.maven.org/resources

We use the component on that page, and we are running Angular 8.2.3, and it's working fine. It'd be nice to squelch the build warnings for sure.

Thanks!

I am trying to use this in my Ionic app but I am forced to whitelist URLs that the app can call... Currently I have to whitelist all URLs to use this library. Can I get a list of API urls that are called by this library so I can white list them?