Socket
Socket
Sign inDemoInstall

fela

Package Overview
Dependencies
Maintainers
2
Versions
123
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

fela - npm Package Compare versions

Comparing version 10.1.3 to 10.2.0

3

es/createRenderer.js

@@ -34,2 +34,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

rendererId: validateSelectorPrefix(config.rendererId),
selectorPrefix: validateSelectorPrefix(config.selectorPrefix),

@@ -64,3 +65,3 @@ filterClassName: config.filterClassName || isSafeClassName,

// use another unique identifier to ensure minimal css markup
var animationName = generateAnimationName(++renderer.uniqueKeyframeIdentifier);
var animationName = generateAnimationName(++renderer.uniqueKeyframeIdentifier, renderer.rendererId);

@@ -67,0 +68,0 @@ var processedKeyframe = processStyleWithPlugins(renderer, resolvedKeyframe, KEYFRAME_TYPE, props);

export default function generateAnimationName(id) {
return "k" + id;
var rendererId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return rendererId + 'k' + id;
}
declare module "fela" {
import * as CSS from 'csstype';
import { TRuleType, TKeyframeType, TFontType, TStaticType, TClearType } from 'fela-utils';

@@ -12,10 +13,3 @@ export type TRuleProps = {};

const enum TSubscribeMessageType {
rule = 'RULE',
staticObject = 'RULE',
keyframes = 'KEYFRAME',
fontFace = 'FONT',
staticString = 'STATIC',
clear = 'CLEAR'
}
type TSubscribeMessageType = TRuleType | TKeyframeType | TFontType | TStaticType | TClearType

@@ -48,2 +42,3 @@ interface ISubscribeMessage {

mediaQueryOrder?: Array<string>;
rendererId?: string;
selectorPrefix?: string;

@@ -191,2 +186,16 @@ filterClassName?: (className: string) => boolean;

declare module "fela-utils" {
export type TRuleType = "RULE"
export type TKeyframeType = "KEYFRAME"
export type TFontType = "FONT"
export type TStaticType = "STATIC"
export type TClearType = "CLEAR"
export const RULE_TYPE: TRuleType
export const KEYFRAME_TYPE: TKeyframeType
export const FONT_TYPE: TFontType
export const STATIC_TYPE: TStaticType
export const CLEAR_TYPE: TClearType
}
/**

@@ -193,0 +202,0 @@ * PLUGINS

@@ -84,2 +84,3 @@ 'use strict';

rendererId: (0, _validateSelectorPrefix2.default)(config.rendererId),
selectorPrefix: (0, _validateSelectorPrefix2.default)(config.selectorPrefix),

@@ -114,3 +115,3 @@ filterClassName: config.filterClassName || _isSafeClassName2.default,

// use another unique identifier to ensure minimal css markup
var animationName = (0, _generateAnimationName2.default)(++renderer.uniqueKeyframeIdentifier);
var animationName = (0, _generateAnimationName2.default)(++renderer.uniqueKeyframeIdentifier, renderer.rendererId);

@@ -117,0 +118,0 @@ var processedKeyframe = (0, _felaUtils.processStyleWithPlugins)(renderer, resolvedKeyframe, _felaUtils.KEYFRAME_TYPE, props);

@@ -1,2 +0,2 @@

"use strict";
'use strict';

@@ -8,3 +8,5 @@ Object.defineProperty(exports, "__esModule", {

function generateAnimationName(id) {
return "k" + id;
var rendererId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return rendererId + 'k' + id;
}
{
"name": "fela",
"version": "10.1.3",
"version": "10.2.0",
"description": "State-Driven Styling in JavaScript",

@@ -37,6 +37,6 @@ "typings": "index.d.ts",

"fast-loops": "^1.0.0",
"fela-utils": "^10.1.3",
"fela-utils": "^10.2.0",
"isobject": "^3.0.1"
},
"gitHead": "05e0b56bc70926e5389114720066d0ce02bf68ec"
"gitHead": "2271df3339a3c3a22e8fd4c457f5cc5a1729a1a8"
}

@@ -195,3 +195,3 @@ <h1><img alt="Fela" src="docs/res/logo.png" width="203"/></h1>

## Support
Got a question? Come and join us on [Gitter](https://gitter.im/rofrischmann/fela)! <br>
Got a question? Come and join us on [Spectrum](https://spectrum.chat/fela)! <br>
We'd love to help out. We also highly appreciate any feedback.<br>

@@ -198,0 +198,0 @@ Don't want to miss any update? Follow us on [Twitter](https://twitter.com/felajs).

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc