@devtools-ui/plugin 0.1.2-next.0 → 0.2.0-next.0

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 +16 -15
  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
@@ -35,6 +35,7 @@ __export(src_exports, {
35
35
  Collection: () => import_collection2.Collection,
36
36
  Console: () => import_console3.Console,
37
37
  CopyToClipboard: () => import_copy_to_clipboard3.CopyToClipboard,
38
+ FlameGraph: () => import_flame_graph3.FlameGraph,
38
39
  Input: () => import_input3.Input,
39
40
  List: () => import_list2.List,
40
41
  Navigation: () => import_navigation2.Navigation,
@@ -61,6 +62,7 @@ var import_toggle3 = require("@devtools-ui/toggle");
61
62
  var import_copy_to_clipboard3 = require("@devtools-ui/copy-to-clipboard");
62
63
  var import_code_editor3 = require("@devtools-ui/code-editor");
63
64
  var import_radio_group3 = require("@devtools-ui/radio-group");
65
+ var import_flame_graph3 = require("@devtools-ui/flame-graph");
64
66
 
65
67
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
66
68
  var import_asset_transform_plugin = require("@player-ui/asset-transform-plugin");
@@ -73,6 +75,7 @@ var import_copy_to_clipboard = require("@devtools-ui/copy-to-clipboard");
73
75
  var import_toggle = require("@devtools-ui/toggle");
74
76
  var import_code_editor = require("@devtools-ui/code-editor");
75
77
  var import_radio_group = require("@devtools-ui/radio-group");
78
+ var import_flame_graph = require("@devtools-ui/flame-graph");
76
79
  var TransformsPlugin = class {
77
80
  constructor() {
78
81
  this.name = "devtools-ui-transforms";
@@ -88,7 +91,8 @@ var TransformsPlugin = class {
88
91
  [{ type: "copy-to-clipboard" }, import_copy_to_clipboard.copyToClipboardTransform],
89
92
  [{ type: "toggle" }, import_toggle.toggleTransform],
90
93
  [{ type: "code-editor" }, import_code_editor.codeEditorTransform],
91
- [{ type: "radio-group" }, import_radio_group.radioGroupTransform]
94
+ [{ type: "radio-group" }, import_radio_group.radioGroupTransform],
95
+ [{ type: "flame-graph" }, import_flame_graph.flameGraphTransform]
92
96
  ])
93
97
  );
94
98
  }
@@ -112,6 +116,7 @@ var import_text = require("@devtools-ui/text");
112
116
  var import_toggle2 = require("@devtools-ui/toggle");
113
117
  var import_code_editor2 = require("@devtools-ui/code-editor");
114
118
  var import_radio_group2 = require("@devtools-ui/radio-group");
119
+ var import_flame_graph2 = require("@devtools-ui/flame-graph");
115
120
  var OptionalChakraThemeProvider = (props) => {
116
121
  const theme = (0, import_react2.useTheme)();
117
122
  if (theme) {
@@ -139,7 +144,8 @@ var AssetsRegistryPlugin = class {
139
144
  ["copy-to-clipboard", import_copy_to_clipboard2.CopyToClipboardComponent],
140
145
  ["code-editor", import_code_editor2.CodeEditorComponent],
141
146
  ["toggle", import_toggle2.ToggleComponent],
142
- ["radio-group", import_radio_group2.RadioGroupComponent]
147
+ ["radio-group", import_radio_group2.RadioGroupComponent],
148
+ ["flame-graph", import_flame_graph2.FlameGraphComponent]
143
149
  ])
144
150
  );
145
151
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -162,6 +168,7 @@ var src_default = AssetsRegistryPlugin;
162
168
  Collection,
163
169
  Console,
164
170
  CopyToClipboard,
171
+ FlameGraph,
165
172
  Input,
166
173
  List,
167
174
  Navigation,
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 { ToggleAsset, Toggle } from \"@devtools-ui/toggle\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroup } from \"@devtools-ui/radio-group\";\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 ToggleAsset,\n CodeEditorAsset,\n RadioGroupAsset,\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 Toggle,\n CodeEditor,\n RadioGroup,\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 { toggleTransform } from \"@devtools-ui/toggle\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\nimport { radioGroupTransform } from \"@devtools-ui/radio-group\";\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: \"toggle\" }, toggleTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n [{ type: \"radio-group\" }, radioGroupTransform],\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 { ToggleAsset, ToggleComponent } from \"@devtools-ui/toggle\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroupComponent } from \"@devtools-ui/radio-group\";\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 ToggleAsset,\n RadioGroupAsset\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 [\"toggle\", ToggleComponent],\n [\"radio-group\", RadioGroupComponent],\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;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,iBAAoC;AACpC,IAAAC,4BAGO;AACP,IAAAC,sBAA4C;AAC5C,IAAAC,sBAA4C;;;AClB5C,oCAAqC;AACrC,oBAAgC;AAChC,mBAA+B;AAC/B,8BAAyC;AACzC,qBAAiC;AACjC,mBAA+B;AAC/B,+BAAyC;AACzC,oBAAgC;AAChC,yBAAoC;AACpC,yBAAoC;AAE7B,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,QACxD,CAAC,EAAE,MAAM,SAAS,GAAG,6BAAe;AAAA,QACpC,CAAC,EAAE,MAAM,cAAc,GAAG,sCAAmB;AAAA,QAC7C,CAAC,EAAE,MAAM,cAAc,GAAG,sCAAmB;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AC9BA,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;AACzC,IAAAC,iBAA6C;AAC7C,IAAAC,sBAAqD;AACrD,IAAAC,sBAAqD;AAGrD,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,MAqBP;AAAA,EArBO;AAsBL,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,QAC9C,CAAC,eAAe,uCAAmB;AAAA,QACnC,CAAC,UAAU,8BAAe;AAAA,QAC1B,CAAC,eAAe,uCAAmB;AAAA,MACrC,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;;;AFnFA,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_toggle","import_copy_to_clipboard","import_code_editor","import_radio_group","import_react","import_action","import_input","import_console","import_table","import_copy_to_clipboard","import_object_inspector","import_toggle","import_code_editor","import_radio_group","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 { ToggleAsset, Toggle } from \"@devtools-ui/toggle\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroup } from \"@devtools-ui/radio-group\";\nimport { FlameGraphAsset, FlameGraph } from \"@devtools-ui/flame-graph\";\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 ToggleAsset,\n CodeEditorAsset,\n RadioGroupAsset,\n FlameGraphAsset,\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 Toggle,\n CodeEditor,\n RadioGroup,\n FlameGraph,\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 { toggleTransform } from \"@devtools-ui/toggle\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\nimport { radioGroupTransform } from \"@devtools-ui/radio-group\";\nimport { flameGraphTransform } from \"@devtools-ui/flame-graph\";\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: \"toggle\" }, toggleTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n [{ type: \"radio-group\" }, radioGroupTransform],\n [{ type: \"flame-graph\" }, flameGraphTransform],\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 { ToggleAsset, ToggleComponent } from \"@devtools-ui/toggle\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroupComponent } from \"@devtools-ui/radio-group\";\nimport { FlameGraphAsset, FlameGraphComponent } from \"@devtools-ui/flame-graph\";\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 ToggleAsset,\n RadioGroupAsset,\n FlameGraphAsset\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 [\"toggle\", ToggleComponent],\n [\"radio-group\", RadioGroupComponent],\n [\"flame-graph\", FlameGraphComponent],\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;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,iBAAoC;AACpC,IAAAC,4BAGO;AACP,IAAAC,sBAA4C;AAC5C,IAAAC,sBAA4C;AAC5C,IAAAC,sBAA4C;;;ACnB5C,oCAAqC;AACrC,oBAAgC;AAChC,mBAA+B;AAC/B,8BAAyC;AACzC,qBAAiC;AACjC,mBAA+B;AAC/B,+BAAyC;AACzC,oBAAgC;AAChC,yBAAoC;AACpC,yBAAoC;AACpC,yBAAoC;AAE7B,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,QACxD,CAAC,EAAE,MAAM,SAAS,GAAG,6BAAe;AAAA,QACpC,CAAC,EAAE,MAAM,cAAc,GAAG,sCAAmB;AAAA,QAC7C,CAAC,EAAE,MAAM,cAAc,GAAG,sCAAmB;AAAA,QAC7C,CAAC,EAAE,MAAM,cAAc,GAAG,sCAAmB;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AChCA,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;AACzC,IAAAC,iBAA6C;AAC7C,IAAAC,sBAAqD;AACrD,IAAAC,sBAAqD;AACrD,IAAAC,sBAAqD;AAGrD,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,MAsBP;AAAA,EAtBO;AAuBL,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,QAC9C,CAAC,eAAe,uCAAmB;AAAA,QACnC,CAAC,UAAU,8BAAe;AAAA,QAC1B,CAAC,eAAe,uCAAmB;AAAA,QACnC,CAAC,eAAe,uCAAmB;AAAA,MACrC,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;;;AFrFA,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_toggle","import_copy_to_clipboard","import_code_editor","import_radio_group","import_flame_graph","import_react","import_action","import_input","import_console","import_table","import_copy_to_clipboard","import_object_inspector","import_toggle","import_code_editor","import_radio_group","import_flame_graph","React"]}
package/dist/index.legacy-esm.js CHANGED
@@ -17,6 +17,7 @@ import {
17
17
  } from "@devtools-ui/copy-to-clipboard";
