@devtools-ui/plugin 0.1.1-next.1 → 0.1.1-next.3
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 +8 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/index.legacy-esm.js +6 -0
- package/dist/index.mjs +6 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +18 -17
- package/src/index.ts +3 -0
- package/src/plugins/AssetsRegistryPlugin.tsx +3 -0
- package/src/plugins/TransformPlugin.ts +2 -0
- package/types/index.d.ts +3 -2
- package/types/plugins/AssetsRegistryPlugin.d.ts +2 -0
package/dist/cjs/index.cjs
CHANGED
|
@@ -42,6 +42,7 @@ __export(src_exports, {
|
|
|
42
42
|
StackedView: () => import_stacked_view2.StackedView,
|
|
43
43
|
Table: () => import_table3.Table,
|
|
44
44
|
Text: () => import_text2.Text,
|
|
45
|
+
Toggle: () => import_toggle3.Toggle,
|
|
45
46
|
default: () => src_default
|
|
46
47
|
});
|
|
47
48
|
module.exports = __toCommonJS(src_exports);
|
|
@@ -55,6 +56,7 @@ var import_object_inspector3 = require("@devtools-ui/object-inspector");
|
|
|
55
56
|
var import_text2 = require("@devtools-ui/text");
|
|
56
57
|
var import_console3 = require("@devtools-ui/console");
|
|
57
58
|
var import_table3 = require("@devtools-ui/table");
|
|
59
|
+
var import_toggle3 = require("@devtools-ui/toggle");
|
|
58
60
|
var import_copy_to_clipboard3 = require("@devtools-ui/copy-to-clipboard");
|
|
59
61
|
var import_code_editor3 = require("@devtools-ui/code-editor");
|
|
60
62
|
|
|
@@ -66,6 +68,7 @@ var import_object_inspector = require("@devtools-ui/object-inspector");
|
|
|
66
68
|
var import_console = require("@devtools-ui/console");
|
|
67
69
|
var import_table = require("@devtools-ui/table");
|
|
68
70
|
var import_copy_to_clipboard = require("@devtools-ui/copy-to-clipboard");
|
|
71
|
+
var import_toggle = require("@devtools-ui/toggle");
|
|
69
72
|
var import_code_editor = require("@devtools-ui/code-editor");
|
|
70
73
|
var TransformsPlugin = class {
|
|
71
74
|
constructor() {
|
|
@@ -80,6 +83,7 @@ var TransformsPlugin = class {
|
|
|
80
83
|
[{ type: "console" }, import_console.consoleTransform],
|
|
81
84
|
[{ type: "table" }, import_table.tableTransform],
|
|
82
85
|
[{ type: "copy-to-clipboard" }, import_copy_to_clipboard.copyToClipboardTransform],
|
|
86
|
+
[{ type: "toggle" }, import_toggle.toggleTransform],
|
|
83
87
|
[{ type: "code-editor" }, import_code_editor.codeEditorTransform]
|
|
84
88
|
])
|
|
85
89
|
);
|
|
@@ -101,6 +105,7 @@ var import_copy_to_clipboard2 = require("@devtools-ui/copy-to-clipboard");
|
|
|
101
105
|
var import_stacked_view = require("@devtools-ui/stacked-view");
|
|
102
106
|
var import_object_inspector2 = require("@devtools-ui/object-inspector");
|
|
103
107
|
var import_text = require("@devtools-ui/text");
|
|
108
|
+
var import_toggle2 = require("@devtools-ui/toggle");
|
|
104
109
|
var import_code_editor2 = require("@devtools-ui/code-editor");
|
|
105
110
|
var OptionalChakraThemeProvider = (props) => {
|
|
106
111
|
const theme = (0, import_react2.useTheme)();
|
|
@@ -127,6 +132,7 @@ var AssetsRegistryPlugin = class {
|
|
|
127
132
|
["stacked-view", import_stacked_view.StackedViewComponent],
|
|
128
133
|
["table", import_table2.TableComponent],
|
|
129
134
|
["copy-to-clipboard", import_copy_to_clipboard2.CopyToClipboardComponent],
|
|
135
|
+
["toggle", import_toggle2.ToggleComponent],
|
|
130
136
|
["code-editor", import_code_editor2.CodeEditorComponent]
|
|
131
137
|
])
|
|
132
138
|
);
|
|
@@ -156,6 +162,7 @@ var src_default = AssetsRegistryPlugin;
|
|
|
156
162
|
ObjectInspector,
|
|
157
163
|
StackedView,
|
|
158
164
|
Table,
|
|
159
|
-
Text
|
|
165
|
+
Text,
|
|
166
|
+
Toggle
|
|
160
167
|
});
|
|
161
168
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n CodeEditor,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n [\"code-editor\", CodeEditorComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,iBAAoC;AACpC,IAAAC,qBAA4C;AAC5C,IAAAC,uBAA6C;AAC7C,IAAAC,gBAAkC;AAClC,IAAAC,eAAgC;AAChC,IAAAC,qBAA4C;AAC5C,IAAAC,2BAGO;AACP,IAAAC,eAAgC;AAChC,IAAAC,kBAAsC;AACtC,IAAAC,gBAAkC;AAClC,IAAAC,4BAGO;AACP,IAAAC,sBAA4C;;;
|
|
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"]}
|
package/dist/index.legacy-esm.js
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
import { Text } from "@devtools-ui/text";
|
|
12
12
|
import { Console } from "@devtools-ui/console";
|
|
13
13
|
import { Table } from "@devtools-ui/table";
|
|
14
|
+
import { Toggle } from "@devtools-ui/toggle";
|
|
14
15
|
import {
|
|
15
16
|
CopyToClipboard
|
|
16
17
|
} from "@devtools-ui/copy-to-clipboard";
|
|
@@ -24,6 +25,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
|
|
|
24
25
|
import { consoleTransform } from "@devtools-ui/console";
|
|
25
26
|
import { tableTransform } from "@devtools-ui/table";
|
|
26
27
|
import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
|
|
28
|
+
import { toggleTransform } from "@devtools-ui/toggle";
|
|
27
29
|
import { codeEditorTransform } from "@devtools-ui/code-editor";
|
|
28
30
|
var TransformsPlugin = class {
|
|
29
31
|
constructor() {
|
|
@@ -38,6 +40,7 @@ var TransformsPlugin = class {
|
|
|
38
40
|
[{ type: "console" }, consoleTransform],
|
|
39
41
|
[{ type: "table" }, tableTransform],
|
|
40
42
|
[{ type: "copy-to-clipboard" }, copyToClipboardTransform],
|
|
43
|
+
[{ type: "toggle" }, toggleTransform],
|
|
41
44
|
[{ type: "code-editor" }, codeEditorTransform]
|
|
42
45
|
])
|
|
43
46
|
);
|
|
@@ -65,6 +68,7 @@ import {
|
|
|
65
68
|
ObjectInspectorComponent
|
|
66
69
|
} from "@devtools-ui/object-inspector";
|
|
67
70
|
import { TextComponent } from "@devtools-ui/text";
|
|
71
|
+
import { ToggleComponent } from "@devtools-ui/toggle";
|
|
68
72
|
import { CodeEditorComponent } from "@devtools-ui/code-editor";
|
|
69
73
|
var OptionalChakraThemeProvider = (props) => {
|
|
70
74
|
const theme = useTheme();
|
|
@@ -91,6 +95,7 @@ var AssetsRegistryPlugin = class {
|
|
|
91
95
|
["stacked-view", StackedViewComponent],
|
|
92
96
|
["table", TableComponent],
|
|
93
97
|
["copy-to-clipboard", CopyToClipboardComponent],
|
|
98
|
+
["toggle", ToggleComponent],
|
|
94
99
|
["code-editor", CodeEditorComponent]
|
|
95
100
|
])
|
|
96
101
|
);
|
|
@@ -120,6 +125,7 @@ export {
|
|
|
120
125
|
StackedView,
|
|
121
126
|
Table,
|
|
122
127
|
Text,
|
|
128
|
+
Toggle,
|
|
123
129
|
src_default as default
|
|
124
130
|
};
|
|
125
131
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
import { Text } from "@devtools-ui/text";
|
|
12
12
|
import { Console } from "@devtools-ui/console";
|
|
13
13
|
import { Table } from "@devtools-ui/table";
|
|
14
|
+
import { Toggle } from "@devtools-ui/toggle";
|
|
14
15
|
import {
|
|
15
16
|
CopyToClipboard
|
|
16
17
|
} from "@devtools-ui/copy-to-clipboard";
|
|
@@ -24,6 +25,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
|
|
|
24
25
|
import { consoleTransform } from "@devtools-ui/console";
|
|
25
26
|
import { tableTransform } from "@devtools-ui/table";
|
|
26
27
|
import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
|
|
28
|
+
import { toggleTransform } from "@devtools-ui/toggle";
|
|
27
29
|
import { codeEditorTransform } from "@devtools-ui/code-editor";
|
|
28
30
|
var TransformsPlugin = class {
|
|
29
31
|
constructor() {
|
|
@@ -38,6 +40,7 @@ var TransformsPlugin = class {
|
|
|
38
40
|
[{ type: "console" }, consoleTransform],
|
|
39
41
|
[{ type: "table" }, tableTransform],
|
|
40
42
|
[{ type: "copy-to-clipboard" }, copyToClipboardTransform],
|
|
43
|
+
[{ type: "toggle" }, toggleTransform],
|
|
41
44
|
[{ type: "code-editor" }, codeEditorTransform]
|
|
42
45
|
])
|
|
43
46
|
);
|
|
@@ -65,6 +68,7 @@ import {
|
|
|
65
68
|
ObjectInspectorComponent
|
|
66
69
|
} from "@devtools-ui/object-inspector";
|
|
67
70
|
import { TextComponent } from "@devtools-ui/text";
|
|
71
|
+
import { ToggleComponent } from "@devtools-ui/toggle";
|
|
68
72
|
import { CodeEditorComponent } from "@devtools-ui/code-editor";
|
|
69
73
|
var OptionalChakraThemeProvider = (props) => {
|
|
70
74
|
const theme = useTheme();
|
|
@@ -91,6 +95,7 @@ var AssetsRegistryPlugin = class {
|
|
|
91
95
|
["stacked-view", StackedViewComponent],
|
|
92
96
|
["table", TableComponent],
|
|
93
97
|
["copy-to-clipboard", CopyToClipboardComponent],
|
|
98
|
+
["toggle", ToggleComponent],
|
|
94
99
|
["code-editor", CodeEditorComponent]
|
|
95
100
|
])
|
|
96
101
|
);
|
|
@@ -120,6 +125,7 @@ export {
|
|
|
120
125
|
StackedView,
|
|
121
126
|
Table,
|
|
122
127
|
Text,
|
|
128
|
+
Toggle,
|
|
123
129
|
src_default as default
|
|
124
130
|
};
|
|
125
131
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/index.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/TransformPlugin.ts","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugin/src/plugins/AssetsRegistryPlugin.tsx"],"sourcesContent":["import { ActionAsset, Action } from \"@devtools-ui/action\";\nimport { CollectionAsset, Collection } from \"@devtools-ui/collection\";\nimport { StackedViewView, StackedView } from \"@devtools-ui/stacked-view\";\nimport { InputAsset, Input } from \"@devtools-ui/input\";\nimport { ListAsset, List } from \"@devtools-ui/list\";\nimport { NavigationAsset, Navigation } from \"@devtools-ui/navigation\";\nimport {\n ObjectInspectorAsset,\n ObjectInspector,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, Text } from \"@devtools-ui/text\";\nimport { ConsoleAsset, Console } from \"@devtools-ui/console\";\nimport { TableAsset, Table } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboard,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport { CodeEditorAsset, CodeEditor } from \"@devtools-ui/code-editor\";\nimport { AssetsRegistryPlugin } from \"./plugins\";\n\nexport default AssetsRegistryPlugin;\n\nexport type {\n ActionAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n ConsoleAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset,\n};\n\nexport {\n Action,\n Collection,\n Console,\n Input,\n List,\n Navigation,\n ObjectInspector,\n Text,\n StackedView,\n Table,\n CopyToClipboard,\n CodeEditor,\n};\n","import type { Player, PlayerPlugin } from \"@player-ui/player\";\nimport { AssetTransformPlugin } from \"@player-ui/asset-transform-plugin\";\nimport { actionTransform } from \"@devtools-ui/action\";\nimport { inputTransform } from \"@devtools-ui/input\";\nimport { objectInspectorTransform } from \"@devtools-ui/object-inspector\";\nimport { consoleTransform } from \"@devtools-ui/console\";\nimport { tableTransform } from \"@devtools-ui/table\";\nimport { copyToClipboardTransform } from \"@devtools-ui/copy-to-clipboard\";\nimport { codeEditorTransform } from \"@devtools-ui/code-editor\";\n\nexport class TransformsPlugin implements PlayerPlugin {\n name = \"devtools-ui-transforms\";\n\n apply(player: Player) {\n player.registerPlugin(\n new AssetTransformPlugin([\n [{ type: \"action\" }, actionTransform],\n [{ type: \"input\" }, inputTransform],\n [{ type: \"object-inspector\" }, objectInspectorTransform],\n [{ type: \"console\" }, consoleTransform],\n [{ type: \"table\" }, tableTransform],\n [{ type: \"copy-to-clipboard\" }, copyToClipboardTransform],\n [{ type: \"code-editor\" }, codeEditorTransform],\n ])\n );\n }\n}\n","import React from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport { ChakraProvider, useTheme } from \"@chakra-ui/react\";\nimport type {\n ExtendedPlayerPlugin,\n ReactPlayer,\n ReactPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport { ActionAsset, ActionComponent } from \"@devtools-ui/action\";\nimport { CollectionAsset, CollectionComponent } from \"@devtools-ui/collection\";\nimport { InputAsset, InputComponent } from \"@devtools-ui/input\";\nimport { ListAsset, ListComponent } from \"@devtools-ui/list\";\nimport { NavigationAsset, NavigationComponent } from \"@devtools-ui/navigation\";\nimport { ConsoleAsset, ConsoleComponent } from \"@devtools-ui/console\";\nimport { TableAsset, TableComponent } from \"@devtools-ui/table\";\nimport {\n CopyToClipboardAsset,\n CopyToClipboardComponent,\n} from \"@devtools-ui/copy-to-clipboard\";\nimport {\n StackedViewView,\n StackedViewComponent,\n} from \"@devtools-ui/stacked-view\";\nimport {\n ObjectInspectorAsset,\n ObjectInspectorComponent,\n} from \"@devtools-ui/object-inspector\";\nimport { TextAsset, TextComponent } from \"@devtools-ui/text\";\nimport { CodeEditorAsset, CodeEditorComponent } from \"@devtools-ui/code-editor\";\nimport { TransformsPlugin } from \"./TransformPlugin\";\n\nconst OptionalChakraThemeProvider = (\n props: React.PropsWithChildren<unknown>\n) => {\n const theme = useTheme();\n\n if (theme) {\n return <>{props.children}</>;\n }\n\n return <ChakraProvider>{props.children}</ChakraProvider>;\n};\n\nexport class AssetsRegistryPlugin\n implements\n ReactPlayerPlugin,\n ExtendedPlayerPlugin<\n [\n ActionAsset,\n ConsoleAsset,\n CollectionAsset,\n InputAsset,\n ListAsset,\n NavigationAsset,\n ObjectInspectorAsset,\n TextAsset,\n StackedViewView,\n TableAsset,\n CopyToClipboardAsset,\n CodeEditorAsset\n ]\n >\n{\n name = \"devtools-ui\";\n\n applyReact(reactPlayer: ReactPlayer) {\n reactPlayer.registerPlugin(\n new AssetProviderPlugin([\n [\"action\", ActionComponent],\n [\"collection\", CollectionComponent],\n [\"input\", InputComponent],\n [\"list\", ListComponent],\n [\"navigation\", NavigationComponent],\n [\"object-inspector\", ObjectInspectorComponent],\n [\"text\", TextComponent],\n [\"console\", ConsoleComponent],\n [\"stacked-view\", StackedViewComponent],\n [\"table\", TableComponent],\n [\"copy-to-clipboard\", CopyToClipboardComponent],\n [\"code-editor\", CodeEditorComponent],\n ])\n );\n\n reactPlayer.hooks.webComponent.tap(this.name, (Comp) => {\n // eslint-disable-next-line react/display-name\n return () => {\n return (\n <OptionalChakraThemeProvider>\n <Comp />\n </OptionalChakraThemeProvider>\n );\n };\n });\n }\n\n apply(player: Player) {\n player.registerPlugin(new TransformsPlugin());\n }\n}\n"],"mappings":";AAAA,SAAsB,cAAc;AACpC,SAA0B,kBAAkB;AAC5C,SAA0B,mBAAmB;AAC7C,SAAqB,aAAa;AAClC,SAAoB,YAAY;AAChC,SAA0B,kBAAkB;AAC5C;AAAA,EAEE;AAAA,OACK;AACP,SAAoB,YAAY;AAChC,SAAuB,eAAe;AACtC,SAAqB,aAAa;AAClC;AAAA,EAEE;AAAA,OACK;AACP,SAA0B,kBAAkB;;;
|
|
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":[]}
|
package/package.json
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devtools-ui/plugin",
|
|
3
|
-
"version": "0.1.1-next.
|
|
3
|
+
"version": "0.1.1-next.3",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"main": "dist/cjs/index.cjs",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@devtools-ui/action": "0.1.1-next.
|
|
8
|
-
"@devtools-ui/console": "0.1.1-next.
|
|
9
|
-
"@devtools-ui/collection": "0.1.1-next.
|
|
10
|
-
"@devtools-ui/input": "0.1.1-next.
|
|
11
|
-
"@devtools-ui/list": "0.1.1-next.
|
|
12
|
-
"@devtools-ui/navigation": "0.1.1-next.
|
|
13
|
-
"@devtools-ui/object-inspector": "0.1.1-next.
|
|
14
|
-
"@devtools-ui/text": "0.1.1-next.
|
|
15
|
-
"@devtools-ui/stacked-view": "0.1.1-next.
|
|
16
|
-
"@devtools-ui/table": "0.1.1-next.
|
|
17
|
-
"@devtools-ui/copy-to-clipboard": "0.1.1-next.
|
|
18
|
-
"@devtools-ui/
|
|
7
|
+
"@devtools-ui/action": "0.1.1-next.3",
|
|
8
|
+
"@devtools-ui/console": "0.1.1-next.3",
|
|
9
|
+
"@devtools-ui/collection": "0.1.1-next.3",
|
|
10
|
+
"@devtools-ui/input": "0.1.1-next.3",
|
|
11
|
+
"@devtools-ui/list": "0.1.1-next.3",
|
|
12
|
+
"@devtools-ui/navigation": "0.1.1-next.3",
|
|
13
|
+
"@devtools-ui/object-inspector": "0.1.1-next.3",
|
|
14
|
+
"@devtools-ui/text": "0.1.1-next.3",
|
|
15
|
+
"@devtools-ui/stacked-view": "0.1.1-next.3",
|
|
16
|
+
"@devtools-ui/table": "0.1.1-next.3",
|
|
17
|
+
"@devtools-ui/copy-to-clipboard": "0.1.1-next.3",
|
|
18
|
+
"@devtools-ui/toggle": "0.1.1-next.3",
|
|
19
|
+
"@devtools-ui/code-editor": "0.1.1-next.3",
|
|
19
20
|
"@chakra-ui/react": "^2.8.2",
|
|
20
|
-
"@player-ui/asset-provider-plugin-react": "0.7.3
|
|
21
|
-
"@player-ui/asset-transform-plugin": "0.7.3
|
|
22
|
-
"@player-ui/player": "0.7.3
|
|
23
|
-
"@player-ui/react": "0.7.3
|
|
21
|
+
"@player-ui/asset-provider-plugin-react": "0.7.3",
|
|
22
|
+
"@player-ui/asset-transform-plugin": "0.7.3",
|
|
23
|
+
"@player-ui/player": "0.7.3",
|
|
24
|
+
"@player-ui/react": "0.7.3",
|
|
24
25
|
"react": "^18.2.0",
|
|
25
26
|
"@types/react": "^18.2.51",
|
|
26
27
|
"tslib": "^2.6.2"
|
package/src/index.ts
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
import { TextAsset, Text } from "@devtools-ui/text";
|
|
12
12
|
import { ConsoleAsset, Console } from "@devtools-ui/console";
|
|
13
13
|
import { TableAsset, Table } from "@devtools-ui/table";
|
|
14
|
+
import { ToggleAsset, Toggle } from "@devtools-ui/toggle";
|
|
14
15
|
import {
|
|
15
16
|
CopyToClipboardAsset,
|
|
16
17
|
CopyToClipboard,
|
|
@@ -32,6 +33,7 @@ export type {
|
|
|
32
33
|
StackedViewView,
|
|
33
34
|
TableAsset,
|
|
34
35
|
CopyToClipboardAsset,
|
|
36
|
+
ToggleAsset,
|
|
35
37
|
CodeEditorAsset,
|
|
36
38
|
};
|
|
37
39
|
|
|
@@ -47,5 +49,6 @@ export {
|
|
|
47
49
|
StackedView,
|
|
48
50
|
Table,
|
|
49
51
|
CopyToClipboard,
|
|
52
|
+
Toggle,
|
|
50
53
|
CodeEditor,
|
|
51
54
|
};
|
|
@@ -27,6 +27,7 @@ import {
|
|
|
27
27
|
ObjectInspectorComponent,
|
|
28
28
|
} from "@devtools-ui/object-inspector";
|
|
29
29
|
import { TextAsset, TextComponent } from "@devtools-ui/text";
|
|
30
|
+
import { ToggleAsset, ToggleComponent } from "@devtools-ui/toggle";
|
|
30
31
|
import { CodeEditorAsset, CodeEditorComponent } from "@devtools-ui/code-editor";
|
|
31
32
|
import { TransformsPlugin } from "./TransformPlugin";
|
|
32
33
|
|
|
@@ -58,6 +59,7 @@ export class AssetsRegistryPlugin
|
|
|
58
59
|
StackedViewView,
|
|
59
60
|
TableAsset,
|
|
60
61
|
CopyToClipboardAsset,
|
|
62
|
+
ToggleAsset,
|
|
61
63
|
CodeEditorAsset
|
|
62
64
|
]
|
|
63
65
|
>
|
|
@@ -78,6 +80,7 @@ export class AssetsRegistryPlugin
|
|
|
78
80
|
["stacked-view", StackedViewComponent],
|
|
79
81
|
["table", TableComponent],
|
|
80
82
|
["copy-to-clipboard", CopyToClipboardComponent],
|
|
83
|
+
["toggle", ToggleComponent],
|
|
81
84
|
["code-editor", CodeEditorComponent],
|
|
82
85
|
])
|
|
83
86
|
);
|
|
@@ -6,6 +6,7 @@ import { objectInspectorTransform } from "@devtools-ui/object-inspector";
|
|
|
6
6
|
import { consoleTransform } from "@devtools-ui/console";
|
|
7
7
|
import { tableTransform } from "@devtools-ui/table";
|
|
8
8
|
import { copyToClipboardTransform } from "@devtools-ui/copy-to-clipboard";
|
|
9
|
+
import { toggleTransform } from "@devtools-ui/toggle";
|
|
9
10
|
import { codeEditorTransform } from "@devtools-ui/code-editor";
|
|
10
11
|
|
|
11
12
|
export class TransformsPlugin implements PlayerPlugin {
|
|
@@ -20,6 +21,7 @@ export class TransformsPlugin implements PlayerPlugin {
|
|
|
20
21
|
[{ type: "console" }, consoleTransform],
|
|
21
22
|
[{ type: "table" }, tableTransform],
|
|
22
23
|
[{ type: "copy-to-clipboard" }, copyToClipboardTransform],
|
|
24
|
+
[{ type: "toggle" }, toggleTransform],
|
|
23
25
|
[{ type: "code-editor" }, codeEditorTransform],
|
|
24
26
|
])
|
|
25
27
|
);
|
package/types/index.d.ts
CHANGED
|
@@ -8,10 +8,11 @@ import { ObjectInspectorAsset, ObjectInspector } from "@devtools-ui/object-inspe
|
|
|
8
8
|
import { TextAsset, Text } from "@devtools-ui/text";
|
|
9
9
|
import { ConsoleAsset, Console } from "@devtools-ui/console";
|
|
10
10
|
import { TableAsset, Table } from "@devtools-ui/table";
|
|
11
|
+
import { ToggleAsset, Toggle } from "@devtools-ui/toggle";
|
|
11
12
|
import { CopyToClipboardAsset, CopyToClipboard } from "@devtools-ui/copy-to-clipboard";
|
|
12
13
|
import { CodeEditorAsset, CodeEditor } from "@devtools-ui/code-editor";
|
|
13
14
|
import { AssetsRegistryPlugin } from "./plugins";
|
|
14
15
|
export default AssetsRegistryPlugin;
|
|
15
|
-
export type { ActionAsset, CollectionAsset, InputAsset, ListAsset, NavigationAsset, ObjectInspectorAsset, TextAsset, ConsoleAsset, StackedViewView, TableAsset, CopyToClipboardAsset, CodeEditorAsset, };
|
|
16
|
-
export { Action, Collection, Console, Input, List, Navigation, ObjectInspector, Text, StackedView, Table, CopyToClipboard, CodeEditor, };
|
|
16
|
+
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, };
|
|
17
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -11,6 +11,7 @@ import { CopyToClipboardAsset } from "@devtools-ui/copy-to-clipboard";
|
|
|
11
11
|
import { StackedViewView } from "@devtools-ui/stacked-view";
|
|
12
12
|
import { ObjectInspectorAsset } from "@devtools-ui/object-inspector";
|
|
13
13
|
import { TextAsset } from "@devtools-ui/text";
|
|
14
|
+
import { ToggleAsset } from "@devtools-ui/toggle";
|
|
14
15
|
import { CodeEditorAsset } from "@devtools-ui/code-editor";
|
|
15
16
|
export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, ExtendedPlayerPlugin<[
|
|
16
17
|
ActionAsset,
|
|
@@ -24,6 +25,7 @@ export declare class AssetsRegistryPlugin implements ReactPlayerPlugin, Extended
|
|
|
24
25
|
StackedViewView,
|
|
25
26
|
TableAsset,
|
|
26
27
|
CopyToClipboardAsset,
|
|
28
|
+
ToggleAsset,
|
|
27
29
|
CodeEditorAsset
|
|
28
30
|
]> {
|
|
29
31
|
name: string;
|