fix(timeline): use pixi with canvas fallback when WebGL isn't available

Akryum · Akryum · commit fce6035e1880 · 2021-01-31T09:53:38.000+01:00
diff --git a/packages/app-frontend/package.json b/packages/app-frontend/package.json
@@ -3,15 +3,15 @@
   "version": "0.0.0",
   "private": true,
   "dependencies": {
-    "@pixi/unsafe-eval": "^5.3.3",
+    "@pixi/unsafe-eval": "^5.3.7",
     "@vue-devtools/shared-utils": "^0.0.0",
     "@vue/composition-api": "^0.6.7",
     "@vue/ui": "^0.11.6",
     "circular-json-es6": "^2.0.2",
     "d3": "^5.16.0",
     "lodash": "^4.17.15",
     "lru-cache": "^5.1.1",
-    "pixi.js": "^5.3.3",
+    "pixi.js-legacy": "^5.3.7",
     "portal-vue": "^2.1.7",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
diff --git a/packages/app-frontend/src/features/timeline/TimelineView.vue b/packages/app-frontend/src/features/timeline/TimelineView.vue
@@ -1,7 +1,7 @@
 <script>
-import * as PIXI from 'pixi.js'
+import * as PIXI from 'pixi.js-legacy'
 import { install as installUnsafeEval } from '@pixi/unsafe-eval'
-import { ref, onMounted, onUnmounted, watch, watchEffect, computed } from '@vue/composition-api'
+import { ref, onMounted, onUnmounted, watch, watchEffect } from '@vue/composition-api'
 import { useLayers, useTime, useSelectedEvent, onTimelineReset, onEventAdd, useCursor } from '.'
 import Vue from 'vue'
 import { useApps } from '../apps'
diff --git a/yarn.lock b/yarn.lock