18
18
  import { CodeEditor } from "@devtools-ui/code-editor";
19
19
  import { RadioGroup } from "@devtools-ui/radio-group";
20
+ import { FlameGraph } from "@devtools-ui/flame-graph";
20
21
 
21
22
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
22
23
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -29,6 +30,7 @@ import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
29
30
  import { toggleTransform } from "@devtools-ui/toggle";
30
31
  import { codeEditorTransform } from "@devtools-ui/code-editor";
31
32
  import { radioGroupTransform } from "@devtools-ui/radio-group";
33
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
32
34
  var TransformsPlugin = class {
33
35
  constructor() {
34
36
  this.name = "devtools-ui-transforms";
@@ -44,7 +46,8 @@ var TransformsPlugin = class {
44
46
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
45
47
  [{ type: "toggle" }, toggleTransform],
46
48
  [{ type: "code-editor" }, codeEditorTransform],
47
- [{ type: "radio-group" }, radioGroupTransform]
49
+ [{ type: "radio-group" }, radioGroupTransform],
50
+ [{ type: "flame-graph" }, flameGraphTransform]
48
51
  ])
49
52
  );
50
53
  }
@@ -74,6 +77,7 @@ import { TextComponent } from "@devtools-ui/text";
74
77
  import { ToggleComponent } from "@devtools-ui/toggle";
