@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.
- package/dist/cjs/index.cjs +16 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/index.legacy-esm.js +14 -2
- package/dist/index.mjs +14 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +16 -14
- package/src/index.ts +6 -0
- package/src/plugins/AssetsRegistryPlugin.tsx +8 -2
- package/src/plugins/TransformPlugin.ts +4 -0
- package/types/index.d.ts +4 -2
- package/types/plugins/AssetsRegistryPlugin.d.ts +5 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -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
|
-
["
|
|
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,
|
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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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
|
@@ -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
|
-
["
|
|
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
|
-
["
|
|
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.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 { 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
|
|
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,22 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devtools-ui/plugin",
|
|
3
|
-
"version": "0.
|
|
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.
|
|
8
|
-
"@devtools-ui/console": "0.
|
|
9
|
-
"@devtools-ui/collection": "0.
|
|
10
|
-
"@devtools-ui/input": "0.
|
|
11
|
-
"@devtools-ui/list": "0.
|
|
12
|
-
"@devtools-ui/navigation": "0.
|
|
13
|
-
"@devtools-ui/object-inspector": "0.
|
|
14
|
-
"@devtools-ui/text": "0.
|
|
15
|
-
"@devtools-ui/stacked-view": "0.
|
|
16
|
-
"@devtools-ui/table": "0.
|
|
17
|
-
"@devtools-ui/copy-to-clipboard": "0.
|
|
18
|
-
"@devtools-ui/
|
|
19
|
-
"@devtools-ui/
|
|
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
|
-
|
|
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
|
-
|
|
32
|
+
RadioGroupAsset,
|
|
33
|
+
FlameGraphAsset
|
|
30
34
|
]> {
|
|
31
35
|
name: string;
|
|
32
36
|
applyReact(reactPlayer: ReactPlayer): void;
|