@devtools-ui/plugin 0.0.3-next.0 → 0.1.0--canary.17.811

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/index.cjs +9 -2
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/index.legacy-esm.js +8 -2
  4. package/dist/index.mjs +8 -2
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +13 -12
  7. package/src/index.ts +3 -0
  8. package/src/plugins/AssetsRegistryPlugin.tsx +4 -1
  9. package/src/plugins/TransformPlugin.ts +2 -0
  10. package/types/index.d.ts +3 -2
  11. package/types/plugins/AssetsRegistryPlugin.d.ts +3 -1
package/dist/cjs/index.cjs CHANGED
@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
31
31
  var src_exports = {};
32
32
  __export(src_exports, {
33
33
  Action: () => import_action3.Action,
34
+ CodeEditor: () => import_code_editor3.CodeEditor,
34
35
  Collection: () => import_collection2.Collection,
35
36
  Console: () => import_console3.Console,
36
37
  CopyToClipboard: () => import_copy_to_clipboard3.CopyToClipboard,
@@ -55,6 +56,7 @@ var import_text2 = require("@devtools-ui/text");
55
56
  var import_console3 = require("@devtools-ui/console");
56
57
  var import_table3 = require("@devtools-ui/table");
57
58
  var import_copy_to_clipboard3 = require("@devtools-ui/copy-to-clipboard");
59
+ var import_code_editor3 = require("@devtools-ui/code-editor");
58
60
 
59
61
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
60
62
  var import_asset_transform_plugin = require("@player-ui/asset-transform-plugin");
@@ -64,6 +66,7 @@ var import_object_inspector = require("@devtools-ui/object-inspector");
64
66
  var import_console = require("@devtools-ui/console");
65
67
  var import_table = require("@devtools-ui/table");
66
68
  var import_copy_to_clipboard = require("@devtools-ui/copy-to-clipboard");
69
+ var import_code_editor = require("@devtools-ui/code-editor");
67
70
  var TransformsPlugin = class {
68
71
  constructor() {
69
72
  this.name = "devtools-ui-transforms";
@@ -76,7 +79,8 @@ var TransformsPlugin = class {
76
79
  [{ type: "object-inspector" }, import_object_inspector.objectInspectorTransform],
77
80
  [{ type: "console" }, import_console.consoleTransform],
78
81
  [{ type: "table" }, import_table.tableTransform],
79
- [{ type: "copy-to-clipboard" }, import_copy_to_clipboard.copyToClipboardTransform]
82
+ [{ type: "copy-to-clipboard" }, import_copy_to_clipboard.copyToClipboardTransform],
83
+ [{ type: "code-editor" }, import_code_editor.codeEditorTransform]
80
84
  ])
81
85
  );
82
86
  }
@@ -97,6 +101,7 @@ var import_copy_to_clipboard2 = require("@devtools-ui/copy-to-clipboard");
97
101
  var import_stacked_view = require("@devtools-ui/stacked-view");
98
102
  var import_object_inspector2 = require("@devtools-ui/object-inspector");
99
103
  var import_text = require("@devtools-ui/text");
104
+ var import_code_editor2 = require("@devtools-ui/code-editor");
100
105
  var OptionalChakraThemeProvider = (props) => {
101
106
  const theme = (0, import_react2.useTheme)();
102
107
  if (theme) {
@@ -121,7 +126,8 @@ var AssetsRegistryPlugin = class {
121
126
  ["console", import_console2.ConsoleComponent],
122
127
  ["stacked-view", import_stacked_view.StackedViewComponent],
123
128
  ["table", import_table2.TableComponent],
124
- ["copy-to-clipboard", import_copy_to_clipboard2.CopyToClipboardComponent]
129
+ ["copy-to-clipboard", import_copy_to_clipboard2.CopyToClipboardComponent],
130
+ ["code-editor", import_code_editor2.CodeEditorComponent]
125
131
  ])
126
132
  );
127
133
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -140,6 +146,7 @@ var src_default = AssetsRegistryPlugin;
140
146
  // Annotate the CommonJS export names for ESM import in node:
141
147
  0 && (module.exports = {
142
148
  Action,
149
+ CodeEditor,
143
150
  Collection,
144
151
  Console,
145
152
  CopyToClipboard,
package/dist/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,iBAAoC;AACpC,IAAAC,qBAA4C;AAC5C,IAAAC,uBAA6C;AAC7C,IAAAC,gBAAkC;AAClC,IAAAC,eAAgC;AAChC,IAAAC,qBAA4C;AAC5C,IAAAC,2BAGO;AACP,IAAAC,eAAgC;AAChC,IAAAC,kBAAsC;AACtC,IAAAC,gBAAkC;AAClC,IAAAC,4BAGO;;;ACfP,oCAAqC;AACrC,oBAAgC;AAChC,mBAA+B;AAC/B,8BAAyC;AACzC,qBAAiC;AACjC,mBAA+B;AAC/B,+BAAyC;AAElC,IAAM,mBAAN,MAA+C;AAAA,EAA/C;AACL,gBAAO;AAAA;AAAA,EAEP,MAAM,QAAgB;AACpB,WAAO;AAAA,MACL,IAAI,mDAAqB;AAAA,QACvB,CAAC,EAAE,MAAM,SAAS,GAAG,6BAAe;AAAA,QACpC,CAAC,EAAE,MAAM,QAAQ,GAAG,2BAAc;AAAA,QAClC,CAAC,EAAE,MAAM,mBAAmB,GAAG,gDAAwB;AAAA,QACvD,CAAC,EAAE,MAAM,UAAU,GAAG,+BAAgB;AAAA,QACtC,CAAC,EAAE,MAAM,QAAQ,GAAG,2BAAc;AAAA,QAClC,CAAC,EAAE,MAAM,oBAAoB,GAAG,iDAAwB;AAAA,MAC1D,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;ACxBA,mBAAkB;AAElB,IAAAC,gBAAyC;AAMzC,yCAAoC;AACpC,IAAAC,iBAA6C;AAC7C,wBAAqD;AACrD,IAAAC,gBAA2C;AAC3C,kBAAyC;AACzC,wBAAqD;AACrD,IAAAC,kBAA+C;AAC/C,IAAAC,gBAA2C;AAC3C,IAAAC,4BAGO;AACP,0BAGO;AACP,IAAAC,2BAGO;AACP,kBAAyC;AAGzC,IAAM,8BAA8B,CAClC,UACG;AACH,QAAM,YAAQ,wBAAS;AAEvB,MAAI,OAAO;AACT,WAAO,6BAAAC,QAAA,2BAAAA,QAAA,gBAAG,MAAM,QAAS;AAAA,EAC3B;AAEA,SAAO,6BAAAA,QAAA,cAAC,oCAAgB,MAAM,QAAS;AACzC;AAEO,IAAM,uBAAN,MAkBP;AAAA,EAlBO;AAmBL,gBAAO;AAAA;AAAA,EAEP,WAAW,aAA0B;AACnC,gBAAY;AAAA,MACV,IAAI,uDAAoB;AAAA,QACtB,CAAC,UAAU,8BAAe;AAAA,QAC1B,CAAC,cAAc,qCAAmB;AAAA,QAClC,CAAC,SAAS,4BAAc;AAAA,QACxB,CAAC,QAAQ,yBAAa;AAAA,QACtB,CAAC,cAAc,qCAAmB;AAAA,QAClC,CAAC,oBAAoB,iDAAwB;AAAA,QAC7C,CAAC,QAAQ,yBAAa;AAAA,QACtB,CAAC,WAAW,gCAAgB;AAAA,QAC5B,CAAC,gBAAgB,wCAAoB;AAAA,QACrC,CAAC,SAAS,4BAAc;AAAA,QACxB,CAAC,qBAAqB,kDAAwB;AAAA,MAChD,CAAC;AAAA,IACH;AAEA,gBAAY,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,SAAS;AAEtD,aAAO,MAAM;AACX,eACE,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,UAAK,CACR;AAAA,MAEJ;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,QAAgB;AACpB,WAAO,eAAe,IAAI,iBAAiB,CAAC;AAAA,EAC9C;AACF;;;AF7EA,IAAO,cAAQ;","names":["import_action","import_collection","import_stacked_view","import_input","import_list","import_navigation","import_object_inspector","import_text","import_console","import_table","import_copy_to_clipboard","import_react","import_action","import_input","import_console","import_table","import_copy_to_clipboard","import_object_inspector","React"]}
1
+ {"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n CodeEditor,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n [\"code-editor\", CodeEditorComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":"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","names":["import_action","import_collection","import_stacked_view","import_input","import_list","import_navigation","import_object_inspector","import_text","import_console","import_table","import_copy_to_clipboard","import_code_editor","import_react","import_action","import_input","import_console","import_table","import_copy_to_clipboard","import_object_inspector","import_code_editor","React"]}
package/dist/index.legacy-esm.js CHANGED
@@ -14,6 +14,7 @@ import { Table } from "@devtools-ui/table";
14
14
  import {
15
15
  CopyToClipboard
16
16
  } from "@devtools-ui/copy-to-clipboard";
17
+ import { CodeEditor } from "@devtools-ui/code-editor";
17
18
 
18
19
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
19
20
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -23,6 +24,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
23
24
  import { consoleTransform } from "@devtools-ui/console";
24
25
  import { tableTransform } from "@devtools-ui/table";
25
26
  import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
27
+ import { codeEditorTransform } from "@devtools-ui/code-editor";
26
28
  var TransformsPlugin = class {
27
29
  constructor() {
28
30
  this.name = "devtools-ui-transforms";
@@ -35,7 +37,8 @@ var TransformsPlugin = class {
35
37
  [{ type: "object-inspector" }, objectInspectorTransform],
36
38
  [{ type: "console" }, consoleTransform],
37
39
  [{ type: "table" }, tableTransform],
38
- [{ type: "copy-to-clipboard" }, copyToClipboardTransform]
40
+ [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
41
+ [{ type: "code-editor" }, codeEditorTransform]
39
42
  ])
40
43
  );
41
44
  }
@@ -62,6 +65,7 @@ import {
62
65
  ObjectInspectorComponent
63
66
  } from "@devtools-ui/object-inspector";
64
67
  import { TextComponent } from "@devtools-ui/text";
68
+ import { CodeEditorComponent } from "@devtools-ui/code-editor";
65
69
  var OptionalChakraThemeProvider = (props) => {
66
70
  const theme = useTheme();
67
71
  if (theme) {
@@ -86,7 +90,8 @@ var AssetsRegistryPlugin = class {
86
90
  ["console", ConsoleComponent],
87
91
  ["stacked-view", StackedViewComponent],
88
92
  ["table", TableComponent],
89
- ["copy-to-clipboard", CopyToClipboardComponent]
93
+ ["copy-to-clipboard", CopyToClipboardComponent],
94
+ ["code-editor", CodeEditorComponent]
90
95
  ])
91
96
  );
92
97
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -104,6 +109,7 @@ var AssetsRegistryPlugin = class {
104
109
  var src_default = AssetsRegistryPlugin;
105
110
  export {
106
111
  Action,
112
+ CodeEditor,
107
113
  Collection,
108
114
  Console,
109
115
  CopyToClipboard,
package/dist/index.mjs CHANGED
@@ -14,6 +14,7 @@ import { Table } from "@devtools-ui/table";
14
14
  import {
15
15
  CopyToClipboard
16
16
  } from "@devtools-ui/copy-to-clipboard";
17
+ import { CodeEditor } from "@devtools-ui/code-editor";
17
18
 
18
19
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
19
20
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -23,6 +24,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
23
24
  import { consoleTransform } from "@devtools-ui/console";
24
25
  import { tableTransform } from "@devtools-ui/table";
25
26
  import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
27
+ import { codeEditorTransform } from "@devtools-ui/code-editor";
26
28
  var TransformsPlugin = class {
27
29
  constructor() {
28
30
  this.name = "devtools-ui-transforms";
@@ -35,7 +37,8 @@ var TransformsPlugin = class {
35
37
  [{ type: "object-inspector" }, objectInspectorTransform],
36
38
  [{ type: "console" }, consoleTransform],
37
39
  [{ type: "table" }, tableTransform],
38
- [{ type: "copy-to-clipboard" }, copyToClipboardTransform]
40
+ [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
41
+ [{ type: "code-editor" }, codeEditorTransform]
39
42
  ])
40
43
  );
41
44
  }
@@ -62,6 +65,7 @@ import {
62
65
  ObjectInspectorComponent
63
66
  } from "@devtools-ui/object-inspector";
64
67
  import { TextComponent } from "@devtools-ui/text";
68
+ import { CodeEditorComponent } from "@devtools-ui/code-editor";
65
69
  var OptionalChakraThemeProvider = (props) => {
66
70
  const theme = useTheme();
67
71
  if (theme) {
@@ -86,7 +90,8 @@ var AssetsRegistryPlugin = class {
86
90
  ["console", ConsoleComponent],
87
91
  ["stacked-view", StackedViewComponent],
88
92
  ["table", TableComponent],
89
- ["copy-to-clipboard", CopyToClipboardComponent]
93
+ ["copy-to-clipboard", CopyToClipboardComponent],
94
+ ["code-editor", CodeEditorComponent]
90
95
  ])
91
96
  );
92
97
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -104,6 +109,7 @@ var AssetsRegistryPlugin = class {
104
109
  var src_default = AssetsRegistryPlugin;
105
110
  export {
106
111
  Action,
112
+ CodeEditor,
107
113
  Collection,
108
114
  Console,
109
115
  CopyToClipboard,
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":";AAAA,SAAsB,cAAc;AACpC,SAA0B,kBAAkB;AAC5C,SAA0B,mBAAmB;AAC7C,SAAqB,aAAa;AAClC,SAAoB,YAAY;AAChC,SAA0B,kBAAkB;AAC5C;AAAA,EAEE;AAAA,OACK;AACP,SAAoB,YAAY;AAChC,SAAuB,eAAe;AACtC,SAAqB,aAAa;AAClC;AAAA,EAEE;AAAA,OACK;;;ACfP,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAElC,IAAM,mBAAN,MAA+C;AAAA,EAA/C;AACL,gBAAO;AAAA;AAAA,EAEP,MAAM,QAAgB;AACpB,WAAO;AAAA,MACL,IAAI,qBAAqB;AAAA,QACvB,CAAC,EAAE,MAAM,SAAS,GAAG,eAAe;AAAA,QACpC,CAAC,EAAE,MAAM,QAAQ,GAAG,cAAc;AAAA,QAClC,CAAC,EAAE,MAAM,mBAAmB,GAAG,wBAAwB;AAAA,QACvD,CAAC,EAAE,MAAM,UAAU,GAAG,gBAAgB;AAAA,QACtC,CAAC,EAAE,MAAM,QAAQ,GAAG,cAAc;AAAA,QAClC,CAAC,EAAE,MAAM,oBAAoB,GAAG,wBAAwB;AAAA,MAC1D,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;ACxBA,OAAO,WAAW;AAElB,SAAS,gBAAgB,gBAAgB;AAMzC,SAAS,2BAA2B;AACpC,SAAsB,uBAAuB;AAC7C,SAA0B,2BAA2B;AACrD,SAAqB,sBAAsB;AAC3C,SAAoB,qBAAqB;AACzC,SAA0B,2BAA2B;AACrD,SAAuB,wBAAwB;AAC/C,SAAqB,sBAAsB;AAC3C;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP,SAAoB,qBAAqB;AAGzC,IAAM,8BAA8B,CAClC,UACG;AACH,QAAM,QAAQ,SAAS;AAEvB,MAAI,OAAO;AACT,WAAO,0DAAG,MAAM,QAAS;AAAA,EAC3B;AAEA,SAAO,oCAAC,sBAAgB,MAAM,QAAS;AACzC;AAEO,IAAM,uBAAN,MAkBP;AAAA,EAlBO;AAmBL,gBAAO;AAAA;AAAA,EAEP,WAAW,aAA0B;AACnC,gBAAY;AAAA,MACV,IAAI,oBAAoB;AAAA,QACtB,CAAC,UAAU,eAAe;AAAA,QAC1B,CAAC,cAAc,mBAAmB;AAAA,QAClC,CAAC,SAAS,cAAc;AAAA,QACxB,CAAC,QAAQ,aAAa;AAAA,QACtB,CAAC,cAAc,mBAAmB;AAAA,QAClC,CAAC,oBAAoB,wBAAwB;AAAA,QAC7C,CAAC,QAAQ,aAAa;AAAA,QACtB,CAAC,WAAW,gBAAgB;AAAA,QAC5B,CAAC,gBAAgB,oBAAoB;AAAA,QACrC,CAAC,SAAS,cAAc;AAAA,QACxB,CAAC,qBAAqB,wBAAwB;AAAA,MAChD,CAAC;AAAA,IACH;AAEA,gBAAY,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,SAAS;AAEtD,aAAO,MAAM;AACX,eACE,oCAAC,mCACC,oCAAC,UAAK,CACR;AAAA,MAEJ;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,QAAgB;AACpB,WAAO,eAAe,IAAI,iBAAiB,CAAC;AAAA,EAC9C;AACF;;;AF7EA,IAAO,cAAQ;","names":[]}
1
+ {"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n CodeEditor,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n [\"code-editor\", CodeEditorComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":";AAAA,SAAsB,cAAc;AACpC,SAA0B,kBAAkB;AAC5C,SAA0B,mBAAmB;AAC7C,SAAqB,aAAa;AAClC,SAAoB,YAAY;AAChC,SAA0B,kBAAkB;AAC5C;AAAA,EAEE;AAAA,OACK;AACP,SAAoB,YAAY;AAChC,SAAuB,eAAe;AACtC,SAAqB,aAAa;AAClC;AAAA,EAEE;AAAA,OACK;AACP,SAA0B,kBAAkB;;;AChB5C,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAE7B,IAAM,mBAAN,MAA+C;AAAA,EAA/C;AACL,gBAAO;AAAA;AAAA,EAEP,MAAM,QAAgB;AACpB,WAAO;AAAA,MACL,IAAI,qBAAqB;AAAA,QACvB,CAAC,EAAE,MAAM,SAAS,GAAG,eAAe;AAAA,QACpC,CAAC,EAAE,MAAM,QAAQ,GAAG,cAAc;AAAA,QAClC,CAAC,EAAE,MAAM,mBAAmB,GAAG,wBAAwB;AAAA,QACvD,CAAC,EAAE,MAAM,UAAU,GAAG,gBAAgB;AAAA,QACtC,CAAC,EAAE,MAAM,QAAQ,GAAG,cAAc;AAAA,QAClC,CAAC,EAAE,MAAM,oBAAoB,GAAG,wBAAwB;AAAA,QACxD,CAAC,EAAE,MAAM,cAAc,GAAG,mBAAmB;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AC1BA,OAAO,WAAW;AAElB,SAAS,gBAAgB,gBAAgB;AAMzC,SAAS,2BAA2B;AACpC,SAAsB,uBAAuB;AAC7C,SAA0B,2BAA2B;AACrD,SAAqB,sBAAsB;AAC3C,SAAoB,qBAAqB;AACzC,SAA0B,2BAA2B;AACrD,SAAuB,wBAAwB;AAC/C,SAAqB,sBAAsB;AAC3C;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EAEE;AAAA,OACK;AACP,SAAoB,qBAAqB;AACzC,SAA0B,2BAA2B;AAGrD,IAAM,8BAA8B,CAClC,UACG;AACH,QAAM,QAAQ,SAAS;AAEvB,MAAI,OAAO;AACT,WAAO,0DAAG,MAAM,QAAS;AAAA,EAC3B;AAEA,SAAO,oCAAC,sBAAgB,MAAM,QAAS;AACzC;AAEO,IAAM,uBAAN,MAmBP;AAAA,EAnBO;AAoBL,gBAAO;AAAA;AAAA,EAEP,WAAW,aAA0B;AACnC,gBAAY;AAAA,MACV,IAAI,oBAAoB;AAAA,QACtB,CAAC,UAAU,eAAe;AAAA,QAC1B,CAAC,cAAc,mBAAmB;AAAA,QAClC,CAAC,SAAS,cAAc;AAAA,QACxB,CAAC,QAAQ,aAAa;AAAA,QACtB,CAAC,cAAc,mBAAmB;AAAA,QAClC,CAAC,oBAAoB,wBAAwB;AAAA,QAC7C,CAAC,QAAQ,aAAa;AAAA,QACtB,CAAC,WAAW,gBAAgB;AAAA,QAC5B,CAAC,gBAAgB,oBAAoB;AAAA,QACrC,CAAC,SAAS,cAAc;AAAA,QACxB,CAAC,qBAAqB,wBAAwB;AAAA,QAC9C,CAAC,eAAe,mBAAmB;AAAA,MACrC,CAAC;AAAA,IACH;AAEA,gBAAY,MAAM,aAAa,IAAI,KAAK,MAAM,CAAC,SAAS;AAEtD,aAAO,MAAM;AACX,eACE,oCAAC,mCACC,oCAAC,UAAK,CACR;AAAA,MAEJ;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,QAAgB;AACpB,WAAO,eAAe,IAAI,iBAAiB,CAAC;AAAA,EAC9C;AACF;;;AF/EA,IAAO,cAAQ;","names":[]}
package/package.json CHANGED
@@ -1,20 +1,21 @@
1
1
  {
2
2
  "name": "@devtools-ui/plugin",
3
- "version": "0.0.3-next.0",
3
+ "version": "0.1.0--canary.17.811",
4
4
  "sideEffects": false,
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "dependencies": {
7
- "@devtools-ui/action": "0.0.3-next.0",
8
- "@devtools-ui/console": "0.0.3-next.0",
9
- "@devtools-ui/collection": "0.0.3-next.0",
10
- "@devtools-ui/input": "0.0.3-next.0",
11
- "@devtools-ui/list": "0.0.3-next.0",
12
- "@devtools-ui/navigation": "0.0.3-next.0",
13
- "@devtools-ui/object-inspector": "0.0.3-next.0",
14
- "@devtools-ui/text": "0.0.3-next.0",
15
- "@devtools-ui/stacked-view": "0.0.3-next.0",
16
- "@devtools-ui/table": "0.0.3-next.0",
17
- "@devtools-ui/copy-to-clipboard": "0.0.3-next.0",
7
+ "@devtools-ui/action": "0.1.0--canary.17.811",
8
+ "@devtools-ui/console": "0.1.0--canary.17.811",
9
+ "@devtools-ui/collection": "0.1.0--canary.17.811",
10
+ "@devtools-ui/input": "0.1.0--canary.17.811",
11
+ "@devtools-ui/list": "0.1.0--canary.17.811",
12
+ "@devtools-ui/navigation": "0.1.0--canary.17.811",
13
+ "@devtools-ui/object-inspector": "0.1.0--canary.17.811",
14
+ "@devtools-ui/text": "0.1.0--canary.17.811",
15
+ "@devtools-ui/stacked-view": "0.1.0--canary.17.811",
16
+ "@devtools-ui/table": "0.1.0--canary.17.811",
17
+ "@devtools-ui/copy-to-clipboard": "0.1.0--canary.17.811",
18
+ "@devtools-ui/code-editor": "0.1.0--canary.17.811",
18
19
  "@chakra-ui/react": "^2.8.2",
19
20
  "@player-ui/asset-provider-plugin-react": "0.7.2-next.4",
20
21
  "@player-ui/asset-transform-plugin": "0.7.2-next.4",
package/src/index.ts CHANGED
@@ -15,6 +15,7 @@ import {
15
15
  CopyToClipboardAsset,
16
16
  CopyToClipboard,
17
17
  } from "@devtools-ui/copy-to-clipboard";
18
+ import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
18
19
  import { AssetsRegistryPlugin } from "./plugins";
19
20
 
20
21
  export default AssetsRegistryPlugin;
@@ -31,6 +32,7 @@ export type {
31
32
  StackedViewView,
32
33
  TableAsset,
33
34
  CopyToClipboardAsset,
35
+ CodeEditorAsset,
34
36
  };
35
37
 
36
38
  export {
@@ -45,4 +47,5 @@ export {
45
47
  StackedView,
46
48
  Table,
47
49
  CopyToClipboard,
50
+ CodeEditor,
48
51
  };
package/src/plugins/AssetsRegistryPlugin.tsx CHANGED
@@ -27,6 +27,7 @@ import {
27
27
  ObjectInspectorComponent,
28
28
  } from "@devtools-ui/object-inspector";
29
29
  import { TextAsset, TextComponent } from "@devtools-ui/text";
30
+ import { CodeEditorAsset, CodeEditorComponent } from "@devtools-ui/code-editor";
30
31
  import { TransformsPlugin } from "./TransformPlugin";
31
32
 
32
33
  const OptionalChakraThemeProvider = (
@@ -56,7 +57,8 @@ export class AssetsRegistryPlugin
56
57
  TextAsset,
57
58
  StackedViewView,
58
59
  TableAsset,
59
- CopyToClipboardAsset
60
+ CopyToClipboardAsset,
61
+ CodeEditorAsset
60
62
  ]
61
63
  >
62
64
  {
@@ -76,6 +78,7 @@ export class AssetsRegistryPlugin
76
78
  ["stacked-view", StackedViewComponent],
77
79
  ["table", TableComponent],
78
80
  ["copy-to-clipboard", CopyToClipboardComponent],
81
+ ["code-editor", CodeEditorComponent],
79
82
  ])
80
83
  );
81
84
 
package/src/plugins/TransformPlugin.ts CHANGED
@@ -6,6 +6,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
6
6
  import { consoleTransform } from "@devtools-ui/console";
7
7
  import { tableTransform } from "@devtools-ui/table";
8
8
  import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
9
+ import { codeEditorTransform } from "@devtools-ui/code-editor";
9
10
 
10
11
  export class TransformsPlugin implements PlayerPlugin {
11
12
  name = "devtools-ui-transforms";
@@ -19,6 +20,7 @@ export class TransformsPlugin implements PlayerPlugin {
19
20
  [{ type: "console" }, consoleTransform],
20
21
  [{ type: "table" }, tableTransform],
21
22
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
23
+ [{ type: "code-editor" }, codeEditorTransform],
22
24
  ])
23
25
  );
24
26
  }
package/types/index.d.ts CHANGED
@@ -9,8 +9,9 @@ import { TextAsset, Text } from "@devtools-ui/text";
9
9
  import { ConsoleAsset, Console } from "@devtools-ui/console";
10
10
  import { TableAsset, Table } from "@devtools-ui/table";
11
11
  import { CopyToClipboardAsset, CopyToClipboard } from "@devtools-ui/copy-to-clipboard";
12
+ import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
12
13
  import { AssetsRegistryPlugin } from "./plugins";
13
14
  export default AssetsRegistryPlugin;
14
- export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, };
15
- export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, };
15
+ export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, CodeEditorAsset, };
16
+ export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, CodeEditor, };
16
17
  //# sourceMappingURL=index.d.ts.map
package/types/plugins/AssetsRegistryPlugin.d.ts CHANGED
@@ -11,6 +11,7 @@ import { CopyToClipboardAsset } from "@devtools-ui/copy-to-clipboard";
11
11
  import { StackedViewView } from "@devtools-ui/stacked-view";
12
12
  import { ObjectInspectorAsset } from "@devtools-ui/object-inspector";
13
13
  import { TextAsset } from "@devtools-ui/text";
14
+ import { CodeEditorAsset } from "@devtools-ui/code-editor";
14
15
  export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
15
16
  ActionAsset,
16
17
  ConsoleAsset,
@@ -22,7 +23,8 @@ export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, Extended
22
23
  TextAsset,
23
24
  StackedViewView,
24
25
  TableAsset,
25
- CopyToClipboardAsset
26
+ CopyToClipboardAsset,
27
+ CodeEditorAsset
26
28
  ]> {
27
29
  name: string;
28
30
  applyReact(reactPlayer: ReactPlayer): void;