75
78
  import { CodeEditorComponent } from "@devtools-ui/code-editor";
76
79
  import { RadioGroupComponent } from "@devtools-ui/radio-group";
80
+ import { FlameGraphComponent } from "@devtools-ui/flame-graph";
77
81
  var OptionalChakraThemeProvider = (props) => {
78
82
  const theme = useTheme();
79
83
  if (theme) {
@@ -101,7 +105,8 @@ var AssetsRegistryPlugin = class {
101
105
  ["copy-to-clipboard", CopyToClipboardComponent],
102
106
  ["code-editor", CodeEditorComponent],
103
107
  ["toggle", ToggleComponent],
104
- ["radio-group", RadioGroupComponent]
108
+ ["radio-group", RadioGroupComponent],
109
+ ["flame-graph", FlameGraphComponent]
105
110
  ])
106
111
  );
107
112
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -123,6 +128,7 @@ export {
123
128
  Collection,
124
129
  Console,
125
130
  CopyToClipboard,
131
+ FlameGraph,
126
132
  Input,
127
133
  List,
128
134
  Navigation,
package/dist/index.mjs CHANGED
@@ -17,6 +17,7 @@ import {
17
17
  } from "@devtools-ui/copy-to-clipboard";
18
18
  import { CodeEditor } from "@devtools-ui/code-editor";
19
19
  import { RadioGroup } from "@devtools-ui/radio-group";
20
+ import { FlameGraph } from "@devtools-ui/flame-graph";
20
21
 
21
22
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
22
23
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -29,6 +30,7 @@ import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
29
30
  import { toggleTransform } from "@devtools-ui/toggle";
30
31
  import { codeEditorTransform } from "@devtools-ui/code-editor";
31
32
  import { radioGroupTransform } from "@devtools-ui/radio-group";
33
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
32
34
  var TransformsPlugin = class {
33
35
  constructor() {
34
36
  this.name = "devtools-ui-transforms";
@@ -44,7 +46,8 @@ var TransformsPlugin = class {
44
46
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
45
47
  [{ type: "toggle" }, toggleTransform],
46
48
  [{ type: "code-editor" }, codeEditorTransform],
47
- [{ type: "radio-group" }, radioGroupTransform]
49
+ [{ type: "radio-group" }, radioGroupTransform],
50
+ [{ type: "flame-graph" }, flameGraphTransform]
48
51
  ])
49
52
  );
50
53
  }
