@player-ui/make-flow 0.0.1-next.1

package/dist/index.cjs.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.ObjType = void 0;
+(function(ObjType2) {
+  ObjType2[ObjType2["FLOW"] = 0] = "FLOW";
+  ObjType2[ObjType2["ASSET"] = 1] = "ASSET";
+  ObjType2[ObjType2["ASSET_WRAPPER"] = 2] = "ASSET_WRAPPER";
+  ObjType2[ObjType2["UNKNOWN"] = 3] = "UNKNOWN";
+})(exports.ObjType || (exports.ObjType = {}));
+function identify(obj) {
+  if ("id" in obj && "type" in obj) {
+    return 1;
+  }
+  if ("asset" in obj && identify(obj.asset) === 1) {
+    return 2;
+  }
+  if ("navigation" in obj || "schema" in obj || "views" in obj) {
+    return 0;
+  }
+  return 3;
+}
+
+function unwrapJSend(obj) {
+  const isJSend = "status" in obj && "data" in obj;
+  if (isJSend) {
+    return obj.data;
+  }
+  return obj;
+}
+function makeFlow(obj) {
+  const objified = unwrapJSend(typeof obj === "string" ? JSON.parse(obj) : obj);
+  if (Array.isArray(objified)) {
+    const collection = {
+      id: "collection",
+      type: "collection",
+      values: objified.map((v) => {
+        const type2 = identify(v);
+        if (type2 === exports.ObjType.ASSET) {
+          return { asset: v };
+        }
+        return v;
+      })
+    };
+    return makeFlow(collection);
+  }
+  const type = identify(obj);
+  if (type === exports.ObjType.UNKNOWN) {
+    throw new Error("No clue how to convert this into a flow. Just do it yourself");
+  }
+  if (type === exports.ObjType.FLOW) {
+    return obj;
+  }
+  if (type === exports.ObjType.ASSET_WRAPPER) {
+    return makeFlow(obj.asset);
+  }
+  return {
+    id: "generated-flow",
+    views: [obj],
+    data: {},
+    navigation: {
+      BEGIN: "FLOW_1",
+      FLOW_1: {
+        startState: "VIEW_1",
+        VIEW_1: {
+          state_type: "VIEW",
+          ref: obj.id,
+          transitions: {
+            "*": "END_Done"
+          }
+        },
+        END_Done: {
+          state_type: "END",
+          outcome: "done"
+        }
+      }
+    }
+  };
+}
+
+exports.identify = identify;
+exports.makeFlow = makeFlow;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import { Flow } from '@player-ui/types';
+
+declare enum ObjType {
+    FLOW = 0,
+    ASSET = 1,
+    ASSET_WRAPPER = 2,
+    UNKNOWN = 3
+}
+/** Try to identify any object as an Asset or Flow  */
+declare function identify(obj: object): ObjType;
+
+/**
+ * Take any given object and try to convert it to a flow
+ */
+declare function makeFlow(obj: any): Flow;
+
+export { ObjType, identify, makeFlow };

package/dist/index.esm.js

@@ -0,0 +1,79 @@
+var ObjType;
+(function(ObjType2) {
+  ObjType2[ObjType2["FLOW"] = 0] = "FLOW";
+  ObjType2[ObjType2["ASSET"] = 1] = "ASSET";
+  ObjType2[ObjType2["ASSET_WRAPPER"] = 2] = "ASSET_WRAPPER";
+  ObjType2[ObjType2["UNKNOWN"] = 3] = "UNKNOWN";
+})(ObjType || (ObjType = {}));
+function identify(obj) {
+  if ("id" in obj && "type" in obj) {
+    return 1;
+  }
+  if ("asset" in obj && identify(obj.asset) === 1) {
+    return 2;
+  }
+  if ("navigation" in obj || "schema" in obj || "views" in obj) {
+    return 0;
+  }
+  return 3;
+}
+
+function unwrapJSend(obj) {
+  const isJSend = "status" in obj && "data" in obj;
+  if (isJSend) {
+    return obj.data;
+  }
+  return obj;
+}
+function makeFlow(obj) {
+  const objified = unwrapJSend(typeof obj === "string" ? JSON.parse(obj) : obj);
+  if (Array.isArray(objified)) {
+    const collection = {
+      id: "collection",
+      type: "collection",
+      values: objified.map((v) => {
+        const type2 = identify(v);
+        if (type2 === ObjType.ASSET) {
+          return { asset: v };
+        }
+        return v;
+      })
+    };
+    return makeFlow(collection);
+  }
+  const type = identify(obj);
+  if (type === ObjType.UNKNOWN) {
+    throw new Error("No clue how to convert this into a flow. Just do it yourself");
+  }
+  if (type === ObjType.FLOW) {
+    return obj;
+  }
+  if (type === ObjType.ASSET_WRAPPER) {
+    return makeFlow(obj.asset);
+  }
+  return {
+    id: "generated-flow",
+    views: [obj],
+    data: {},
+    navigation: {
+      BEGIN: "FLOW_1",
+      FLOW_1: {
+        startState: "VIEW_1",
+        VIEW_1: {
+          state_type: "VIEW",
+          ref: obj.id,
+          transitions: {
+            "*": "END_Done"
+          }
+        },
+        END_Done: {
+          state_type: "END",
+          outcome: "done"
+        }
+      }
+    }
+  };
+}
+
+export { ObjType, identify, makeFlow };
+//# sourceMappingURL=index.esm.js.map

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@player-ui/make-flow",
+  "version": "0.0.1-next.1",
+  "private": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "peerDependencies": {},
+  "dependencies": {
+    "@player-ui/types": "0.0.1-next.1",
+    "@babel/runtime": "7.15.4"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "typings": "dist/index.d.ts"
+}

