@devtools-ui/console 0.0.2--canary.11.588

package/dist/cjs/index.cjs

@@ -0,0 +1,112 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Console: () => Console2,
+  ConsoleComponent: () => ConsoleComponent,
+  consoleTransform: () => consoleTransform,
+  expPropTransform: () => expPropTransform,
+  transform: () => transform
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/component/index.tsx
+var import_react = __toESM(require("react"));
+var import_console = require("@devtools-ds/console");
+var ConsoleComponent = (props) => {
+  const { evaluate, history } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_console.Console, { execute: evaluate, history });
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/dsl/index.tsx
+var import_react2 = __toESM(require("react"));
+var import_dsl = require("@player-tools/dsl");
+var Console2 = (props) => {
+  const { exp, binding } = props;
+  let expValue;
+  if ((0, import_dsl.isTemplateStringInstance)(exp)) {
+    expValue = exp.toValue();
+  } else if (Array.isArray(exp)) {
+    expValue = exp.map((e) => typeof e === "string" ? e : e.toValue());
+  } else if (exp) {
+    expValue = exp;
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(import_dsl.Asset, { type: "console" }, exp && /* @__PURE__ */ import_react2.default.createElement("property", { name: "exp" }, expValue), binding && /* @__PURE__ */ import_react2.default.createElement("property", { name: "binding" }, binding.toValue()));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/transform/index.ts
+var import_asset_transform_plugin = require("@player-ui/asset-transform-plugin");
+var transform = (asset, options) => {
+  return {
+    ...asset,
+    history: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    evaluate() {
+      if (asset.exp) {
+        options.evaluate(asset.exp);
+      }
+    }
+  };
+};
+var expPropTransform = (asset) => {
+  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;
+  if (skipArray && skipArray.indexOf("exp") > 1) {
+    return asset;
+  }
+  return {
+    ...asset,
+    plugins: {
+      ...asset.plugins,
+      stringResolver: {
+        ...asset?.plugins?.stringResolver,
+        propertiesToSkip: [
+          ...asset.plugins?.stringResolver?.propertiesToSkip ?? [],
+          "exp"
+        ]
+      }
+    }
+  };
+};
+var consoleTransform = (0, import_asset_transform_plugin.compose)(
+  transform,
+  (0, import_asset_transform_plugin.composeBefore)(expPropTransform)
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Console,
+  ConsoleComponent,
+  consoleTransform,
+  expPropTransform,
+  transform
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/component/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/dsl/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/transform/index.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./component\";\nexport * from \"./dsl\";\nexport * from \"./transform\";\n","import React from \"react\";\nimport { Console } from \"@devtools-ds/console\";\nimport type { TransformedConsole } from \"../types\";\n\nexport const ConsoleComponent = (props: TransformedConsole) => {\n  const { evaluate, history } = props;\n\n  return <Console execute={evaluate} history={history} />;\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  isTemplateStringInstance,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { ConsoleAsset } from \"../types\";\n\n/**\n * Defines the component DSL representation for the Console asset,\n * a component that emulates a REPL environment that you see in browsers.\n */\nexport const Console = (\n  props: Omit<AssetPropsWithChildren<ConsoleAsset>, \"binding\"> & {\n    /** Binding as template string */\n    binding: BindingTemplateInstance;\n  }\n) => {\n  const { exp, binding } = props;\n\n  // Extracting the exp value from the props\n  let expValue: ConsoleAsset[\"exp\"];\n\n  if (isTemplateStringInstance(exp)) {\n    expValue = exp.toValue();\n  } else if (Array.isArray(exp)) {\n    expValue = exp.map((e) => (typeof e === \"string\" ? e : e.toValue()));\n  } else if (exp) {\n    expValue = exp;\n  }\n\n  return (\n    <Asset type=\"console\">\n      {exp && <property name=\"exp\">{expValue}</property>}\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\n    </Asset>\n  );\n};\n","import type {\n  Asset,\n  BeforeTransformFunction,\n  TransformFunction,\n} from \"@player-ui/player\";\nimport { compose, composeBefore } from \"@player-ui/asset-transform-plugin\";\nimport { ConsoleAsset, TransformedConsole } from \"../types\";\n\n/**\n * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)\n * and embeds Player state and methods:\n */\nexport const transform: TransformFunction<ConsoleAsset, TransformedConsole> = (\n  asset,\n  options\n) => {\n  return {\n    ...asset,\n    history:\n      asset.binding === undefined\n        ? undefined\n        : options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n    evaluate() {\n      if (asset.exp) {\n        options.evaluate(asset.exp);\n      }\n    },\n  };\n};\n\n/**\n * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist\n */\nexport const expPropTransform: BeforeTransformFunction<Asset> = (asset) => {\n  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;\n\n  if (skipArray && skipArray.indexOf(\"exp\") > 1) {\n    return asset;\n  }\n\n  return {\n    ...asset,\n    plugins: {\n      ...asset.plugins,\n      stringResolver: {\n        ...asset?.plugins?.stringResolver,\n        propertiesToSkip: [\n          ...(asset.plugins?.stringResolver?.propertiesToSkip ?? []),\n          \"exp\",\n        ],\n      },\n    },\n  };\n};\n\nexport const consoleTransform = compose(\n  transform,\n  composeBefore(expPropTransform)\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,qBAAwB;AAGjB,IAAM,mBAAmB,CAAC,UAA8B;AAC7D,QAAM,EAAE,UAAU,QAAQ,IAAI;AAE9B,SAAO,6BAAAC,QAAA,cAAC,0BAAQ,SAAS,UAAU,SAAkB;AACvD;;;ACRA,IAAAC,gBAAkB;AAClB,iBAKO;AAOA,IAAMC,WAAU,CACrB,UAIG;AACH,QAAM,EAAE,KAAK,QAAQ,IAAI;AAGzB,MAAI;AAEJ,UAAI,qCAAyB,GAAG,GAAG;AACjC,eAAW,IAAI,QAAQ;AAAA,EACzB,WAAW,MAAM,QAAQ,GAAG,GAAG;AAC7B,eAAW,IAAI,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,IAAI,EAAE,QAAQ,CAAE;AAAA,EACrE,WAAW,KAAK;AACd,eAAW;AAAA,EACb;AAEA,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,aACT,OAAO,8BAAAA,QAAA,cAAC,cAAS,MAAK,SAAO,QAAS,GACtC,WAAW,8BAAAA,QAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,CAC1D;AAEJ;;;ACjCA,oCAAuC;AAOhC,IAAM,YAAiE,CAC5E,OACA,YACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SACE,MAAM,YAAY,SACd,SACA,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,IACP,WAAW;AACT,UAAI,MAAM,KAAK;AACb,gBAAQ,SAAS,MAAM,GAAG;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;AAKO,IAAM,mBAAmD,CAAC,UAAU;AACzE,QAAM,YAAY,MAAM,SAAS,gBAAgB;AAEjD,MAAI,aAAa,UAAU,QAAQ,KAAK,IAAI,GAAG;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,MAAM;AAAA,MACT,gBAAgB;AAAA,QACd,GAAG,OAAO,SAAS;AAAA,QACnB,kBAAkB;AAAA,UAChB,GAAI,MAAM,SAAS,gBAAgB,oBAAoB,CAAC;AAAA,UACxD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,uBAAmB;AAAA,EAC9B;AAAA,MACA,6CAAc,gBAAgB;AAChC;","names":["Console","React","import_react","Console","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,74 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/component/index.tsx
+import React from "react";
+import { Console } from "@devtools-ds/console";
+var ConsoleComponent = (props) => {
+  const { evaluate, history } = props;
+  return /* @__PURE__ */ React.createElement(Console, { execute: evaluate, history });
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  isTemplateStringInstance
+} from "@player-tools/dsl";
+var Console2 = (props) => {
+  const { exp, binding } = props;
+  let expValue;
+  if (isTemplateStringInstance(exp)) {
+    expValue = exp.toValue();
+  } else if (Array.isArray(exp)) {
+    expValue = exp.map((e) => typeof e === "string" ? e : e.toValue());
+  } else if (exp) {
+    expValue = exp;
+  }
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "console" }, exp && /* @__PURE__ */ React2.createElement("property", { name: "exp" }, expValue), binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/transform/index.ts
+import { compose, composeBefore } from "@player-ui/asset-transform-plugin";
+var transform = (asset, options) => {
+  return {
+    ...asset,
+    history: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    evaluate() {
+      if (asset.exp) {
+        options.evaluate(asset.exp);
+      }
+    }
+  };
+};
+var expPropTransform = (asset) => {
+  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;
+  if (skipArray && skipArray.indexOf("exp") > 1) {
+    return asset;
+  }
+  return {
+    ...asset,
+    plugins: {
+      ...asset.plugins,
+      stringResolver: {
+        ...asset?.plugins?.stringResolver,
+        propertiesToSkip: [
+          ...asset.plugins?.stringResolver?.propertiesToSkip ?? [],
+          "exp"
+        ]
+      }
+    }
+  };
+};
+var consoleTransform = compose(
+  transform,
+  composeBefore(expPropTransform)
+);
+export {
+  Console2 as Console,
+  ConsoleComponent,
+  consoleTransform,
+  expPropTransform,
+  transform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,74 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/component/index.tsx
+import React from "react";
+import { Console } from "@devtools-ds/console";
+var ConsoleComponent = (props) => {
+  const { evaluate, history } = props;
+  return /* @__PURE__ */ React.createElement(Console, { execute: evaluate, history });
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  isTemplateStringInstance
+} from "@player-tools/dsl";
+var Console2 = (props) => {
+  const { exp, binding } = props;
+  let expValue;
+  if (isTemplateStringInstance(exp)) {
+    expValue = exp.toValue();
+  } else if (Array.isArray(exp)) {
+    expValue = exp.map((e) => typeof e === "string" ? e : e.toValue());
+  } else if (exp) {
+    expValue = exp;
+  }
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "console" }, exp && /* @__PURE__ */ React2.createElement("property", { name: "exp" }, expValue), binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/transform/index.ts
+import { compose, composeBefore } from "@player-ui/asset-transform-plugin";
+var transform = (asset, options) => {
+  return {
+    ...asset,
+    history: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    }),
+    evaluate() {
+      if (asset.exp) {
+        options.evaluate(asset.exp);
+      }
+    }
+  };
+};
+var expPropTransform = (asset) => {
+  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;
+  if (skipArray && skipArray.indexOf("exp") > 1) {
+    return asset;
+  }
+  return {
+    ...asset,
+    plugins: {
+      ...asset.plugins,
+      stringResolver: {
+        ...asset?.plugins?.stringResolver,
+        propertiesToSkip: [
+          ...asset.plugins?.stringResolver?.propertiesToSkip ?? [],
+          "exp"
+        ]
+      }
+    }
+  };
+};
+var consoleTransform = compose(
+  transform,
+  composeBefore(expPropTransform)
+);
+export {
+  Console2 as Console,
+  ConsoleComponent,
+  consoleTransform,
+  expPropTransform,
+  transform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/component/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/dsl/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/console/src/transform/index.ts"],"sourcesContent":["import React from \"react\";\nimport { Console } from \"@devtools-ds/console\";\nimport type { TransformedConsole } from \"../types\";\n\nexport const ConsoleComponent = (props: TransformedConsole) => {\n  const { evaluate, history } = props;\n\n  return <Console execute={evaluate} history={history} />;\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  isTemplateStringInstance,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { ConsoleAsset } from \"../types\";\n\n/**\n * Defines the component DSL representation for the Console asset,\n * a component that emulates a REPL environment that you see in browsers.\n */\nexport const Console = (\n  props: Omit<AssetPropsWithChildren<ConsoleAsset>, \"binding\"> & {\n    /** Binding as template string */\n    binding: BindingTemplateInstance;\n  }\n) => {\n  const { exp, binding } = props;\n\n  // Extracting the exp value from the props\n  let expValue: ConsoleAsset[\"exp\"];\n\n  if (isTemplateStringInstance(exp)) {\n    expValue = exp.toValue();\n  } else if (Array.isArray(exp)) {\n    expValue = exp.map((e) => (typeof e === \"string\" ? e : e.toValue()));\n  } else if (exp) {\n    expValue = exp;\n  }\n\n  return (\n    <Asset type=\"console\">\n      {exp && <property name=\"exp\">{expValue}</property>}\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\n    </Asset>\n  );\n};\n","import type {\n  Asset,\n  BeforeTransformFunction,\n  TransformFunction,\n} from \"@player-ui/player\";\nimport { compose, composeBefore } from \"@player-ui/asset-transform-plugin\";\nimport { ConsoleAsset, TransformedConsole } from \"../types\";\n\n/**\n * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)\n * and embeds Player state and methods:\n */\nexport const transform: TransformFunction<ConsoleAsset, TransformedConsole> = (\n  asset,\n  options\n) => {\n  return {\n    ...asset,\n    history:\n      asset.binding === undefined\n        ? undefined\n        : options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n    evaluate() {\n      if (asset.exp) {\n        options.evaluate(asset.exp);\n      }\n    },\n  };\n};\n\n/**\n * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist\n */\nexport const expPropTransform: BeforeTransformFunction<Asset> = (asset) => {\n  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;\n\n  if (skipArray && skipArray.indexOf(\"exp\") > 1) {\n    return asset;\n  }\n\n  return {\n    ...asset,\n    plugins: {\n      ...asset.plugins,\n      stringResolver: {\n        ...asset?.plugins?.stringResolver,\n        propertiesToSkip: [\n          ...(asset.plugins?.stringResolver?.propertiesToSkip ?? []),\n          \"exp\",\n        ],\n      },\n    },\n  };\n};\n\nexport const consoleTransform = compose(\n  transform,\n  composeBefore(expPropTransform)\n);\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AAGjB,IAAM,mBAAmB,CAAC,UAA8B;AAC7D,QAAM,EAAE,UAAU,QAAQ,IAAI;AAE9B,SAAO,oCAAC,WAAQ,SAAS,UAAU,SAAkB;AACvD;;;ACRA,OAAOA,YAAW;AAClB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAOA,IAAMC,WAAU,CACrB,UAIG;AACH,QAAM,EAAE,KAAK,QAAQ,IAAI;AAGzB,MAAI;AAEJ,MAAI,yBAAyB,GAAG,GAAG;AACjC,eAAW,IAAI,QAAQ;AAAA,EACzB,WAAW,MAAM,QAAQ,GAAG,GAAG;AAC7B,eAAW,IAAI,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,IAAI,EAAE,QAAQ,CAAE;AAAA,EACrE,WAAW,KAAK;AACd,eAAW;AAAA,EACb;AAEA,SACE,gBAAAD,OAAA,cAAC,SAAM,MAAK,aACT,OAAO,gBAAAA,OAAA,cAAC,cAAS,MAAK,SAAO,QAAS,GACtC,WAAW,gBAAAA,OAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,CAC1D;AAEJ;;;ACjCA,SAAS,SAAS,qBAAqB;AAOhC,IAAM,YAAiE,CAC5E,OACA,YACG;AACH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SACE,MAAM,YAAY,SACd,SACA,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,IACP,WAAW;AACT,UAAI,MAAM,KAAK;AACb,gBAAQ,SAAS,MAAM,GAAG;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;AAKO,IAAM,mBAAmD,CAAC,UAAU;AACzE,QAAM,YAAY,MAAM,SAAS,gBAAgB;AAEjD,MAAI,aAAa,UAAU,QAAQ,KAAK,IAAI,GAAG;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,MAAM;AAAA,MACT,gBAAgB;AAAA,QACd,GAAG,OAAO,SAAS;AAAA,QACnB,kBAAkB;AAAA,UAChB,GAAI,MAAM,SAAS,gBAAgB,oBAAoB,CAAC;AAAA,UACxD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA,cAAc,gBAAgB;AAChC;","names":["React","Console"]}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@devtools-ui/console",
+  "version": "0.0.2--canary.11.588",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@devtools-ui/text": "0.0.2--canary.11.588",
+    "@devtools-ui/collection": "0.0.2--canary.11.588",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@player-tools/dsl": "0.5.2--canary.87.2261",
+    "@player-ui/asset-transform-plugin": "^0.7.1",
+    "@player-ui/player": "0.7.1",
+    "@player-ui/react": "^0.7.1",
+    "@player-ui/types": "0.7.1",
+    "@types/react": "^18.2.51",
+    "dlv": "^1.1.3",
+    "eslint-plugin-storybook": "^0.8.0",
+    "framer-motion": "^11.0.8",
+    "react": "^18.2.0",
+    "@devtools-ds/console": "^1.2.1",
+    "tslib": "^2.6.2"
+  },
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "peerDependencies": {}
+}

package/src/component/index.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import { Console } from "@devtools-ds/console";
+import type { TransformedConsole } from "../types";
+
+export const ConsoleComponent = (props: TransformedConsole) => {
+  const { evaluate, history } = props;
+
+  return <Console execute={evaluate} history={history} />;
+};

package/src/dsl/__tests__/index.test.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { describe, expect, test } from "vitest";
+import { render, expression as e, binding as b } from "@player-tools/dsl";
+import { Console } from "../";
+
+describe("DSL: Console", () => {
+  test("Renders console", async () => {
+    const rendered = await render(
+      <Console exp={e`my_expression`} binding={b`my_binding`} />
+    );
+
+    expect(rendered.jsonValue).toStrictEqual({
+      id: "root",
+      type: "console",
+      exp: "my_expression",
+      binding: "my_binding",
+    });
+  });
+});

package/src/dsl/index.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import {
+  AssetPropsWithChildren,
+  Asset,
+  isTemplateStringInstance,
+  BindingTemplateInstance,
+} from "@player-tools/dsl";
+import type { ConsoleAsset } from "../types";
+
+/**
+ * Defines the component DSL representation for the Console asset,
+ * a component that emulates a REPL environment that you see in browsers.
+ */
+export const Console = (
+  props: Omit<AssetPropsWithChildren<ConsoleAsset>, "binding"> & {
+    /** Binding as template string */
+    binding: BindingTemplateInstance;
+  }
+) => {
+  const { exp, binding } = props;
+
+  // Extracting the exp value from the props
+  let expValue: ConsoleAsset["exp"];
+
+  if (isTemplateStringInstance(exp)) {
+    expValue = exp.toValue();
+  } else if (Array.isArray(exp)) {
+    expValue = exp.map((e) => (typeof e === "string" ? e : e.toValue()));
+  } else if (exp) {
+    expValue = exp;
+  }
+
+  return (
+    <Asset type="console">
+      {exp && <property name="exp">{expValue}</property>}
+      {binding && <property name="binding">{binding.toValue()}</property>}
+    </Asset>
+  );
+};

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";
+export * from "./transform";

package/src/transform/index.ts

@@ -0,0 +1,62 @@
+import type {
+  Asset,
+  BeforeTransformFunction,
+  TransformFunction,
+} from "@player-ui/player";
+import { compose, composeBefore } from "@player-ui/asset-transform-plugin";
+import { ConsoleAsset, TransformedConsole } from "../types";
+
+/**
+ * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)
+ * and embeds Player state and methods:
+ */
+export const transform: TransformFunction<ConsoleAsset, TransformedConsole> = (
+  asset,
+  options
+) => {
+  return {
+    ...asset,
+    history:
+      asset.binding === undefined
+        ? undefined
+        : options.data.model.get(asset.binding, {
+            includeInvalid: true,
+            formatted: false,
+          }),
+    evaluate() {
+      if (asset.exp) {
+        options.evaluate(asset.exp);
+      }
+    },
+  };
+};
+
+/**
+ * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist
+ */
+export const expPropTransform: BeforeTransformFunction<Asset> = (asset) => {
+  const skipArray = asset.plugins?.stringResolver?.propertiesToSkip;
+
+  if (skipArray && skipArray.indexOf("exp") > 1) {
+    return asset;
+  }
+
+  return {
+    ...asset,
+    plugins: {
+      ...asset.plugins,
+      stringResolver: {
+        ...asset?.plugins?.stringResolver,
+        propertiesToSkip: [
+          ...(asset.plugins?.stringResolver?.propertiesToSkip ?? []),
+          "exp",
+        ],
+      },
+    },
+  };
+};
+
+export const consoleTransform = compose(
+  transform,
+  composeBefore(expPropTransform)
+);

package/src/types/index.ts

@@ -0,0 +1,30 @@
+import type { Asset, Expression } from "@player-ui/types";
+
+export interface Evaluation {
+  /** A unique key for this expression */
+  id: string;
+
+  /** The expression itself */
+  expression: string;
+
+  /** The result for a given expression */
+  result?: unknown;
+
+  /** Whether there were any errors with the result */
+  severity?: "error" | "warning";
+}
+
+export interface ConsoleAsset extends Asset<"console"> {
+  /** Evaluate expression */
+  exp?: Expression;
+  /** History binding */
+  binding?: string;
+}
+
+/** A stateful instance of the asset */
+export interface TransformedConsole extends ConsoleAsset {
+  /** A stateful instance of an action */
+  history: Evaluation[];
+  /** A method to evaluate the expression */
+  evaluate: () => void;
+}

package/types/component/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TransformedConsole } from "../types";
+export declare const ConsoleComponent: (props: TransformedConsole) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/dsl/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AssetPropsWithChildren, BindingTemplateInstance } from "@player-tools/dsl";
+import type { ConsoleAsset } from "../types";
+/**
+ * Defines the component DSL representation for the Console asset,
+ * a component that emulates a REPL environment that you see in browsers.
+ */
+export declare const Console: (props: Omit<AssetPropsWithChildren<ConsoleAsset>, "binding"> & {
+    /** Binding as template string */
+    binding: BindingTemplateInstance;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";
+export * from "./transform";
+//# sourceMappingURL=index.d.ts.map

package/types/transform/index.d.ts

@@ -0,0 +1,13 @@
+import type { Asset, BeforeTransformFunction, TransformFunction } from "@player-ui/player";
+import { ConsoleAsset, TransformedConsole } from "../types";
+/**
+ * Platform-agnostic transform function that takes the properties we get from the Player Content (DSL > JSON)
+ * and embeds Player state and methods:
+ */
+export declare const transform: TransformFunction<ConsoleAsset, TransformedConsole>;
+/**
+ * Appends `exp` to the plugins.stringResolver.propertiesToSkip array or creates it if it doesn't exist
+ */
+export declare const expPropTransform: BeforeTransformFunction<Asset>;
+export declare const consoleTransform: import("@player-ui/player").TransformFunctions;
+//# sourceMappingURL=index.d.ts.map

package/types/types/index.d.ts

@@ -0,0 +1,25 @@
+import type { Asset, Expression } from "@player-ui/types";
+export interface Evaluation {
+    /** A unique key for this expression */
+    id: string;
+    /** The expression itself */
+    expression: string;
+    /** The result for a given expression */
+    result?: unknown;
+    /** Whether there were any errors with the result */
+    severity?: "error" | "warning";
+}
+export interface ConsoleAsset extends Asset<"console"> {
+    /** Evaluate expression */
+    exp?: Expression;
+    /** History binding */
+    binding?: string;
+}
+/** A stateful instance of the asset */
+export interface TransformedConsole extends ConsoleAsset {
+    /** A stateful instance of an action */
+    history: Evaluation[];
+    /** A method to evaluate the expression */
+    evaluate: () => void;
+}
+//# sourceMappingURL=index.d.ts.map