@@ -74,6 +77,7 @@ import { TextComponent } from "@devtools-ui/text";
74
77
  import { ToggleComponent } from "@devtools-ui/toggle";
75
78
  import { CodeEditorComponent } from "@devtools-ui/code-editor";
76
79
  import { RadioGroupComponent } from "@devtools-ui/radio-group";
80
+ import { FlameGraphComponent } from "@devtools-ui/flame-graph";
77
81
  var OptionalChakraThemeProvider = (props) => {
78
82
  const theme = useTheme();
79
83
  if (theme) {
@@ -101,7 +105,8 @@ var AssetsRegistryPlugin = class {
101
105
  ["copy-to-clipboard", CopyToClipboardComponent],
102
106
  ["code-editor", CodeEditorComponent],
103
107
  ["toggle", ToggleComponent],
104
- ["radio-group", RadioGroupComponent]
108
+ ["radio-group", RadioGroupComponent],
109
+ ["flame-graph", FlameGraphComponent]
105
110
  ])
106
111
  );
107
112
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -123,6 +128,7 @@ export {
123
128
  Collection,
124
129
  Console,
125
130
  CopyToClipboard,
131
+ FlameGraph,
126
132
  Input,
127
133
  List,
128
134
  Navigation,
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 { ToggleAsset, Toggle } from \"@devtools-ui/toggle\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroup } from \"@devtools-ui/radio-group\";\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 ToggleAsset,\n CodeEditorAsset,\n RadioGroupAsset,\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 Toggle,\n CodeEditor,\n RadioGroup,\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 { toggleTransform } from \"@devtools-ui/toggle\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\nimport { radioGroupTransform } from \"@devtools-ui/radio-group\";\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: \"toggle\" }, toggleTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n [{ type: \"radio-group\" }, radioGroupTransform],\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 { ToggleAsset, ToggleComponent } from \"@devtools-ui/toggle\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroupComponent } from \"@devtools-ui/radio-group\";\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 ToggleAsset,\n RadioGroupAsset\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 [\"toggle\", ToggleComponent],\n [\"radio-group\", RadioGroupComponent],\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":[]}
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 { ToggleAsset, Toggle } from \"@devtools-ui/toggle\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroup } from \"@devtools-ui/radio-group\";\nimport { FlameGraphAsset, FlameGraph } from \"@devtools-ui/flame-graph\";\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 ToggleAsset,\n CodeEditorAsset,\n RadioGroupAsset,\n FlameGraphAsset,\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 Toggle,\n CodeEditor,\n RadioGroup,\n FlameGraph,\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 { toggleTransform } from \"@devtools-ui/toggle\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\nimport { radioGroupTransform } from \"@devtools-ui/radio-group\";\nimport { flameGraphTransform } from \"@devtools-ui/flame-graph\";\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: \"toggle\" }, toggleTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n [{ type: \"radio-group\" }, radioGroupTransform],\n [{ type: \"flame-graph\" }, flameGraphTransform],\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 { ToggleAsset, ToggleComponent } from \"@devtools-ui/toggle\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { RadioGroupAsset, RadioGroupComponent } from \"@devtools-ui/radio-group\";\nimport { FlameGraphAsset, FlameGraphComponent } from \"@devtools-ui/flame-graph\";\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 ToggleAsset,\n RadioGroupAsset,\n FlameGraphAsset\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 [\"toggle\", ToggleComponent],\n [\"radio-group\", RadioGroupComponent],\n [\"flame-graph\", FlameGraphComponent],\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":[]}
package/package.json CHANGED
@@ -1,23 +1,24 @@
1
1
  {
2
2
  "name": "@devtools-ui/plugin",
3
- "version": "0.1.2-next.0",
3
+ "version": "0.2.0-next.0",
4
4
  "sideEffects": false,
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "dependencies": {
7
- "@devtools-ui/action": "0.1.2-next.0",
8
- "@devtools-ui/console": "0.1.2-next.0",
9
- "@devtools-ui/collection": "0.1.2-next.0",
10
- "@devtools-ui/input": "0.1.2-next.0",
11
- "@devtools-ui/list": "0.1.2-next.0",
12
- "@devtools-ui/navigation": "0.1.2-next.0",
13
- "@devtools-ui/object-inspector": "0.1.2-next.0",
14
- "@devtools-ui/text": "0.1.2-next.0",
15
- "@devtools-ui/stacked-view": "0.1.2-next.0",
16
- "@devtools-ui/table": "0.1.2-next.0",
17
- "@devtools-ui/copy-to-clipboard": "0.1.2-next.0",
18
- "@devtools-ui/code-editor": "0.1.2-next.0",
19
- "@devtools-ui/toggle": "0.1.2-next.0",
20
- "@devtools-ui/radio-group": "0.1.2-next.0",
7
+ "@devtools-ui/action": "0.2.0-next.0",
8
+ "@devtools-ui/console": "0.2.0-next.0",
9
+ "@devtools-ui/collection": "0.2.0-next.0",
10
+ "@devtools-ui/input": "0.2.0-next.0",
11
+ "@devtools-ui/list": "0.2.0-next.0",
12
+ "@devtools-ui/navigation": "0.2.0-next.0",
13
+ "@devtools-ui/object-inspector": "0.2.0-next.0",
14
+ "@devtools-ui/text": "0.2.0-next.0",
15
+ "@devtools-ui/stacked-view": "0.2.0-next.0",
16
+ "@devtools-ui/table": "0.2.0-next.0",
17
+ "@devtools-ui/copy-to-clipboard": "0.2.0-next.0",
18
+ "@devtools-ui/code-editor": "0.2.0-next.0",
19
+ "@devtools-ui/toggle": "0.2.0-next.0",
20
+ "@devtools-ui/radio-group": "0.2.0-next.0",
21
+ "@devtools-ui/flame-graph": "0.2.0-next.0",
21
22
  "@chakra-ui/react": "^2.8.2",
22
23
  "@player-ui/asset-provider-plugin-react": "0.7.3",
23
24
  "@player-ui/asset-transform-plugin": "0.7.3",
package/src/index.ts CHANGED
@@ -18,6 +18,7 @@ import {
18
18
  } from "@devtools-ui/copy-to-clipboard";
19
19
  import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
20
20
  import { RadioGroupAsset, RadioGroup } from "@devtools-ui/radio-group";
21
+ import { FlameGraphAsset, FlameGraph } from "@devtools-ui/flame-graph";
21
22
  import { AssetsRegistryPlugin } from "./plugins";
22
23
 
23
24
  export default AssetsRegistryPlugin;
@@ -37,6 +38,7 @@ export type {
37
38
  ToggleAsset,
38
39
  CodeEditorAsset,
39
40
  RadioGroupAsset,
41
+ FlameGraphAsset,
40
42
  };
41
43
 
42
44
  export {
@@ -54,4 +56,5 @@ export {
54
56
  Toggle,
55
57
  CodeEditor,
56
58
  RadioGroup,
59
+ FlameGraph,
57
60
  };
package/src/plugins/AssetsRegistryPlugin.tsx CHANGED
@@ -30,6 +30,7 @@ import { TextAsset, TextComponent } from "@devtools-ui/text";
30
30
  import { ToggleAsset, ToggleComponent } from "@devtools-ui/toggle";
31
31
  import { CodeEditorAsset, CodeEditorComponent } from "@devtools-ui/code-editor";
32
32
  import { RadioGroupAsset, RadioGroupComponent } from "@devtools-ui/radio-group";
33
+ import { FlameGraphAsset, FlameGraphComponent } from "@devtools-ui/flame-graph";
33
34
  import { TransformsPlugin } from "./TransformPlugin";
34
35
 
35
36
  const OptionalChakraThemeProvider = (
@@ -62,7 +63,8 @@ export class AssetsRegistryPlugin
62
63
  CopyToClipboardAsset,
63
64
  CodeEditorAsset,
64
65
  ToggleAsset,
65
- RadioGroupAsset
66
+ RadioGroupAsset,
67
+ FlameGraphAsset
66
68
  ]
67
69
  >
68
70
  {
@@ -85,6 +87,7 @@ export class AssetsRegistryPlugin
85
87
  ["code-editor", CodeEditorComponent],
86
88
  ["toggle", ToggleComponent],
87
89
  ["radio-group", RadioGroupComponent],
90
+ ["flame-graph", FlameGraphComponent],
88
91
  ])
89
92
  );
90
93
 
package/src/plugins/TransformPlugin.ts CHANGED
@@ -9,6 +9,7 @@ import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
9
9
  import { toggleTransform } from "@devtools-ui/toggle";
10
10
  import { codeEditorTransform } from "@devtools-ui/code-editor";
11
11
  import { radioGroupTransform } from "@devtools-ui/radio-group";
12
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
12
13
 
13
14
  export class TransformsPlugin implements PlayerPlugin {
14
15
  name = "devtools-ui-transforms";
@@ -25,6 +26,7 @@ export class TransformsPlugin implements PlayerPlugin {
25
26
  [{ type: "toggle" }, toggleTransform],
26
27
  [{ type: "code-editor" }, codeEditorTransform],
27
28
  [{ type: "radio-group" }, radioGroupTransform],
29
+ [{ type: "flame-graph" }, flameGraphTransform],
28
30
  ])
29
31
  );
