feat: 🎸 dotLottie v2

.changeset/angry-coats-check.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: dotLottie v1 <-> v2 conversion

.changeset/chatty-cougars-fetch.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: dotLottie manifest version format

.changeset/config.json

@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": ["node-example", "next-example", "react-example", "vue-example"]
 }

.changeset/early-worms-remain.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: export missing types for dotLottie v1

.changeset/eighty-hats-tease.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: update theme schema slotId

.changeset/gorgeous-worms-kneel.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+refactor: update v2 manifest schema

.changeset/green-hairs-dream.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+refactor: dotLottie conversion methods

.changeset/heavy-windows-beg.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix(conversion): 🐛 never build dotLottie instance before conversion

.changeset/loud-melons-lay.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: remove themes & stateMachines from manifest if non available

.changeset/neat-carrots-judge.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+refactor: add tests && update LottieThemeCommon toString method

.changeset/pre.json

@@ -0,0 +1,29 @@
+{
+  "mode": "pre",
+  "tag": "beta",
+  "initialVersions": {
+    "@dotlottie/dotlottie-js": "0.8.1",
+    "next-example": "0.1.0",
+    "node-example": "1.0.0",
+    "react-example": "0.0.0",
+    "vue-example": "0.0.0"
+  },
+  "changesets": [
+    "angry-coats-check",
+    "chatty-cougars-fetch",
+    "early-worms-remain",
+    "eighty-hats-tease",
+    "gorgeous-worms-kneel",
+    "green-hairs-dream",
+    "heavy-windows-beg",
+    "loud-melons-lay",
+    "many-emus-cough",
+    "neat-carrots-judge",
+    "rare-dodos-travel",
+    "serious-queens-reply",
+    "serious-trains-brake",
+    "silly-pillows-share",
+    "wicked-insects-eat",
+    "wicked-points-flow"
+  ]
+}

.changeset/rare-dodos-travel.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+small fixes

.changeset/serious-queens-reply.md

@@ -0,0 +1,5 @@
+---
+"@dotlottie/dotlottie-js": minor
+---
+
+feat: init dotLottie v2

.changeset/serious-trains-brake.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: getAnimations & getImages & getAudios for v2

.changeset/silly-pillows-share.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': minor
+---
+
+refactor: remove setGenerator method from DotLottieCommonV1 and DotLottieCommon classes

.changeset/wicked-insects-eat.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: add theme data schema

.changeset/wicked-points-flow.md

@@ -0,0 +1,5 @@
+---
+'@dotlottie/dotlottie-js': patch
+---
+
+fix: export missing types

.github/workflows/main.yml

@@ -3,7 +3,8 @@ on:
   push:
     branches:
       - 'main'
-  pull_request:
+      - 'beta'
+  # pull_request:
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -19,10 +20,10 @@ jobs:
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v2
 
-      - name: ⎔ Setup pnpm@8
+      - name: ⎔ Setup pnpm@9
         uses: pnpm/action-setup@v2
         with:
-          version: 8
+          version: 9
 
       - name: ⎔ Setup Node@18
         uses: actions/setup-node@v3
@@ -46,7 +47,9 @@ jobs:
         run: pnpm lint
 
       - name: 🛡️ Test
-        run: pnpm test
+        run: |
+          npx playwright install --with-deps
+          pnpm test
 
       - name: 📏 Report bundle size
         uses: andresz1/size-limit-action@v1
@@ -64,10 +67,10 @@ jobs:
         with:
           token: ${{ secrets.CUSTOM_GITHUB_TOKEN }}
 
-      - name: ⎔ Setup pnpm@8
+      - name: ⎔ Setup pnpm@9
         uses: pnpm/action-setup@v2
         with:
-          version: 8
+          version: 9
 
       - name: ⎔ Setup Node@18
         uses: actions/setup-node@v3
@@ -80,6 +83,7 @@ jobs:
 
       - name: 🏗 Build
         run: pnpm build
+        working-directory: packages/dotlottie-js
 
       - name: 🚀 Release
         uses: changesets/action@v1

.prettierignore

@@ -40,4 +40,6 @@ releases/
 .next/
 .nuxt/
 
-apps/node/
+apps/node/
+
+.changeset/

apps/next/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "next",
+  "name": "next-example",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,7 +9,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@dotlottie/dotlottie-js": "workspace:^",
+    "@dotlottie/dotlottie-js": "workspace:*",
     "@dotlottie/player-component": "1.3.2",
     "@types/node": "18.0.6",
     "@types/react": "18.0.37",

apps/next/src/pages/api/create-dotlottie.ts

@@ -2,7 +2,7 @@
  * Copyright 2023 Design Barn Inc.
  */
 
