@devtools-ui/plugin 0.1.1 → 0.2.0--canary.25.1169

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.
@@ -35,10 +35,12 @@ __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,
41
42
  ObjectInspector: () => import_object_inspector3.ObjectInspector,
43
+ RadioGroup: () => import_radio_group3.RadioGroup,
42
44
  StackedView: () => import_stacked_view2.StackedView,
43
45
  Table: () => import_table3.Table,
44
46
  Text: () => import_text2.Text,
@@ -59,6 +61,8 @@ var import_table3 = require("@devtools-ui/table");
59
61
  var import_toggle3 = require("@devtools-ui/toggle");
60
62
  var import_copy_to_clipboard3 = require("@devtools-ui/copy-to-clipboard");
61
63
  var import_code_editor3 = require("@devtools-ui/code-editor");
64
+ var import_radio_group3 = require("@devtools-ui/radio-group");
65
+ var import_flame_graph3 = require("@devtools-ui/flame-graph");
62
66
 
63
67
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
64
68
  var import_asset_transform_plugin = require("@player-ui/asset-transform-plugin");
@@ -70,6 +74,8 @@ var import_table = require("@devtools-ui/table");
70
74
  var import_copy_to_clipboard = require("@devtools-ui/copy-to-clipboard");
71
75
  var import_toggle = require("@devtools-ui/toggle");
72
76
  var import_code_editor = require("@devtools-ui/code-editor");
77
+ var import_radio_group = require("@devtools-ui/radio-group");
78
+ var import_flame_graph = require("@devtools-ui/flame-graph");
73
79
  var TransformsPlugin = class {
74
80
  constructor() {
75
81
  this.name = "devtools-ui-transforms";
@@ -84,7 +90,9 @@ var TransformsPlugin = class {
84
90
  [{ type: "table" }, import_table.tableTransform],
85
91
  [{ type: "copy-to-clipboard" }, import_copy_to_clipboard.copyToClipboardTransform],
86
92
  [{ type: "toggle" }, import_toggle.toggleTransform],
87
- [{ type: "code-editor" }, import_code_editor.codeEditorTransform]
93
+ [{ type: "code-editor" }, import_code_editor.codeEditorTransform],
94
+ [{ type: "radio-group" }, import_radio_group.radioGroupTransform],
95
+ [{ type: "flame-graph" }, import_flame_graph.flameGraphTransform]
88
96
  ])
89
97
  );
90
98
  }
@@ -107,6 +115,8 @@ var import_object_inspector2 = require("@devtools-ui/object-inspector");
107
115
  var import_text = require("@devtools-ui/text");
108
116
  var import_toggle2 = require("@devtools-ui/toggle");
109
117
  var import_code_editor2 = require("@devtools-ui/code-editor");
118
+ var import_radio_group2 = require("@devtools-ui/radio-group");
119
+ var import_flame_graph2 = require("@devtools-ui/flame-graph");
110
120
  var OptionalChakraThemeProvider = (props) => {
111
121
  const theme = (0, import_react2.useTheme)();
112
122
  if (theme) {
@@ -132,8 +142,10 @@ var AssetsRegistryPlugin = class {
132
142
  ["stacked-view", import_stacked_view.StackedViewComponent],
133
143
  ["table", import_table2.TableComponent],
134
144
  ["copy-to-clipboard", import_copy_to_clipboard2.CopyToClipboardComponent],
145
+ ["code-editor", import_code_editor2.CodeEditorComponent],
135
146
  ["toggle", import_toggle2.ToggleComponent],
136
- ["code-editor", import_code_editor2.CodeEditorComponent]
147
+ ["radio-group", import_radio_group2.RadioGroupComponent],
148
+ ["flame-graph", import_flame_graph2.FlameGraphComponent]
137
149
  ])
138
150
  );
139
151
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -156,10 +168,12 @@ var src_default = AssetsRegistryPlugin;
156
168
  Collection,
