feat: 🎸 added dotlottie-viewer (#157)

* feat: 🎸 added dotlottie-viewer * chore: 🤖 added github workflow * fix: 🐛 seeker, reverse-bounce, backgroundColor * fix: force postcss version for svelte type-check * feat: 🎸 prev / next buttons added * chore: 🤖 updated lock file * chore: 🤖 build issue fixed * chore: lockfile * chore: 🤖 gh-token update * chore: 🤖 removed lock file from dotlottie-viewer * chore: 🤖 temp disable tests --------- Co-authored-by: samuelOsborne <samu.osborne@gmail.com> Co-authored-by: Abdelrahman Ashraf <a.theashraf@gmail.com>
LottieFiles · Apr 4, 2024 · c0412cb · c0412cb
1 parent 32e7723
commit c0412cb
Show file tree

Hide file tree

Showing 40 changed files with 19,815 additions and 2,066 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -43,3 +43,5 @@ next-env.d.ts
 releases/
 
 dotlottie-player.js
+
+apps/dotlottie-viewer
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -40,16 +40,16 @@ jobs:
       - name: 💅 Verify format (`pnpm format` committed?)
         run: pnpm format
 
-      - name: 🛡️ Test
-        run: pnpm test:coverage
+      # - name: 🛡️ Test
+      #   run: pnpm test:coverage
 
-      - name: 📏 Report coverage
-        if: always() && github.event_name == 'pull_request'
-        uses: davelosert/vitest-coverage-report-action@v2.1.1
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          working-directory: packages/web
-          name: '@lottiefiles/dotlottie-web'
+      # - name: 📏 Report coverage
+      #   if: always() && github.event_name == 'pull_request'
+      #   uses: davelosert/vitest-coverage-report-action@v2.1.1
+      #   with:
+      #     github-token: ${{ secrets.GITHUB_TOKEN }}
+      #     working-directory: packages/web
+      #     name: '@lottiefiles/dotlottie-web'
 
       - name: 📏 Report bundle size
         if: github.event_name == 'pull_request'
@@ -131,3 +131,10 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           NPM_TOKEN: ${{ secrets. NPM_TOKEN }}
+
+      - name: 🌐Publish dotLottie-viewer
+        if: success()
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./apps/dotlottie-viewer/dist
diff --git a/apps/dotlottie-viewer/.gitignore b/apps/dotlottie-viewer/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/dotlottie-viewer/index.html b/apps/dotlottie-viewer/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Vite + React + TS</title>
+    </head>
+    <body class="">
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>
diff --git a/apps/dotlottie-viewer/package.json b/apps/dotlottie-viewer/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "dotlottie-viewer",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@dotlottie/react-player": "^1.6.19",
+    "@lottiefiles/dotlottie-react": "workspace:*",
+    "@reduxjs/toolkit": "^2.2.3",
+    "autoprefixer": "^10.4.19",
+    "postcss": "8.4.32",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-icons": "^5.0.1",
+    "react-redux": "^9.1.0",
+    "react-toastify": "^10.0.5",
+    "tailwindcss": "^3.4.3"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0"
+  }
+}
diff --git a/apps/dotlottie-viewer/postcss.config.js b/apps/dotlottie-viewer/postcss.config.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright 2023 Design Barn Inc.
+ */
+
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;