package/src/identify.ts

@@ -0,0 +1,28 @@
+import type { AssetWrapper } from '@player-ui/types';
+
+export enum ObjType {
+  FLOW,
+  ASSET,
+  ASSET_WRAPPER,
+  UNKNOWN,
+}
+
+/** Try to identify any object as an Asset or Flow  */
+export default function identify(obj: object): ObjType {
+  if ('id' in obj && 'type' in obj) {
+    return ObjType.ASSET;
+  }
+
+  if (
+    'asset' in obj &&
+    identify((obj as AssetWrapper).asset) === ObjType.ASSET
+  ) {
+    return ObjType.ASSET_WRAPPER;
+  }
+
+  if ('navigation' in obj || 'schema' in obj || 'views' in obj) {
+    return ObjType.FLOW;
+  }
+
+  return ObjType.UNKNOWN;
+}

package/src/index.ts

@@ -0,0 +1,92 @@
+import type { Flow, Asset, AssetWrapper } from '@player-ui/types';
+import identify, { ObjType } from './identify';
+
+export * from './identify';
+export { identify };
+
+interface JSend<T> {
+  /** The status of the JSEND wrapper */
+  status: string;
+  /** The data we care about */
+  data: T;
+}
+
+interface CollectionAsset extends Asset<'collection'> {
+  /** The values of the collection. Used when there are an array of assets passed to the makeFlow fn */
+  values: Array<AssetWrapper>;
+}
+
+/** Check an object for the JSEND wrapper and remove it if needed */
+function unwrapJSend(obj: object) {
+  const isJSend = 'status' in obj && 'data' in obj;
+
+  if (isJSend) {
+    return (obj as JSend<object>).data;
+  }
+
+  return obj;
+}
+
+/**
+ * Take any given object and try to convert it to a flow
+ */
+export function makeFlow(obj: any): Flow {
+  const objified = unwrapJSend(typeof obj === 'string' ? JSON.parse(obj) : obj);
+
+  if (Array.isArray(objified)) {
+    const collection: CollectionAsset = {
+      id: 'collection',
+      type: 'collection',
+      values: objified.map((v) => {
+        const type = identify(v);
+
+        if (type === ObjType.ASSET) {
+          return { asset: v };
+        }
+
+        return v;
+      }),
+    };
+
+    return makeFlow(collection);
+  }
+
+  const type = identify(obj);
+
+  if (type === ObjType.UNKNOWN) {
+    throw new Error(
+      'No clue how to convert this into a flow. Just do it yourself'
+    );
+  }
+
+  if (type === ObjType.FLOW) {
+    return obj;
+  }
+
+  if (type === ObjType.ASSET_WRAPPER) {
+    return makeFlow(obj.asset);
+  }
+
+  return {
+    id: 'generated-flow',
+    views: [obj],
+    data: {},
+    navigation: {
+      BEGIN: 'FLOW_1',
+      FLOW_1: {
+        startState: 'VIEW_1',
+        VIEW_1: {
+          state_type: 'VIEW',
+          ref: obj.id,
+          transitions: {
+            '*': 'END_Done',
+          },
+        },
+        END_Done: {
+          state_type: 'END',
+          outcome: 'done',
+        },
+      },
+    },
+  };
+}