Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lottiefiles/dotlottie-solid

Package Overview
Dependencies
Maintainers
0
Versions
37
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lottiefiles/dotlottie-solid - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

dist/index.js.map

47

dist/index.js

@@ -1,10 +0,19 @@

import { createComponent, mergeProps, use, className, spread, insert, template } from 'solid-js/web';
import { createSignal, onCleanup, createEffect, on, splitProps } from 'solid-js';
import { DotLottie } from '@lottiefiles/dotlottie-web';
// src/dotlottie.tsx
import { createComponent as _$createComponent2 } from "solid-js/web";
import { createEffect as createEffect2, splitProps } from "solid-js";
// src/dotlottie.tsx
var _tmpl$ = /* @__PURE__ */ template(`<div><canvas>`);
// src/use-dotlottie.tsx
import { template as _$template } from "solid-js/web";
import { createComponent as _$createComponent } from "solid-js/web";
import { mergeProps as _$mergeProps } from "solid-js/web";
import { insert as _$insert } from "solid-js/web";
import { className as _$className } from "solid-js/web";
import { use as _$use } from "solid-js/web";
import { spread as _$spread } from "solid-js/web";
import { DotLottie } from "@lottiefiles/dotlottie-web";
import { on, createEffect, createSignal, onCleanup } from "solid-js";
var _tmpl$ = /* @__PURE__ */ _$template(`<div><canvas>`);
function DotLottieComponent({
children,
class: className$1,
class: className,
setCanvasRef,

@@ -23,13 +32,13 @@ setContainerRef,

var _ref$ = setContainerRef;
typeof _ref$ === "function" ? use(_ref$, _el$) : setContainerRef = _el$;
className(_el$, className$1);
spread(_el$, {
typeof _ref$ === "function" ? _$use(_ref$, _el$) : setContainerRef = _el$;
_$className(_el$, className);
_$spread(_el$, {
style: containerStyle
}, false, true);
var _ref$2 = setCanvasRef;
typeof _ref$2 === "function" ? use(_ref$2, _el$2) : setCanvasRef = _el$2;
typeof _ref$2 === "function" ? _$use(_ref$2, _el$2) : setCanvasRef = _el$2;
_el$2.style.setProperty("width", "100%");
_el$2.style.setProperty("height", "100%");
spread(_el$2, rest, false, true);
insert(_el$2, children);
_$spread(_el$2, rest, false, true);
_$insert(_el$2, children);
return _el$;

@@ -69,3 +78,3 @@ })();

const Component = (props) => {
return createComponent(DotLottieComponent, mergeProps({
return _$createComponent(DotLottieComponent, _$mergeProps({
setContainerRef,

@@ -202,3 +211,3 @@ setCanvasRef

} = useDotLottie(dotLottieProps);
createEffect(() => {
createEffect2(() => {
if (typeof dotLottieProps.dotLottieRefCallback === "function" && dotLottie()) {

@@ -208,5 +217,9 @@ dotLottieProps.dotLottieRefCallback(dotLottie());

});
return createComponent(DotLottieComponent2, restProps);
return _$createComponent2(DotLottieComponent2, restProps);
};
export { DotLottieSolid, setWasmUrl, useDotLottie };
export {
DotLottieSolid,
setWasmUrl,
useDotLottie
};
//# sourceMappingURL=index.js.map
{
"name": "@lottiefiles/dotlottie-solid",
"version": "0.1.2",
"version": "0.1.3",
"type": "module",

@@ -18,11 +18,3 @@ "description": "Solid wrapper around the dotlottie-web library",

"module": "./dist/index.js",
"exports": {
"import": {
"types": "./dist/index.d.ts",
"default": "./dist/index.js"
}
},
"browser": {},
"types": "./dist/index.d.ts",
"typesVersions": {},
"files": [

@@ -49,6 +41,7 @@ "dist"

"devDependencies": {
"@types/node": "^22.7.6",
"cross-env": "7.0.3",
"esbuild-plugin-solid": "^0.6.0",
"solid-js": "^1.8.17",
"tsup": "^8.0.2",
"tsup-preset-solid": "^2.2.0",
"typescript": "^5.4.5"

@@ -55,0 +48,0 @@ },

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