@player-ui/markdown-plugin 0.8.0--canary.307.9645 → 0.8.0-next.0

package/package.json

@@ -1,69 +1,36 @@
 {
   "name": "@player-ui/markdown-plugin",
-  "version": "0.8.0--canary.307.9645",
-  "private": false,
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
+  "version": "0.8.0-next.0",
+  "main": "dist/cjs/index.cjs",
   "peerDependencies": {
-    "@player-ui/player": "0.8.0--canary.307.9645",
-    "@player-ui/types": "0.8.0--canary.307.9645"
+    "@player-ui/player": "0.8.0-next.0",
+    "@player-ui/types": "0.8.0-next.0"
   },
-  "dependencies": {
-    "tapable-ts": "^0.2.3",
-    "mdast-util-from-markdown": "^2.0.0",
-    "@babel/runtime": "7.15.4"
+  "devDependencies": {
+    "@player-ui/partial-match-fingerprint-plugin": "workspace:*",
+    "@player-ui/partial-match-registry": "workspace:*"
   },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/index.d.ts",
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "bundle": "dist/MarkdownPlugin.native.js",
   "sideEffects": false,
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/player-ui/player-ui"
-  },
-  "bugs": {
-    "url": "https://github.com/player-ui/player-ui/issues"
-  },
-  "homepage": "https://player-ui.github.io",
-  "contributors": [
-    {
-      "name": "Adam Dierkens",
-      "url": "https://github.com/adierkens"
-    },
-    {
-      "name": "Spencer Hamm",
-      "url": "https://github.com/spentacular"
-    },
-    {
-      "name": "Harris Borawski",
-      "url": "https://github.com/hborawski"
-    },
-    {
-      "name": "Jeremiah Zucker",
-      "url": "https://github.com/sugarmanz"
-    },
-    {
-      "name": "Ketan Reddy",
-      "url": "https://github.com/KetanReddy"
-    },
-    {
-      "name": "Brocollie08",
-      "url": "https://github.com/brocollie08"
-    },
-    {
-      "name": "Kelly Harrop",
-      "url": "https://github.com/kharrop"
-    },
-    {
-      "name": "Alejandro Fimbres",
-      "url": "https://github.com/lexfm"
-    },
-    {
-      "name": "Rafael Campos",
-      "url": "https://github.com/rafbcampos"
+  "exports": {
+    "./package.json": "./package.json",
+    "./dist/index.css": "./dist/index.css",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
     }
+  },
+  "files": [
+    "dist",
+    "src",
+    "types"
   ],
-  "bundle": "./dist/markdown-plugin.prod.js"
+  "dependencies": {
+    "mdast-util-from-markdown": "^2.0.0",
+    "tapable-ts": "^0.2.3",
+    "tslib": "^2.6.2"
+  }
 }

package/src/__tests__/helpers/index.ts

@@ -0,0 +1,159 @@
+import type { Asset, AssetWrapper } from "@player-ui/types";
+import type { Mappers } from "../../types";
+
+// Mock Asset Plugin implementation of the markdown plugin:
+
+let depth = 0;
+
+/**
+ * Wrap an Asset in an AssetWrapper
+ */
+function wrapAsset(asset: Asset): AssetWrapper {
+  return {
+    asset,
+  };
+}
+
+/**
+ * Flatten a composite Asset with a single element
+ */
+function flatSingleElementCompositeAsset(asset: Asset): Asset {
+  if (asset.type === "composite" && (asset.values as Asset[]).length === 1) {
+    return (asset.values as AssetWrapper[])[0].asset;
+  }
+
+  return asset;
+}
+
+/**
+ * Recursively applies a modifier to an Asset and its children.
+ */
+function applyModifierToAssets({
+  types,
+  asset,
+  modifiers,
+}: {
+  /**
+   *  Types of Assets to apply the modifier to
+   */
+  types: string[];
+  /**
+   * Asset to be modified
+   */
+  asset: Asset;
+  /**
+   * Modifiers to be applied to the Asset
+   */
+  modifiers: any[];
+}): Asset {
+  let modifiedAsset = asset;
+  if (types.includes(asset.type)) {
+    modifiedAsset = {
+      ...asset,
+      modifiers: [...((asset.modifiers as any) || []), ...modifiers],
+    };
+  }
+
+  if (asset.values) {
+    modifiedAsset = {
+      ...modifiedAsset,
+      values: (asset.values as Asset[]).map((a) =>
+        applyModifierToAssets({ types, asset: a, modifiers }),
+      ),
+    };
+  }
+
+  return modifiedAsset;
+}
+
+export const mockMappers: Mappers = {
+  text: ({ originalAsset, value }) => ({
+    id: `${originalAsset.id}-text-${depth++}`,
+    type: "text",
+    value,
+  }),
+  collection: ({ originalAsset, value }) => ({
+    id: `${originalAsset.id}-collection-${depth++}`,
+    type: "collection",
+    values: value.map(wrapAsset),
+  }),
+  strong: ({ originalAsset, value }) =>
+    flatSingleElementCompositeAsset({
+      id: `${originalAsset.id}-text-${depth++}`,
+      type: "composite",
+      values: value.map((v) =>
+        wrapAsset(
+          applyModifierToAssets({
+            asset: v,
+            types: ["text"],
+            modifiers: [
+              {
+                type: "tag",
+                value: "important",
+              },
+            ],
+          }),
+        ),
+      ),
+    }),
+  emphasis: ({ originalAsset, value }) =>
+    flatSingleElementCompositeAsset({
+      id: `${originalAsset.id}-text-${depth++}`,
+      type: "composite",
+      values: value.map((v) =>
+        wrapAsset(
+          applyModifierToAssets({
+            asset: v,
+            types: ["text"],
+            modifiers: [
+              {
+                type: "tag",
+                value: "emphasis",
+              },
+            ],
+          }),
+        ),
+      ),
+    }),
+  paragraph: ({ originalAsset, value }) =>
+    flatSingleElementCompositeAsset({
+      id: `${originalAsset.id}-composite-${depth++}`,
+      type: "composite",
+      values: value.map(wrapAsset),
+    }),
+  list: ({ originalAsset, value, ordered }) => ({
+    id: `${originalAsset.id}-list-${depth++}`,
+    type: "list",
+    values: value.map(wrapAsset),
+    ...(ordered && { metaData: { listType: "ordered" } }),
+  }),
+  image: ({ originalAsset, value, src }) => ({
+    id: `${originalAsset.id}-image-${depth++}`,
+    type: "image",
+    accessibility: value,
+    metaData: {
+      ref: src,
+    },
+  }),
+  link: ({ originalAsset, value, href }) =>
+    flatSingleElementCompositeAsset({
+      id: `${originalAsset.id}-link-${depth++}`,
+      type: "composite",
+      values: value.map((v) =>
+        wrapAsset(
+          applyModifierToAssets({
+            asset: v,
+            types: ["text", "image"],
+            modifiers: [
+              {
+                type: "link",
+                metaData: {
+                  ref: href,
+                },
+              },
+            ],
+          }),
+        ),
+      ),
+    }),
+};