157
169
  Console,
158
170
  CopyToClipboard,
171
+ FlameGraph,
159
172
  Input,
160
173
  List,
161
174
  Navigation,
162
175
  ObjectInspector,
176
+ RadioGroup,
163
177
  StackedView,
164
178
  Table,
165
179
  Text,
@@ -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 { 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};\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};\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\";\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 ])\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 { 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 ToggleAsset,\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 [\"toggle\", ToggleComponent],\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_toggle","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_toggle","import_code_editor","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":"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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_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"]}
@@ -16,6 +16,8 @@ import {
16
16
  CopyToClipboard
17
17
  } from "@devtools-ui/copy-to-clipboard";
18
18
  import { CodeEditor } from "@devtools-ui/code-editor";
19
+ import { RadioGroup } from "@devtools-ui/radio-group";
20
+ import { FlameGraph } from "@devtools-ui/flame-graph";
19
21
 
20
22
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
21
23
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -27,6 +29,8 @@ import { tableTransform } from "@devtools-ui/table";
27
29
  import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
28
30
  import { toggleTransform } from "@devtools-ui/toggle";
29
31
  import { codeEditorTransform } from "@devtools-ui/code-editor";
32
+ import { radioGroupTransform } from "@devtools-ui/radio-group";
33
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
30
34
  var TransformsPlugin = class {
31
35
  constructor() {
32
36
  this.name = "devtools-ui-transforms";
@@ -41,7 +45,9 @@ var TransformsPlugin = class {
41
45
  [{ type: "table" }, tableTransform],
42
46
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
43
47
  [{ type: "toggle" }, toggleTransform],
44
- [{ type: "code-editor" }, codeEditorTransform]
48
+ [{ type: "code-editor" }, codeEditorTransform],
49
+ [{ type: "radio-group" }, radioGroupTransform],
50
+ [{ type: "flame-graph" }, flameGraphTransform]
45
51
  ])
46
52
  );
47
53
  }
