npm - @rozenite/controls-plugin - Versions diffs - 1.13.0 → 2.1.0 - Mend

@rozenite/controls-plugin 1.13.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/CHANGELOG.md +25 -0
package/dist/devtools/assets/panel-BvIa5kqW.css +1 -0
package/dist/devtools/assets/panel-H7O6Qof-.js +18 -0
package/dist/devtools/panel.html +2 -2
package/dist/react-native/chunks/useRozeniteControlsPlugin.require.js +12 -36
package/dist/react-native/index.d.ts +2 -2
package/dist/rozenite.json +1 -1
package/package.json +28 -31
package/sdk.ts +2 -8
package/src/__tests__/serialization.test.ts +7 -7
package/src/react-native/__tests__/controlsRegistry.test.ts +3 -11
package/src/react-native/__tests__/useRozeniteControlsPlugin.test.tsx +4 -14
package/src/react-native/controlsRegistry.ts +2 -6
package/src/react-native/useControlsAgentTools.ts +8 -28
package/src/react-native/useRozeniteControlsPlugin.ts +8 -24
package/src/shared/agent-tools.ts +6 -22
package/src/shared/serialization.ts +3 -6
package/src/shared/types.ts +6 -18
package/src/ui/panel.tsx +155 -189
package/dist/devtools/assets/panel-B5zz0XK3.css +0 -1
package/dist/devtools/assets/panel-BoQwJa2M.js +0 -17
package/postcss.config.js +0 -6
package/src/ui/globals.css +0 -86
package/tailwind.config.ts +0 -53

package/dist/devtools/panel.html CHANGED Viewed

@@ -22,8 +22,8 @@
     <script>
       var __ROZENITE_PANEL__ = true;
     </script>
-    <script type="module" crossorigin src="../devtools/assets/panel-BoQwJa2M.js"></script>
-    <link rel="stylesheet" crossorigin href="../devtools/assets/panel-B5zz0XK3.css">
+    <script type="module" crossorigin src="../devtools/assets/panel-H7O6Qof-.js"></script>
+    <link rel="stylesheet" crossorigin href="../devtools/assets/panel-BvIa5kqW.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/react-native/chunks/useRozeniteControlsPlugin.require.js CHANGED Viewed