30
32
  }
package/types/index.d.ts CHANGED
@@ -12,8 +12,9 @@ import { ToggleAsset, Toggle } from "@devtools-ui/toggle";
12
12
  import { CopyToClipboardAsset, CopyToClipboard } from "@devtools-ui/copy-to-clipboard";
13
13
  import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
14
14
  import { RadioGroupAsset, RadioGroup } from "@devtools-ui/radio-group";
15
+ import { FlameGraphAsset, FlameGraph } from "@devtools-ui/flame-graph";
15
16
  import { AssetsRegistryPlugin } from "./plugins";
16
17
  export default AssetsRegistryPlugin;
17
- export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, ToggleAsset, CodeEditorAsset, RadioGroupAsset, };
18
- export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, Toggle, CodeEditor, RadioGroup, };
18
+ export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, ToggleAsset, CodeEditorAsset, RadioGroupAsset, FlameGraphAsset, };
19
+ export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, Toggle, CodeEditor, RadioGroup, FlameGraph, };
19
20
  //# sourceMappingURL=index.d.ts.map
package/types/plugins/AssetsRegistryPlugin.d.ts CHANGED
@@ -14,6 +14,7 @@ import { TextAsset } from "@devtools-ui/text";
14
14
  import { ToggleAsset } from "@devtools-ui/toggle";
15
15
  import { CodeEditorAsset } from "@devtools-ui/code-editor";
16
16
  import { RadioGroupAsset } from "@devtools-ui/radio-group";
17
+ import { FlameGraphAsset } from "@devtools-ui/flame-graph";
17
18
  export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
18
19
  ActionAsset,
19
20
  ConsoleAsset,
@@ -28,7 +29,8 @@ export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, Extended
28
29
  CopyToClipboardAsset,
29
30
  CodeEditorAsset,
30
31
  ToggleAsset,
31
- RadioGroupAsset
32
+ RadioGroupAsset,
33
+ FlameGraphAsset
32
34
  ]> {
33
35
  name: string;
34
36
  applyReact(reactPlayer: ReactPlayer): void;