Add a canvas-lite and canvas-advanced-lite package for the web runtime

Creating a few "lite" variants of the canvas runtime to publish in our workflow:
- `@rive-app/canvas-lite` - high-level JS api
- `@rive-app/canvas-advanced-lite` - low-level WASM

The `lite` versions of the web runtime will not support Rive Text for now. It will also be ~3x smaller than it is today (relevant for those who want a small footprint on their app and want to use Rive for small animations)

Because the example apps in this runtime test against local `*-single` builds (which compiles WASM in the JS so no need to load in WASM yourself), also building `*-single` variants of these lite packages, BUT we probably don't care to publish these, so just building them in gitignored `build/` folders that the example apps can reference when wanting to test the "lite" runtime variants.

TODO:
- [x] Test Text APIs to make sure we can still call them and it won't break rendering

Diffs=
014af5fff Add a canvas-lite and canvas-advanced-lite package for the web runtime (#6079)

Co-authored-by: Zachary Plata <[email protected]>

.gitignore

@@ -44,7 +44,9 @@ node_modules
 /build
 .cache
 /js/npm/canvas_advanced_single/canvas_advanced_single.mjs
+/js/npm/canvas_advanced_lite_single/canvas_advanced_single.mjs
 /js/npm/canvas_advanced/canvas_advanced.mjs
+/js/npm/canvas_advanced_lite/canvas_advanced.mjs
 /js/npm/**/rive.wasm
 /js/npm/**/rive.js
 /js/npm/**/rive.js.map

.rive_head

@@ -1 +1 @@
-3b32d24314be7d877a11b8069622d6d6115383b7
+014af5fff6e1a58788636f220b7ddace2fb8ba7f

js/examples/_frameworks/parcel_example_canvas/index.js

@@ -1,5 +1,6 @@
 import "regenerator-runtime";
-import { Rive, Fit, Alignment, Layout, EventType } from "@rive-app/canvas";
+// import { Rive, Fit, Alignment, Layout, EventType } from "@rive-app/canvas";
+import { Rive, Fit, Alignment, Layout, EventType } from "@rive-app/canvas-lite";
 //import { Rive, Fit, Alignment, Layout } from "@rive-app/webgl";
 import AvatarAnimation from "./look.riv";
 import TapeMeshAnimation from "./tape.riv";
@@ -10,6 +11,7 @@ import NestedDefaultAnimation from "./nested_default.riv";
 import JigSaw from "./jigsaw.riv";
 import StringRive from "./string.riv";
 import RatingAnimation from "./rating_animation.riv";
+import TextAnimation from "./text_test_2.riv";
 
 const RIVE_EXAMPLES = {
   0: {
@@ -54,6 +56,11 @@ const RIVE_EXAMPLES = {
     hasStateMachine: true,
     stateMachine: "String",
   },
+  9: {
+    riveFile: TextAnimation,
+    hasStateMachine: true,
+    stateMachine: "State Machine 1",
+  },
 };
 
 async function loadFile(num) {
@@ -87,6 +94,6 @@ async function main(num) {
   r.on(EventType.RiveEvent, onRiveEventReceived);
 }
 
-for (let i = 0; i < 9; i++) {
+for (let i = 0; i < 10; i++) {
   main(i);
 }