timeline-composer - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/declarations/src/Delay.d.ts

dist/declarations/src/index.d.ts

dist/declarations/src/Lifetime.d.ts

dist/declarations/src/Repeat.d.ts

dist/declarations/src/util/clamp.d.ts

dist/declarations/src/util/useAnimationFrame.d.ts

dist/timeline-composer.cjs.dev.js

dist/timeline-composer.cjs.prod.js

dist/timeline-composer.esm.js

dist/timeline-composer.cjs.d.ts

		@@ -1,11 +0,1 @@
		// are you seeing an error that a default export doesn't exist but your source file has a default export?
		// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook

		// curious why you need to?
		// this file exists so that you can import from the entrypoint normally
		// except that it points to your source file and you don't need to run build constantly
		// which means we need to re-export all of the modules from your source file
		// and since export * doesn't include default exports, we need to read your source file
		// to check for a default export and re-export it if it exists
		// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
		export * from "../src/index";
		export * from "./declarations/src/index";

dist/timeline-composer.cjs.js

		@@ -1,16 +0,7 @@
		"use strict";
		// this file might look strange and you might be wondering what it's for
		// it's lets you import your source files by importing this entrypoint
		// as you would import it if it was built with preconstruct build
		// this file is slightly different to some others though
		// it has a require hook which compiles your code with Babel
		// this means that you don't have to set up @babel/register or anything like that
		// but you can still require this module and it'll be compiled
		'use strict';

		// this bit of code imports the require hook and registers it
		let unregister = require("../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../..", "..");

		// this re-exports the source file
		module.exports = require("../src/index.ts");

		unregister();
		if (process.env.NODE_ENV === "production") {
		module.exports = require("./timeline-composer.cjs.prod.js");
		} else {
		module.exports = require("./timeline-composer.cjs.dev.js");
		}

package.json

		@@ -10,3 +10,3 @@ {
		"description": "Composable timelines for React.",
		"version": "0.1.0",
		"version": "0.1.1",
		"main": "dist/timeline-composer.cjs.js",
		@@ -13,0 +13,0 @@ "module": "dist/timeline-composer.esm.js",

README.md

		@@ -9,2 +9,23 @@ ![Timeline Composer](https://user-images.githubusercontent.com/1061/181918724-c6702e47-71f9-4962-a567-05d1b85f594d.jpg)

		## Example

		You can use Timeline Composer in any type of React project. Here's an example where it's used to orchestrate a staggered [VFX Composer](https://github.com/hmans/vfx-composer) animation:

		```jsx
		<Lifetime seconds={5}>
		<SmokeRing />
		<Fireball />

		<Delay seconds={0.3}>
		<CameraShake decay />
		<Fireball />

		<Delay seconds={0.2}>
		<Rocks />
		<SmokeCloud />
		</Delay>
		</Delay>
		</Lifetime>
		```

		## Features
		@@ -63,4 +84,2 @@

		Only repeat 3 times (default is `Infinity`):

		### Lifetime
		@@ -67,0 +86,0 @@

New alerts