@@ -70,6 +76,8 @@ import {
70
76
  import { TextComponent } from "@devtools-ui/text";
71
77
  import { ToggleComponent } from "@devtools-ui/toggle";
72
78
  import { CodeEditorComponent } from "@devtools-ui/code-editor";
79
+ import { RadioGroupComponent } from "@devtools-ui/radio-group";
80
+ import { FlameGraphComponent } from "@devtools-ui/flame-graph";
73
81
  var OptionalChakraThemeProvider = (props) => {
74
82
  const theme = useTheme();
75
83
  if (theme) {
@@ -95,8 +103,10 @@ var AssetsRegistryPlugin = class {
95
103
  ["stacked-view", StackedViewComponent],
96
104
  ["table", TableComponent],
97
105
  ["copy-to-clipboard", CopyToClipboardComponent],
106
+ ["code-editor", CodeEditorComponent],
98
107
  ["toggle", ToggleComponent],
99
- ["code-editor", CodeEditorComponent]
108
+ ["radio-group", RadioGroupComponent],
109
+ ["flame-graph", FlameGraphComponent]
100
110
  ])
101
111
  );
102
112
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -118,10 +128,12 @@ export {
118
128
  Collection,
119
129
  Console,
120
130
  CopyToClipboard,
131
+ FlameGraph,
121
132
  Input,
122
133
  List,
123
134
  Navigation,
124
135
  ObjectInspector,
136
+ RadioGroup,
125
137
  StackedView,
126
138
  Table,
127
139
  Text,
package/dist/index.mjs CHANGED
@@ -16,6 +16,8 @@ import {
16
16
  CopyToClipboard
17
17
  } from "@devtools-ui/copy-to-clipboard";
18
18
  import { CodeEditor } from "@devtools-ui/code-editor";
19
+ import { RadioGroup } from "@devtools-ui/radio-group";
20
+ import { FlameGraph } from "@devtools-ui/flame-graph";
19
21
 
20
22
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts
21
23
  import { AssetTransformPlugin } from "@player-ui/asset-transform-plugin";
@@ -27,6 +29,8 @@ import { tableTransform } from "@devtools-ui/table";
27
29
  import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
28
30
  import { toggleTransform } from "@devtools-ui/toggle";
29
31
  import { codeEditorTransform } from "@devtools-ui/code-editor";
32
+ import { radioGroupTransform } from "@devtools-ui/radio-group";
33
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
30
34
  var TransformsPlugin = class {
31
35
  constructor() {
32
36
  this.name = "devtools-ui-transforms";
@@ -41,7 +45,9 @@ var TransformsPlugin = class {
41
45
  [{ type: "table" }, tableTransform],
42
46
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
43
47
  [{ type: "toggle" }, toggleTransform],
44
- [{ type: "code-editor" }, codeEditorTransform]
48
+ [{ type: "code-editor" }, codeEditorTransform],
49
+ [{ type: "radio-group" }, radioGroupTransform],
50
+ [{ type: "flame-graph" }, flameGraphTransform]
45
51
  ])
46
52
  );
47
53
  }
@@ -70,6 +76,8 @@ import {
70
76
  import { TextComponent } from "@devtools-ui/text";
71
77
  import { ToggleComponent } from "@devtools-ui/toggle";
72
78
  import { CodeEditorComponent } from "@devtools-ui/code-editor";
79
+ import { RadioGroupComponent } from "@devtools-ui/radio-group";
80
+ import { FlameGraphComponent } from "@devtools-ui/flame-graph";
73
81
  var OptionalChakraThemeProvider = (props) => {
74
82
  const theme = useTheme();
75
83
  if (theme) {
@@ -95,8 +103,10 @@ var AssetsRegistryPlugin = class {
95
103
  ["stacked-view", StackedViewComponent],
96
104
  ["table", TableComponent],
97
105
  ["copy-to-clipboard", CopyToClipboardComponent],
106
+ ["code-editor", CodeEditorComponent],
98
107
  ["toggle", ToggleComponent],
99
- ["code-editor", CodeEditorComponent]
108
+ ["radio-group", RadioGroupComponent],
109
+ ["flame-graph", FlameGraphComponent]
100
110
  ])
101
111
  );
102
112
  reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {
@@ -118,10 +128,12 @@ export {
118
128
  Collection,
119
129
  Console,
120
130
  CopyToClipboard,
131
+ FlameGraph,
121
132
  Input,
122
133
  List,
123
134
  Navigation,
124
135
  ObjectInspector,
136
+ RadioGroup,
125
137
  StackedView,
126
138
  Table,
127
139
  Text,
@@ -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 { 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};\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};\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\";\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 ])\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 { 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 ToggleAsset,\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 [\"toggle\", ToggleComponent],\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":[]}
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,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,SAAsB,cAAc;AACpC;AAAA,EAEE;AAAA,OACK;AACP,SAA0B,kBAAkB;AAC5C,SAA0B,kBAAkB;AAC5C,SAA0B,kBAAkB;;;ACnB5C,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,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,SAAS,GAAG,eAAe;AAAA,QACpC,CAAC,EAAE,MAAM,cAAc,GAAG,mBAAmB;AAAA,QAC7C,CAAC,EAAE,MAAM,cAAc,GAAG,mBAAmB;AAAA,QAC7C,CAAC,EAAE,MAAM,cAAc,GAAG,mBAAmB;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AChCA,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,SAAsB,uBAAuB;AAC7C,SAA0B,2BAA2B;AACrD,SAA0B,2BAA2B;AACrD,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,MAsBP;AAAA,EAtBO;AAuBL,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,QACnC,CAAC,UAAU,eAAe;AAAA,QAC1B,CAAC,eAAe,mBAAmB;AAAA,QACnC,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;;;AFrFA,IAAO,cAAQ;","names":[]}
package/package.json CHANGED
@@ -1,22 +1,24 @@
1
1
  {
2
2
  "name": "@devtools-ui/plugin",
3
- "version": "0.1.1",
3
+ "version": "0.2.0--canary.25.1169",
4
4
  "sideEffects": false,
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "dependencies": {
7
- "@devtools-ui/action": "0.1.1",
8
- "@devtools-ui/console": "0.1.1",
9
- "@devtools-ui/collection": "0.1.1",
10
- "@devtools-ui/input": "0.1.1",
11
- "@devtools-ui/list": "0.1.1",
12
- "@devtools-ui/navigation": "0.1.1",
13
- "@devtools-ui/object-inspector": "0.1.1",
14
- "@devtools-ui/text": "0.1.1",
15
- "@devtools-ui/stacked-view": "0.1.1",
16
- "@devtools-ui/table": "0.1.1",
17
- "@devtools-ui/copy-to-clipboard": "0.1.1",
18
- "@devtools-ui/toggle": "0.1.1",
19
- "@devtools-ui/code-editor": "0.1.1",
7
+ "@devtools-ui/action": "0.2.0--canary.25.1169",
8
+ "@devtools-ui/console": "0.2.0--canary.25.1169",
9
+ "@devtools-ui/collection": "0.2.0--canary.25.1169",
10
+ "@devtools-ui/input": "0.2.0--canary.25.1169",
11
+ "@devtools-ui/list": "0.2.0--canary.25.1169",
12
+ "@devtools-ui/navigation": "0.2.0--canary.25.1169",
13
+ "@devtools-ui/object-inspector": "0.2.0--canary.25.1169",
14
+ "@devtools-ui/text": "0.2.0--canary.25.1169",
15
+ "@devtools-ui/stacked-view": "0.2.0--canary.25.1169",
16
+ "@devtools-ui/table": "0.2.0--canary.25.1169",
17
+ "@devtools-ui/copy-to-clipboard": "0.2.0--canary.25.1169",
18
+ "@devtools-ui/code-editor": "0.2.0--canary.25.1169",
19
+ "@devtools-ui/toggle": "0.2.0--canary.25.1169",
20
+ "@devtools-ui/radio-group": "0.2.0--canary.25.1169",
21
+ "@devtools-ui/flame-graph": "0.2.0--canary.25.1169",
20
22
  "@chakra-ui/react": "^2.8.2",
21
23
  "@player-ui/asset-provider-plugin-react": "0.7.3",
22
24
  "@player-ui/asset-transform-plugin": "0.7.3",
package/src/index.ts CHANGED
@@ -17,6 +17,8 @@ import {
17
17
  CopyToClipboard,
18
18
  } from "@devtools-ui/copy-to-clipboard";
19
19
  import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
20
+ import { RadioGroupAsset, RadioGroup } from "@devtools-ui/radio-group";
21
+ import { FlameGraphAsset, FlameGraph } from "@devtools-ui/flame-graph";
20
22
  import { AssetsRegistryPlugin } from "./plugins";
21
23
 
22
24
  export default AssetsRegistryPlugin;
@@ -35,6 +37,8 @@ export type {
35
37
  CopyToClipboardAsset,
36
38
  ToggleAsset,
37
39
  CodeEditorAsset,
40
+ RadioGroupAsset,
41
+ FlameGraphAsset,
38
42
  };
39
43
 
40
44
  export {
@@ -51,4 +55,6 @@ export {
51
55
  CopyToClipboard,
52
56
  Toggle,
53
57
  CodeEditor,
58
+ RadioGroup,
59
+ FlameGraph,
54
60
  };
@@ -29,6 +29,8 @@ import {
29
29
  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
+ import { RadioGroupAsset, RadioGroupComponent } from "@devtools-ui/radio-group";
33
+ import { FlameGraphAsset, FlameGraphComponent } from "@devtools-ui/flame-graph";
32
34
  import { TransformsPlugin } from "./TransformPlugin";
33
35
 
34
36
  const OptionalChakraThemeProvider = (
@@ -59,8 +61,10 @@ export class AssetsRegistryPlugin
59
61
  StackedViewView,
60
62
  TableAsset,
61
63
  CopyToClipboardAsset,
64
+ CodeEditorAsset,
62
65
  ToggleAsset,
63
- CodeEditorAsset
66
+ RadioGroupAsset,
67
+ FlameGraphAsset
64
68
  ]
65
69
  >
66
70
  {
@@ -80,8 +84,10 @@ export class AssetsRegistryPlugin
80
84
  ["stacked-view", StackedViewComponent],
81
85
  ["table", TableComponent],
82
86
  ["copy-to-clipboard", CopyToClipboardComponent],
83
- ["toggle", ToggleComponent],
84
87
  ["code-editor", CodeEditorComponent],
88
+ ["toggle", ToggleComponent],
89
+ ["radio-group", RadioGroupComponent],
90
+ ["flame-graph", FlameGraphComponent],
85
91
  ])
86
92
  );
87
93
 
@@ -8,6 +8,8 @@ import { tableTransform } from "@devtools-ui/table";
8
8
  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
+ import { radioGroupTransform } from "@devtools-ui/radio-group";
12
+ import { flameGraphTransform } from "@devtools-ui/flame-graph";
11
13
 
12
14
  export class TransformsPlugin implements PlayerPlugin {
13
15
  name = "devtools-ui-transforms";
@@ -23,6 +25,8 @@ export class TransformsPlugin implements PlayerPlugin {
23
25
  [{ type: "copy-to-clipboard" }, copyToClipboardTransform],
24
26
  [{ type: "toggle" }, toggleTransform],
25
27
  [{ type: "code-editor" }, codeEditorTransform],
28
+ [{ type: "radio-group" }, radioGroupTransform],
29
+ [{ type: "flame-graph" }, flameGraphTransform],
26
30
  ])
27
31
  );
28
32
  }
package/types/index.d.ts CHANGED
@@ -11,8 +11,10 @@ import { TableAsset, Table } from "@devtools-ui/table";
11
11
  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
+ import { RadioGroupAsset, RadioGroup } from "@devtools-ui/radio-group";
15
+ import { FlameGraphAsset, FlameGraph } from "@devtools-ui/flame-graph";
14
16
  import { AssetsRegistryPlugin } from "./plugins";
15
17
  export default AssetsRegistryPlugin;
16
- export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, ToggleAsset, CodeEditorAsset, };
17
- export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, Toggle, CodeEditor, };
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, };
18
20
  //# sourceMappingURL=index.d.ts.map
@@ -13,6 +13,8 @@ import { ObjectInspectorAsset } from "@devtools-ui/object-inspector";
13
13
  import { TextAsset } from "@devtools-ui/text";
14
14
  import { ToggleAsset } from "@devtools-ui/toggle";
15
15
  import { CodeEditorAsset } from "@devtools-ui/code-editor";
16
+ import { RadioGroupAsset } from "@devtools-ui/radio-group";
17
+ import { FlameGraphAsset } from "@devtools-ui/flame-graph";
16
18
  export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
17
19
  ActionAsset,
18
20
  ConsoleAsset,
@@ -25,8 +27,10 @@ export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, Extended
25
27
  StackedViewView,
26
28
  TableAsset,
27
29
  CopyToClipboardAsset,
30
+ CodeEditorAsset,
28
31
  ToggleAsset,
29
- CodeEditorAsset
32
+ RadioGroupAsset,
33
+ FlameGraphAsset
30
34
  ]> {
31
35
  name: string;
32
36
  applyReact(reactPlayer: ReactPlayer): void;