-import { DotLottie } from '@dotlottie/dotlottie-js/node';
+import { DotLottie } from '@dotlottie/dotlottie-js';
 import type { NextApiRequest, NextApiResponse } from 'next';
 
 interface Data {
@@ -14,18 +14,14 @@ export default async function handler(_req: NextApiRequest, res: NextApiResponse
   let dotLottieAsBuffer = null;
 
   await dotLottie
-    .setAuthor('Joe')
-    .setVersion('1.0')
     .addAnimation({
       id: 'animation_1',
       // eslint-disable-next-line no-secrets/no-secrets
       url: 'https://lottie.host/18b639d1-a200-4225-ba0e-3456d40f95a5/wlrsaqWa8r.json',
-      autoplay: true,
     })
     .addAnimation({
       id: 'animation_2',
       url: 'https://lottie.host/cf7b43d1-3d6b-407a-970b-6305b18bebfa/uB1Jboo1o1.json',
-      autoplay: true,
     })
     .build()
     .then(async (value) => {

apps/next/src/pages/index.tsx

@@ -11,18 +11,14 @@ export default function Home(): JSX.Element {
     const dotlottie = new Dotlottiejs();
 
     await dotlottie
-      .setAuthor('Joe')
-      .setVersion('1.0')
       .addAnimation({
         id: 'animation_1',
         // eslint-disable-next-line no-secrets/no-secrets
         url: 'https://lottie.host/18b639d1-a200-4225-ba0e-3456d40f95a5/wlrsaqWa8r.json',
-        autoplay: true,
       })
       .addAnimation({
         id: 'animation_2',
         url: 'https://lottie.host/cf7b43d1-3d6b-407a-970b-6305b18bebfa/uB1Jboo1o1.json',
-        autoplay: true,
       })
       .build()
       .then((value) => {

apps/next/src/pages/ssProps.tsx

@@ -2,7 +2,7 @@
  * Copyright 2023 Design Barn Inc.
  */
 
-import { DotLottie } from '@dotlottie/dotlottie-js/node';
+import { DotLottie } from '@dotlottie/dotlottie-js';
 
 import styles from '@/styles/Home.module.css';
 
@@ -18,18 +18,14 @@ export async function getServerSideProps(): Promise<{
   const dotlottie = new DotLottie();
 
   await dotlottie
-    .setAuthor('Joe')
-    .setVersion('1.0')
     .addAnimation({
       id: 'animation_1',
       // eslint-disable-next-line no-secrets/no-secrets
       url: 'https://lottie.host/18b639d1-a200-4225-ba0e-3456d40f95a5/wlrsaqWa8r.json',
-      autoplay: true,
     })
     .addAnimation({
       id: 'animation_2',
       url: 'https://lottie.host/cf7b43d1-3d6b-407a-970b-6305b18bebfa/uB1Jboo1o1.json',
-      autoplay: true,
     })
     .build();
 

apps/node/audio_test.mjs

@@ -18,8 +18,6 @@ import { getAnimation, getAudio, getAllAudio } from '@dotlottie/dotlottie-js/nod
 
 // const dl = await
 //     dotLottie
-//         .setAuthor('Sam!')
-//         .setVersion('1.0')
 //         .addAnimation({
 //             id: 'audio',
 //             // url: 'https://assets10.lottiefiles.com/packages/lf20_tykuirhr.json',
@@ -64,8 +62,6 @@ import { getAnimation, getAudio, getAllAudio } from '@dotlottie/dotlottie-js/nod
 const double = new DotLottie();
 
 const doubleAnimation = await double
-  .setAuthor('Sam!')
-  .setVersion('1.0')
   .addAnimation({
     id: 'audio_0',
     // url: 'https://assets10.lottiefiles.com/packages/lf20_tykuirhr.json',

apps/node/lf-interactivity-page-generator.mjs

@@ -28,8 +28,6 @@ async function createDotLottie() {
   // Can't change to a different animation
   // TODO: MACROS!! START_FRAME / END_FRAME
   const dl = await dotLottie
-    .setAuthor('Sam!')
-    .setVersion('1.0')
     .addAnimation({
       id: 'segments',
       url: 'https://assets2.lottiefiles.com/packages/lf20_4fET62.json',
@@ -608,8 +606,6 @@ async function createSingles() {
   const stateSegments = new DotLottie();
 
   await stateSegments
-    .setAuthor('Sam!')
-    .setVersion('1.0')
     .addAnimation({
       id: 'segments',
       url: 'https://assets2.lottiefiles.com/packages/lf20_4fET62.json',

apps/node/package.json

@@ -1,5 +1,6 @@
 {
-  "name": "node",
+  "name": "node-example",
+  "private": true,
   "version": "1.0.0",
   "description": "",
   "author": "",
@@ -8,6 +9,6 @@
   "keywords": [],
   "scripts": {},
   "dependencies": {
-    "@dotlottie/dotlottie-js": "workspace:^"
+    "@dotlottie/dotlottie-js": "workspace:*"
   }
 }