Fix import issue and update readme

.github/workflows/node.js.yml

@@ -29,6 +29,7 @@ jobs:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
     - run: npm ci --force
+    - run: npm run build --if-present -- --isNpmBuild
     - run: npm run build --if-present
     - run: python -m pip install linkcheckmd
     - run: python -m linkcheckmd README.md

.github/workflows/npm-publish.yml

@@ -29,7 +29,7 @@ jobs:
           node-version: 20
           registry-url: https://registry.npmjs.org/
       - run: npm ci --force
-      - run: npm run build --if-present --isNpmBuild
+      - run: npm run build --if-present -- --isNpmBuild
       - run: npm publish --access=public
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}

README.md

@@ -1,13 +1,29 @@
----
-page_type: sample
-description: A rich library of animations for use with the Azure Maps Web SDK.
-languages:
-- javascript
-- typescript
-products:
-- azure
-- azure-maps
----
+<table style="width: 100%; border-collapse: collapse; border: 1px solid #333;">
+    <thead>
+        <tr>
+            <th style="padding: 10px; border: 1px solid #333;">page_type</th>
+            <th style="padding: 10px; border: 1px solid #333;">description</th>
+            <th style="padding: 10px; border: 1px solid #333;">languages</th>
+            <th style="padding: 10px; border: 1px solid #333;">products</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td style="padding: 10px; border: 1px solid #333;">sample</td>
+            <td style="padding: 10px; border: 1px solid #333;">A rich library of animations for use with the Azure Maps Web SDK.</td>
+            <td style="padding: 10px; border: 1px solid #333;">
+                <code>javascript</code>
+                <br>
+                <code>typescript</code>
+            </td>
+            <td style="padding: 10px; border: 1px solid #333;">
+                <code>azure</code>
+                <br>
+                <code>azure-maps</code>
+            </td>
+        </tr>
+    </tbody>
+</table>
 
 # Azure Maps Animation module
 

build/build.js

@@ -94,6 +94,7 @@ let rollupError = false;
     let rollupInputOps, rollupOutputOps;
     if (!args.isNpmBuild) {
         // Set rollup options for browser builds.
+        console.log("Building IIFE version");
         rollupInputOps = {
             external: ["azure-maps-control"],
             onwarn: rollupWarn,
@@ -120,12 +121,15 @@ let rollupError = false;
             }
         };
     } else {
+        console.log("Building CommonJS version");
         rollupInputOps = {
             external: ["azure-maps-control"],
             onwarn: rollupWarn,
             input: inputPath,
             plugins: [
-                nodeResolve(),
+                nodeResolve({
+                    browser: true,
+                }),
                 commonjs({
                     namedExports: namedExports
                 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure-maps/animations",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A module for the Azure Maps Web SDK that provides tools for animating data on the map.",
   "keywords": [
     "azure",