@clappr/core
Advanced tools
@clappr/core - npm Package Compare versions
Comparing version 0.4.15 to 0.4.16
| { | ||
| "name": "@clappr/core", | ||
| "version": "0.4.15", | ||
| "version": "0.4.16", | ||
| "description": "Core components of the extensible media player for the web", | ||
@@ -5,0 +5,0 @@ "main": "./dist/clappr-core.js", |
@@ -49,3 +49,3 @@ <h1> | ||
| <head> | ||
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr/core@latest/dist/clappr-core.min.js"></script> | ||
| <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@clappr/core@latest/dist/clappr-core.min.js"></script> | ||
| </head> | ||
@@ -349,4 +349,9 @@ ``` | ||
| You can disable this behavior setting this option with the value `false`. | ||
| You can disable this behaviour setting this option with the value `false`. | ||
| #### includeResetStyle | ||
| > Default value: `true` | ||
| By default, Clappr reset a bunch of styles that may impact your own style. With this option, it's possible to enable/disable the use of [_resets.scss](https://github.com/clappr/clappr-core/blob/master/src/base/scss/_reset.scss). | ||
| ### Playback Configuration | ||
@@ -353,0 +358,0 @@ Clappr has a specific set of options for playbacks. The configuration for the playback, it's still only compatible with `html5_video` playback (and derived playbacks). |
@@ -9,8 +9,9 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| import Events from '../../base/events' | ||
| import UIObject from '../../base/ui_object' | ||
| import ErrorMixin from '../../base/error_mixin' | ||
| import { DoubleEventHandler } from '../../utils' | ||
| import Events from '@/base/events' | ||
| import UIObject from '@/base/ui_object' | ||
| import ErrorMixin from '@/base/error_mixin' | ||
| import Styler from '@/base/styler' | ||
| import { DoubleEventHandler } from '@/utils' | ||
| import './public/style.scss' | ||
| import ContainerStyle from './public/style.scss' | ||
@@ -520,2 +521,4 @@ import $ from 'clappr-zepto' | ||
| render() { | ||
| const style = Styler.getStyleFor(ContainerStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| this.$el.append(style[0]) | ||
| this.$el.append(this.playback.render().el) | ||
@@ -522,0 +525,0 @@ this.updateStyle() |
@@ -5,4 +5,4 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| import BaseObject from '../../base/base_object' | ||
| import Core from '../core' | ||
| import BaseObject from '@/base/base_object' | ||
| import Core from '@/components/core' | ||
@@ -26,5 +26,4 @@ /** | ||
| constructor(player) { | ||
| super() | ||
| super(player.options) | ||
| this.player = player | ||
| this._options = player.options | ||
| } | ||
@@ -31,0 +30,0 @@ |
@@ -5,15 +5,17 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| import { isNumber, Fullscreen, DomRecycler } from '../../utils' | ||
| import { isNumber, Fullscreen, DomRecycler } from '@/utils' | ||
| import Events from '../../base/events' | ||
| import UIObject from '../../base/ui_object' | ||
| import UICorePlugin from '../../base/ui_core_plugin' | ||
| import Browser from '../../components/browser' | ||
| import ContainerFactory from '../../components/container_factory' | ||
| import PlayerError from '../../components/error' | ||
| import ErrorMixin from '../../base/error_mixin' | ||
| import Styler from '@/base/styler' | ||
| import Events from '@/base/events' | ||
| import UIObject from '@/base/ui_object' | ||
| import UICorePlugin from '@/base/ui_core_plugin' | ||
| import Browser from '@/components/browser' | ||
| import ContainerFactory from '@/components/container_factory' | ||
| import PlayerError from '@/components/error' | ||
| import ErrorMixin from '@/base/error_mixin' | ||
| import $ from 'clappr-zepto' | ||
| import './public/style.scss' | ||
| import CoreStyle from './public/style.scss' | ||
| import ResetStyle from './public/optional_reset.scss' | ||
@@ -362,3 +364,8 @@ /** | ||
| appendToParent() { | ||
| let hasCoreParent = this.$el.parent() && this.$el.parent().length | ||
| const style = Styler.getStyleFor(CoreStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| const resetStyle = Styler.getStyleFor(ResetStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| this.$el.append(style[0]) | ||
| this.options.includeResetStyle && this.$el.append(resetStyle[0]) | ||
| const hasCoreParent = this.$el.parent() && this.$el.parent().length | ||
| !hasCoreParent && this.$el.appendTo(this.options.parentElement) | ||
@@ -365,0 +372,0 @@ } |
@@ -239,2 +239,3 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| allowUserInteraction: Browser.isMobile, | ||
| includeResetStyle: true, | ||
| playback: playbackDefaultOptions | ||
@@ -241,0 +242,0 @@ } |
@@ -5,5 +5,6 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| import Playback from '../../base/playback' | ||
| import Events from '../../base/events' | ||
| import './public/style.scss' | ||
| import Playback from '@/base/playback' | ||
| import Events from '@/base/events' | ||
| import Styler from '@/base/styler' | ||
| import HTMLImgStyle from './public/style.scss' | ||
@@ -38,2 +39,4 @@ export default class HTMLImg extends Playback { | ||
| render() { | ||
| const style = Styler.getStyleFor(HTMLImgStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| this.$el.append(style[0]) | ||
| this.trigger(Events.PLAYBACK_READY, this.name) | ||
@@ -40,0 +43,0 @@ return this |
@@ -7,11 +7,12 @@ // Copyright 2014 Globo.com Player authors. All rights reserved. | ||
| import Events from '../../base/events' | ||
| import Playback from '../../base/playback' | ||
| import Browser from '../../components/browser' | ||
| import Log from '../../components/log' | ||
| import PlayerError from '../../components/error' | ||
| import Events from '@/base/events' | ||
| import Playback from '@/base/playback' | ||
| import Browser from '@/components/browser' | ||
| import Log from '@/components/log' | ||
| import PlayerError from '@/components/error' | ||
| import $ from 'clappr-zepto' | ||
| import template from '../../base/template' | ||
| import template from '@/base/template' | ||
| import tracksHTML from './public/tracks.html' | ||
| import './public/style.scss' | ||
| import Styler from '@/base/styler' | ||
| import HTML5VideoStyle from './public/style.scss' | ||
@@ -667,2 +668,4 @@ const MIMETYPES = { | ||
| this._ready() | ||
| const style = Styler.getStyleFor(HTML5VideoStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| this.$el.append(style[0]) | ||
| return this | ||
@@ -669,0 +672,0 @@ } |
@@ -1,7 +0,8 @@ | ||
| import { requestAnimationFrame, cancelAnimationFrame } from '../../utils' | ||
| import Playback from '../../base/playback' | ||
| import template from '../../base/template' | ||
| import Events from '../../base/events' | ||
| import { requestAnimationFrame, cancelAnimationFrame } from '@/utils' | ||
| import Styler from '@/base/styler' | ||
| import Playback from '@/base/playback' | ||
| import template from '@/base/template' | ||
| import Events from '@/base/events' | ||
| import noOpHTML from './public/error.html' | ||
| import './public/style.scss' | ||
| import noOpStyle from './public/style.scss' | ||
@@ -23,2 +24,4 @@ export default class NoOp extends Playback { | ||
| const playbackNotSupported = this.options.playbackNotSupportedMessage || this.i18n.t('playback_not_supported') | ||
| const style = Styler.getStyleFor(noOpStyle.toString(), { baseUrl: this.options.baseUrl }) | ||
| this.$el.append(style[0]) | ||
| this.$el.html(this.template({ message: playbackNotSupported })) | ||
@@ -25,0 +28,0 @@ this.trigger(Events.PLAYBACK_READY, this.name) |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Fixed alerts
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.34%
1882220
- Number of package files
- increased by2.5%
82
- Lines of code
- increased by0.36%
25586
- Number of lines in readme file
- increased by1.08%
467
- Number of medium supply chain risk alerts
- decreased by-100%
0