@@ -110,9 +110,7 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
   const s = t.find((i) => i.id === n);
   if (!s) {
     const i = t.map((o) => o.id).join(", ");
-    throw new Error(
-      `Section "${n}" not found. Available: ${i || "(none)"}`
-    );
+    throw new Error(`Section "${n}" not found. Available: ${i || "(none)"}`);
   }
   const e = s.items.find((i) => i.id === r);
   if (!e) {
@@ -207,20 +205,14 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
     handler: async ({ sectionId: r, itemId: s, value: e }) => {
       const { item: i } = R(t(), r, s);
       if (i.type === "text")
-        throw new Error(
-          `Item "${s}" is a read-only text item and cannot be updated.`
-        );
+        throw new Error(`Item "${s}" is a read-only text item and cannot be updated.`);
       if (i.type === "button")
-        throw new Error(
-          `Item "${s}" is a button. Use press-button to trigger its action.`
-        );
+        throw new Error(`Item "${s}" is a button. Use press-button to trigger its action.`);
       if (i.disabled)
         throw new Error(`Item "${s}" is disabled.`);
       if (i.type === "toggle") {
         if (typeof e != "boolean")
-          throw new Error(
-            `Expected boolean value for toggle item "${s}".`
-          );
+          throw new Error(`Expected boolean value for toggle item "${s}".`);
         if (i.validate) {
           const o = i.validate(e);
           if (!o.valid)
@@ -229,9 +221,7 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
         return await i.onUpdate(e), { applied: !0, sectionId: r, itemId: s };
       }
       if (typeof e != "string")
-        throw new Error(
-          `Expected string value for ${i.type} item "${s}".`
-        );
+        throw new Error(`Expected string value for ${i.type} item "${s}".`);
       if (i.type === "select") {
         const o = i.options.map((p) => p.value);
         if (!o.includes(e))
@@ -321,10 +311,7 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
     }),
     [t, e, s]
   );
-  return L(
-    () => u.getOptions().sections,
-    i
-  ), h(() => {
+  return L(() => u.getOptions().sections, i), h(() => {
     n && n.send("snapshot", {
       type: "snapshot",
       sections: m(u.getOptions().sections)
@@ -338,9 +325,7 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
       itemId: d,
       value: y
     }) => {
-      const f = P(l, d), c = O(
-        u.getOptions().sections
-      ).get(f);
+      const f = P(l, d), c = O(u.getOptions().sections).get(f);
       if (!c || c.type === "button") {
         n.send("update-result", {
           type: "update-result",
@@ -429,20 +414,14 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
           message: "Update failed on the device."
         });
       }
-    }, p = async ({
-      sectionId: a,
-      itemId: l,
-      action: d
-    }) => {
+    }, p = async ({ sectionId: a, itemId: l, action: d }) => {
       if (d !== "press") {
         console.warn(
           `[Rozenite] Controls Plugin: Unsupported action "${d}" for ${a}/${l}.`
         );
         return;
       }
-      const y = P(a, l), f = O(
-        u.getOptions().sections
-      ).get(y);
+      const y = P(a, l), f = O(u.getOptions().sections).get(y);
       if (!f) {
         console.warn(
           `[Rozenite] Controls Plugin: Action target not found for ${a}/${l}.`
@@ -470,12 +449,9 @@ const U = (t, n) => t ? t(n) : { valid: !0 }, D = (t) => t.type === "text" ? t :
           sections: m(u.getOptions().sections)
         });
       }),
-      n.onMessage(
-        "update-request",
-        (a) => {
-          o(a);
-        }
-      ),
+      n.onMessage("update-request", (a) => {
+        o(a);
+      }),
       n.onMessage("invoke-action", (a) => {
         p(a);
       })

package/dist/react-native/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { RozeniteDevToolsClient } from '@rozenite/plugin-bridge';
+import { RozeniteDevToolsRequestClient } from '@rozenite/plugin-bridge';
 export declare type ControlsButtonItem = {
     id: string;
@@ -133,6 +133,6 @@ export declare type RozeniteControlsPluginOptionsUpdater = (previousOptions: Roz
 export declare let useRozeniteControlsPlugin: typeof useRozeniteControlsPlugin_2;
-declare const useRozeniteControlsPlugin_2: (optionsInput: RozeniteControlsPluginOptionsInput) => RozeniteDevToolsClient<ControlsEventMap> | null;
+declare const useRozeniteControlsPlugin_2: (optionsInput: RozeniteControlsPluginOptionsInput) => RozeniteDevToolsRequestClient<ControlsEventMap> | null;
 export { }

package/dist/rozenite.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@rozenite/controls-plugin","version":"1.~~13.~~0","description":"A Rozenite plugin for exposing app-defined controls directly in React Native DevTools.","panels":[{"name":"Controls","source":"/devtools/panel.html"}]}
1	+ {"name":"@rozenite/controls-plugin","version":"2.1.0","description":"A Rozenite plugin for exposing app-defined controls directly in React Native DevTools.","panels":[{"name":"Controls","source":"/devtools/panel.html"}]}

package/package.json CHANGED Viewed

@@ -1,45 +1,20 @@
 {
   "name": "@rozenite/controls-plugin",
-  "version": "1.13.0",
+  "version": "2.1.0",
   "description": "A Rozenite plugin for exposing app-defined controls directly in React Native DevTools.",
-  "type": "module",
-  "main": "./dist/react-native/index.cjs",
-  "module": "./dist/react-native/index.js",
-  "types": "./dist/react-native/index.d.ts",
   "homepage": "https://github.com/callstackincubator/rozenite#readme",
   "bugs": {
     "url": "https://github.com/callstackincubator/rozenite/issues"
   },
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/callstackincubator/rozenite.git"
   },
-  "dependencies": {
-    "@rozenite/agent-shared": "1.13.0",
-    "@rozenite/agent-bridge": "1.13.0",
-    "@rozenite/plugin-bridge": "1.13.0"
-  },
-  "devDependencies": {
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.1.7",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.6",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-native": "0.83.1",
-    "react-native-web": "^0.21.2",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "~5.9.3",
-    "vite": "^7.3.1",
-    "@rozenite/vite-plugin": "1.13.0",
-    "rozenite": "1.13.0"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "license": "MIT",
+  "type": "module",
+  "main": "./dist/react-native/index.cjs",
+  "module": "./dist/react-native/index.js",
+  "types": "./dist/react-native/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/react-native/index.d.ts",
@@ -57,6 +32,28 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "@rozenite/agent-bridge": "2.1.0",
+    "@rozenite/agent-shared": "2.1.0",
+    "@rozenite/plugin-bridge": "2.1.0",
+    "@rozenite/ui": "2.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.3",
+    "@types/react-dom": "~19.2.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.0",
+    "react-native-web": "^0.21.2",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "@rozenite/vite-plugin": "2.1.0",
+    "rozenite": "2.1.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
   "scripts": {
     "build": "rozenite build",
     "dev": "rozenite dev",

package/sdk.ts CHANGED Viewed

@@ -1,13 +1,7 @@
 import { defineAgentToolDescriptors } from '@rozenite/agent-shared';
-import {
-  CONTROLS_AGENT_PLUGIN_ID,
-  controlsToolDefinitions,
-} from './src/shared/agent-tools.js';
+import { CONTROLS_AGENT_PLUGIN_ID, controlsToolDefinitions } from './src/shared/agent-tools.js';
-export {
-  CONTROLS_AGENT_PLUGIN_ID,
-  controlsToolDefinitions,
-};
+export { CONTROLS_AGENT_PLUGIN_ID, controlsToolDefinitions };
 export const controlsTools = defineAgentToolDescriptors(
   CONTROLS_AGENT_PLUGIN_ID,

package/src/__tests__/serialization.test.ts CHANGED Viewed

@@ -1,5 +1,9 @@
 import { describe, expect, it, vi } from 'vitest';
-import { buildActionRegistry, getActionRegistryKey, serializeSections } from '../shared/serialization';
+import {
+  buildActionRegistry,
+  getActionRegistryKey,
+  serializeSections,
+} from '../shared/serialization';
 import { createSection } from '../shared/types';
 describe('controls serialization', () => {
@@ -168,12 +172,8 @@ describe('controls serialization', () => {
     const toggleEntry = registry.get(getActionRegistryKey('controls', 'flag'));
     const buttonEntry = registry.get(getActionRegistryKey('controls', 'refresh'));
-    const selectEntry = registry.get(
-      getActionRegistryKey('controls', 'environment')
-    );
-    const inputEntry = registry.get(
-      getActionRegistryKey('controls', 'release-label')
-    );
+    const selectEntry = registry.get(getActionRegistryKey('controls', 'environment'));
+    const inputEntry = registry.get(getActionRegistryKey('controls', 'release-label'));
     expect(toggleEntry?.type).toBe('toggle');
     expect(buttonEntry?.type).toBe('button');

package/src/react-native/__tests__/controlsRegistry.test.ts CHANGED Viewed

@@ -17,10 +17,7 @@ describe('controlsRegistry', () => {
     registry.set(first, { sections: [section('app')] });
     registry.set(second, { sections: [section('locale')] });
-    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual([
-      'app',
-      'locale',
-    ]);
+    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual(['app', 'locale']);
   });
   it('lets updater registrations derive from previous options', () => {
@@ -33,10 +30,7 @@ describe('controlsRegistry', () => {
       sections: [...previousOptions.sections, section('locale')],
     }));
-    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual([
-      'app',
-      'locale',
-    ]);
+    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual(['app', 'locale']);
   });
   it('lets updater registrations replace previous options when needed', () => {
@@ -49,9 +43,7 @@ describe('controlsRegistry', () => {
       sections: [section('replacement')],
     }));
-    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual([
-      'replacement',
-    ]);
+    expect(registry.getOptions().sections.map(({ id }) => id)).toEqual(['replacement']);
   });
   it('can include the current render input before the effect registers it', () => {

package/src/react-native/__tests__/useRozeniteControlsPlugin.test.tsx CHANGED Viewed

@@ -88,11 +88,7 @@ function AppControls() {
   return null;
 }
-function LocaleControls({
-  onUpdate = vi.fn(),
-}: {
-  onUpdate?: (value: string) => void;
-}) {
+function LocaleControls({ onUpdate = vi.fn() }: { onUpdate?: (value: string) => void }) {
   useRozeniteControlsPlugin((previousOptions) => ({
     sections: [...previousOptions.sections, localeSection(onUpdate)],
   }));
@@ -140,12 +136,8 @@ const unmountControls = async (root: Root, container: HTMLDivElement) => {
 };
 const getLastSnapshotSectionIds = () => {
-  const snapshots = mocks.client.send.mock.calls.filter(
-    ([type]) => type === 'snapshot',
-  );
-  const lastSnapshot = snapshots.at(-1)?.[1] as
-    | ControlsEventMap['snapshot']
-    | undefined;
+  const snapshots = mocks.client.send.mock.calls.filter(([type]) => type === 'snapshot');
+  const lastSnapshot = snapshots.at(-1)?.[1] as ControlsEventMap['snapshot'] | undefined;
   return lastSnapshot?.sections.map((section) => section.id);
 };
@@ -183,9 +175,7 @@ describe('useRozeniteControlsPlugin', () => {
   it('routes updates to sections registered by another hook instance', async () => {
     const onUpdate = vi.fn();
-    const { root, container } = await renderControls(
-      <TestApp onUpdate={onUpdate} />,
-    );
+    const { root, container } = await renderControls(<TestApp onUpdate={onUpdate} />);
     await act(async () => {
       mocks.emit('update-request', {

package/src/react-native/controlsRegistry.ts CHANGED Viewed

@@ -54,9 +54,7 @@ export const createControlsRegistry = () => {
     }
     return entries.map(([id, input]) =>
-      id === override.id
-        ? ([id, override.input] as const)
-        : ([id, input] as const),
+      id === override.id ? ([id, override.input] as const) : ([id, input] as const),
     );
   };
@@ -73,9 +71,7 @@ export const createControlsRegistry = () => {
       registrations.delete(id);
       notify();
     },
-    getOptions(
-      override?: ControlsRegistryOverride,
-    ): RozeniteControlsPluginOptions {
+    getOptions(override?: ControlsRegistryOverride): RozeniteControlsPluginOptions {
       return getRegistrationEntries(override)
         .map(([, input]) => input)
         .reduce(resolveOptionsInput, EMPTY_OPTIONS);

package/src/react-native/useControlsAgentTools.ts CHANGED Viewed

@@ -1,22 +1,13 @@
 import { useRozenitePluginAgentTool } from '@rozenite/agent-bridge';
-import {
-  CONTROLS_AGENT_PLUGIN_ID,
-  controlsToolDefinitions,
-} from '../shared/agent-tools';
+import { CONTROLS_AGENT_PLUGIN_ID, controlsToolDefinitions } from '../shared/agent-tools';
 import type { ControlsSection } from '../shared/types';
-const resolveItem = (
-  sections: ControlsSection[],
-  sectionId: string,
-  itemId: string,
-) => {
+const resolveItem = (sections: ControlsSection[], sectionId: string, itemId: string) => {
   const section = sections.find((s) => s.id === sectionId);
   if (!section) {
     const available = sections.map((s) => s.id).join(', ');
-    throw new Error(
-      `Section "${sectionId}" not found. Available: ${available || '(none)'}`,
-    );
+    throw new Error(`Section "${sectionId}" not found. Available: ${available || '(none)'}`);
   }
   const item = section.items.find((i) => i.id === itemId);
@@ -31,10 +22,7 @@ const resolveItem = (
   return { section, item };
 };
-export const useControlsAgentTools = (
-  getSections: () => ControlsSection[],
-  enabled = true,
-) => {
+export const useControlsAgentTools = (getSections: () => ControlsSection[], enabled = true) => {
   useRozenitePluginAgentTool({
     pluginId: CONTROLS_AGENT_PLUGIN_ID,
     tool: controlsToolDefinitions.listSections,
@@ -141,15 +129,11 @@ export const useControlsAgentTools = (
       const { item } = resolveItem(getSections(), sectionId, itemId);
       if (item.type === 'text') {
-        throw new Error(
-          `Item "${itemId}" is a read-only text item and cannot be updated.`,
-        );
+        throw new Error(`Item "${itemId}" is a read-only text item and cannot be updated.`);
       }
       if (item.type === 'button') {
-        throw new Error(
-          `Item "${itemId}" is a button. Use press-button to trigger its action.`,
-        );
+        throw new Error(`Item "${itemId}" is a button. Use press-button to trigger its action.`);
       }
       if (item.disabled) {
@@ -158,9 +142,7 @@ export const useControlsAgentTools = (
       if (item.type === 'toggle') {
         if (typeof value !== 'boolean') {
-          throw new Error(
-            `Expected boolean value for toggle item "${itemId}".`,
-          );
+          throw new Error(`Expected boolean value for toggle item "${itemId}".`);
         }
         if (item.validate) {
@@ -175,9 +157,7 @@ export const useControlsAgentTools = (
       }
       if (typeof value !== 'string') {
-        throw new Error(
-          `Expected string value for ${item.type} item "${itemId}".`,
-        );
+        throw new Error(`Expected string value for ${item.type} item "${itemId}".`);
       }
       if (item.type === 'select') {

package/src/react-native/useRozeniteControlsPlugin.ts CHANGED Viewed

@@ -15,9 +15,7 @@ import {
 import { useControlsAgentTools } from './useControlsAgentTools';
 import { controlsRegistry } from './controlsRegistry';
-export const useRozeniteControlsPlugin = (
-  optionsInput: RozeniteControlsPluginOptionsInput,
-) => {
+export const useRozeniteControlsPlugin = (optionsInput: RozeniteControlsPluginOptionsInput) => {
   const client = useRozeniteDevToolsClient<ControlsEventMap>({
     pluginId: '@rozenite/controls-plugin',
   });
@@ -48,10 +46,7 @@ export const useRozeniteControlsPlugin = (
     [optionsInput, registrySnapshot, registrationId],
   );
-  useControlsAgentTools(
-    () => controlsRegistry.getOptions().sections,
-    isRegistryOwner,
-  );
+  useControlsAgentTools(() => controlsRegistry.getOptions().sections, isRegistryOwner);
   useEffect(() => {
     if (!client) {
@@ -76,9 +71,7 @@ export const useRozeniteControlsPlugin = (
       value,
     }: ControlsUpdateRequestEvent) => {
       const key = getActionRegistryKey(sectionId, itemId);
-      const entry = buildActionRegistry(
-        controlsRegistry.getOptions().sections,
-      ).get(key);
+      const entry = buildActionRegistry(controlsRegistry.getOptions().sections).get(key);
       if (!entry || entry.type === 'button') {
         client.send('update-result', {
@@ -179,11 +172,7 @@ export const useRozeniteControlsPlugin = (
       }
     };
-    const handleInvokeAction = async ({
-      sectionId,
-      itemId,
-      action,
-    }: ControlsInvokeActionEvent) => {
+    const handleInvokeAction = async ({ sectionId, itemId, action }: ControlsInvokeActionEvent) => {
       if (action !== 'press') {
         console.warn(
           `[Rozenite] Controls Plugin: Unsupported action "${action}" for ${sectionId}/${itemId}.`,
@@ -192,9 +181,7 @@ export const useRozeniteControlsPlugin = (
       }
       const key = getActionRegistryKey(sectionId, itemId);
-      const entry = buildActionRegistry(
-        controlsRegistry.getOptions().sections,
-      ).get(key);
+      const entry = buildActionRegistry(controlsRegistry.getOptions().sections).get(key);
       if (!entry) {
         console.warn(
@@ -227,12 +214,9 @@ export const useRozeniteControlsPlugin = (
           sections: serializeSections(controlsRegistry.getOptions().sections),
         });
       }),
-      client.onMessage(
-        'update-request',
-        (event: ControlsUpdateRequestEvent) => {
-          void handleUpdateRequest(event);
-        },
-      ),
+      client.onMessage('update-request', (event: ControlsUpdateRequestEvent) => {
+        void handleUpdateRequest(event);
+      }),
       client.onMessage('invoke-action', (event: ControlsInvokeActionEvent) => {
         void handleInvokeAction(event);
       }),

package/src/shared/agent-tools.ts CHANGED Viewed

@@ -1,11 +1,5 @@
-import {
-  defineAgentToolContract,
-  type AgentToolContract,
-} from '@rozenite/agent-shared';
-import type {
-  ControlsItem,
-  ControlsItemSnapshot,
-} from './types';
+import { defineAgentToolContract, type AgentToolContract } from '@rozenite/agent-shared';
+import type { ControlsItem, ControlsItemSnapshot } from './types';
 export const CONTROLS_AGENT_PLUGIN_ID = '@rozenite/controls-plugin';
@@ -60,10 +54,7 @@ export type ControlsPressButtonResult = {
 };
 export const controlsToolDefinitions = {
-  listSections: defineAgentToolContract<
-    ControlsListSectionsArgs,
-    ControlsListSectionsResult
-  >({
+  listSections: defineAgentToolContract<ControlsListSectionsArgs, ControlsListSectionsResult>({
     name: 'list-sections',
     description:
       'List all controls sections with their item IDs, types, and titles. Does not include values — call get-item for that.',
@@ -82,10 +73,7 @@ export const controlsToolDefinitions = {
       required: ['sectionId', 'itemId'],
     },
   }),
-  setValue: defineAgentToolContract<
-    ControlsSetValueArgs,
-    ControlsSetValueResult
-  >({
+  setValue: defineAgentToolContract<ControlsSetValueArgs, ControlsSetValueResult>({
     name: 'set-value',
     description:
       'Update the value of a toggle, select, or input item. Runs the validate callback when present. Fails for text (read-only) and button items.',
@@ -95,17 +83,13 @@ export const controlsToolDefinitions = {
         sectionId: { type: 'string', description: 'Section ID.' },
         itemId: { type: 'string', description: 'Item ID.' },
         value: {
-          description:
-            'New value. Boolean for toggle items, string for select/input items.',
+          description: 'New value. Boolean for toggle items, string for select/input items.',
         },
       },
       required: ['sectionId', 'itemId', 'value'],
     },
   }),
-  pressButton: defineAgentToolContract<
-    ControlsPressButtonArgs,
-    ControlsPressButtonResult
-  >({
+  pressButton: defineAgentToolContract<ControlsPressButtonArgs, ControlsPressButtonResult>({
     name: 'press-button',
     description:
       "Trigger a button item's action. Fails if the item is not a button or is disabled.",

package/src/shared/serialization.ts CHANGED Viewed

@@ -34,7 +34,7 @@ export type ActionRegistryEntry =
 const validateValue = <TValue>(
   validate: ControlsMutableItemBase<TValue>['validate'],
-  value: TValue
+  value: TValue,
 ): ControlsValidationResult => {
   if (!validate) {
     return { valid: true };
@@ -94,9 +94,7 @@ const toSnapshotItem = (item: ControlsItem): ControlsItemSnapshot => {
   };
 };
-export const serializeSections = (
-  sections: ControlsSection[]
-): ControlsSectionSnapshot[] =>
+export const serializeSections = (sections: ControlsSection[]): ControlsSectionSnapshot[] =>
   sections.map((section) => ({
     id: section.id,
     title: section.title,
@@ -147,7 +145,6 @@ export const buildActionRegistry = (sections: ControlsSection[]) => {
   return registry;
 };
-export const getActionRegistryKey = (sectionId: string, itemId: string) =>
-  `${sectionId}:${itemId}`;
+export const getActionRegistryKey = (sectionId: string, itemId: string) => `${sectionId}:${itemId}`;
 export { validateValue };

package/src/shared/types.ts CHANGED Viewed

@@ -6,9 +6,7 @@ export type ControlsTextItem = {
   description?: string;
 };
-export type ControlsValidationResult =
-  | { valid: true }
-  | { valid: false; message: string };
+export type ControlsValidationResult = { valid: true } | { valid: false; message: string };
 export type ControlsMutableItemBase<TValue> = {
   id: string;
@@ -66,22 +64,13 @@ export type ControlsSection = {
 export type ControlsTextItemSnapshot = Omit<ControlsTextItem, never>;
-export type ControlsToggleItemSnapshot = Omit<
-  ControlsToggleItem,
-  'validate' | 'onUpdate'
->;
+export type ControlsToggleItemSnapshot = Omit<ControlsToggleItem, 'validate' | 'onUpdate'>;
 export type ControlsButtonItemSnapshot = Omit<ControlsButtonItem, 'onPress'>;
-export type ControlsSelectItemSnapshot = Omit<
-  ControlsSelectItem,
-  'validate' | 'onUpdate'
->;
+export type ControlsSelectItemSnapshot = Omit<ControlsSelectItem, 'validate' | 'onUpdate'>;
-export type ControlsInputItemSnapshot = Omit<
-  ControlsInputItem,
-  'validate' | 'onUpdate'
->;
+export type ControlsInputItemSnapshot = Omit<ControlsInputItem, 'validate' | 'onUpdate'>;
 export type ControlsItemSnapshot =
   | ControlsTextItemSnapshot
@@ -106,6 +95,5 @@ export type RozeniteControlsPluginOptionsInput =
   | RozeniteControlsPluginOptions
   | RozeniteControlsPluginOptionsUpdater;
-export const createSection = <TSection extends ControlsSection>(
-  section: TSection,
-): TSection => section;
+export const createSection = <TSection extends ControlsSection>(section: TSection): TSection =>
+  section;