@symbiote-native/clipboard 3.0.1 → 3.0.3

package/build-ngc/angular/clipboard-paste-button/index.d.ts

@@ -0,0 +1,18 @@
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { IClipboardPasteButtonProps } from '../../core/clipboard-paste-button';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-clipboard`'s `ClipboardPasteButton` (`UIPasteControl`), iOS only */
+export declare class ClipboardPasteButton extends NativeViewBase {
+    onPress: IClipboardPasteButtonProps['onPress'];
+    backgroundColor?: IClipboardPasteButtonProps['backgroundColor'];
+    foregroundColor?: IClipboardPasteButtonProps['foregroundColor'];
+    cornerStyle?: IClipboardPasteButtonProps['cornerStyle'];
+    displayMode?: IClipboardPasteButtonProps['displayMode'];
+    imageOptions?: IClipboardPasteButtonProps['imageOptions'];
+    acceptedContentTypes?: IClipboardPasteButtonProps['acceptedContentTypes'];
+    protected readonly propNames: readonly ["onPress", "backgroundColor", "foregroundColor", "cornerStyle", "displayMode", "imageOptions", "acceptedContentTypes"];
+    protected renderView(props: object): IDescriptor | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardPasteButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClipboardPasteButton, "ClipboardPasteButton", never, { "onPress": { "alias": "onPress"; "required": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "foregroundColor": { "alias": "foregroundColor"; "required": false; }; "cornerStyle": { "alias": "cornerStyle"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "imageOptions": { "alias": "imageOptions"; "required": false; }; "acceptedContentTypes": { "alias": "acceptedContentTypes"; "required": false; }; }, {}, never, never, true, never>;
+}

package/build-ngc/angular/clipboard-paste-button/index.js

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import { renderClipboardPasteButton } from '../../core/clipboard-paste-button';
+import * as i0 from "@angular/core";
+/** Angular twin of `expo-clipboard`'s `ClipboardPasteButton` (`UIPasteControl`), iOS only */
+export class ClipboardPasteButton extends NativeViewBase {
+    onPress;
+    backgroundColor;
+    foregroundColor;
+    cornerStyle;
+    displayMode;
+    imageOptions;
+    acceptedContentTypes;
+    propNames = [
+        'onPress',
+        'backgroundColor',
+        'foregroundColor',
+        'cornerStyle',
+        'displayMode',
+        'imageOptions',
+        'acceptedContentTypes',
+    ];
+    renderView(props) {
+        return renderClipboardPasteButton(props);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ClipboardPasteButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ClipboardPasteButton, isStandalone: true, selector: "ClipboardPasteButton", inputs: { onPress: "onPress", backgroundColor: "backgroundColor", foregroundColor: "foregroundColor", cornerStyle: "cornerStyle", displayMode: "displayMode", imageOptions: "imageOptions", acceptedContentTypes: "acceptedContentTypes" }, usesInheritance: true, ngImport: i0, template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ClipboardPasteButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ClipboardPasteButton',
+                    standalone: true,
+                    imports: [DescriptorOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+                }]
+        }], propDecorators: { onPress: [{
+                type: Input,
+                args: [{ required: true }]
+            }], backgroundColor: [{
+                type: Input
+            }], foregroundColor: [{
+                type: Input
+            }], cornerStyle: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], imageOptions: [{
+                type: Input
+            }], acceptedContentTypes: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=index.js.map

package/build-ngc/angular/clipboard-paste-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/angular/clipboard-paste-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;;AAG/E,6FAA6F;AAU7F,MAAM,OAAO,oBAAqB,SAAQ,cAAc;IAC3B,OAAO,CAAyC;IAClE,eAAe,CAAiD;IAChE,eAAe,CAAiD;IAChE,WAAW,CAA6C;IACxD,WAAW,CAA6C;IACxD,YAAY,CAA8C;IAEnE,oBAAoB,CAAsD;IAE9C,SAAS,GAAG;QACtC,SAAS;QACT,iBAAiB;QACjB,iBAAiB;QACjB,aAAa;QACb,aAAa;QACb,cAAc;QACd,sBAAsB;KACoC,CAAC;IAE1C,UAAU,CAAC,KAAa;QACzC,OAAO,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;uGAtBU,oBAAoB;2FAApB,oBAAoB,mVAJrB;;IAER,4DAJQ,gBAAgB;;2FAMf,oBAAoB;kBAThC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;IAER;iBACH;;sBAEE,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK"}

package/build-ngc/core/clipboard-paste-button.d.ts

@@ -0,0 +1,29 @@
+import type { IAccessibilityProps, IAriaProps, IDescriptor, IResponderProps } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+import type { IAcceptedContentType, ICornerStyle, IDisplayMode, IGetImageOptions, IPasteEventPayload } from './types';
+export declare const CLIPBOARD_PASTE_BUTTON_MODULE_NAME = "ExpoClipboard";
+export type IClipboardPasteButtonProps = IAccessibilityProps & IAriaProps & IResponderProps & {
+    /** Called with the pasted text or image, inspect `type` to tell them apart */
+    onPress: (data: IPasteEventPayload) => void;
+    /** Leaving it out lets the color follow the system theme */
+    backgroundColor?: string | null;
+    /** @default 'white' */
+    foregroundColor?: string | null;
+    /** @default 'capsule' */
+    cornerStyle?: ICornerStyle | null;
+    /** @default 'iconAndLabel' */
+    displayMode?: IDisplayMode | null;
+    /** Needs a width and a height, or the button does not appear */
+    style?: IStyleProp<Omit<IViewStyle, 'backgroundColor' | 'borderRadius' | 'color'>>;
+    imageOptions?: IGetImageOptions | null;
+    /** Do not combine `plain-text` with `html`, all text would be treated as `html` */
+    acceptedContentTypes?: IAcceptedContentType[];
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+};
+export declare function clipboardPasteButtonViewName(): string;
+export declare function ensureClipboardPasteButtonRegistered(): boolean;
+/** Reads the native paste event, `null` when its payload has neither a text nor an image shape */
+export declare function toPasteEventPayload(event: ISymbioteEvent): IPasteEventPayload | null;
+export declare function renderClipboardPasteButton(props: object): IDescriptor | null;

package/build-ngc/core/clipboard-paste-button.js

@@ -0,0 +1,51 @@
+import { Platform, requireNativeViewManager } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { expoViewManagerName, tryRegisterNativeView, } from '@symbiote-native/engine';
+export const CLIPBOARD_PASTE_BUTTON_MODULE_NAME = 'ExpoClipboard';
+const PASTE_EVENT_PROP = 'onPastePressed';
+const PASTE_TYPE = { text: 'text', image: 'image' };
+export function clipboardPasteButtonViewName() {
+    return expoViewManagerName(CLIPBOARD_PASTE_BUTTON_MODULE_NAME);
+}
+// Registers the view config in React Native's registry, which the engine derives the view's events
+// and prop processors from. Called at render, not at import: a registration that only a barrel's
+// load-time side effect performs is dropped by Metro's `inlineRequires` in release
+export function ensureClipboardPasteButtonRegistered() {
+    if (!Platform.select({ ios: true, default: false }))
+        return false;
+    return tryRegisterNativeView(() => requireNativeViewManager(CLIPBOARD_PASTE_BUTTON_MODULE_NAME));
+}
+function isImageSize(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof Reflect.get(value, 'width') === 'number' &&
+        typeof Reflect.get(value, 'height') === 'number');
+}
+/** Reads the native paste event, `null` when its payload has neither a text nor an image shape */
+export function toPasteEventPayload(event) {
+    const { type, text, data, size } = event.nativeEvent;
+    if (type === PASTE_TYPE.text && typeof text === 'string')
+        return { type, text };
+    if (type === PASTE_TYPE.image &&
+        typeof data === 'string' &&
+        isImageSize(size)) {
+        return { type, data, size };
+    }
+    return null;
+}
+// `object`, not the props type: Vue and Angular hand over an untyped attribute bag
+export function renderClipboardPasteButton(props) {
+    if (!ensureClipboardPasteButtonRegistered())
+        return null;
+    const onPress = Reflect.get(props, 'onPress');
+    const viewProps = Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'onPress'));
+    return el(clipboardPasteButtonViewName(), {
+        ...viewProps,
+        [PASTE_EVENT_PROP]: (event) => {
+            const payload = toPasteEventPayload(event);
+            if (payload && typeof onPress === 'function')
+                onPress(payload);
+        },
+    });
+}
+//# sourceMappingURL=clipboard-paste-button.js.map

package/build-ngc/core/clipboard-paste-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-paste-button.js","sourceRoot":"","sources":["../../src/core/clipboard-paste-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAOjD,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AAejC,MAAM,CAAC,MAAM,kCAAkC,GAAG,eAAe,CAAC;AAElE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAW,CAAC;AA4B7D,MAAM,UAAU,4BAA4B;IAC1C,OAAO,mBAAmB,CAAC,kCAAkC,CAAC,CAAC;AACjE,CAAC;AAED,mGAAmG;AACnG,iGAAiG;AACjG,mFAAmF;AACnF,MAAM,UAAU,oCAAoC;IAClD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAAE,OAAO,KAAK,CAAC;IAClE,OAAO,qBAAqB,CAAC,GAAG,EAAE,CAChC,wBAAwB,CAAC,kCAAkC,CAAC,CAC7D,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAc;IACjC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ;QAC/C,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,QAAQ,CACjD,CAAC;AACJ,CAAC;AAED,kGAAkG;AAClG,MAAM,UAAU,mBAAmB,CACjC,KAAqB;IAErB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC;IACrD,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;QACtD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxB,IACE,IAAI,KAAK,UAAU,CAAC,KAAK;QACzB,OAAO,IAAI,KAAK,QAAQ;QACxB,WAAW,CAAC,IAAI,CAAC,EACjB,CAAC;QACD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,0BAA0B,CAAC,KAAa;IACtD,IAAI,CAAC,oCAAoC,EAAE;QAAE,OAAO,IAAI,CAAC;IACzD,MAAM,OAAO,GAAY,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAClC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,SAAS,CAAC,CAC3D,CAAC;IACF,OAAO,EAAE,CAAC,4BAA4B,EAAE,EAAE;QACxC,GAAG,SAAS;QACZ,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAqB,EAAQ,EAAE;YAClD,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,UAAU;gBAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACjE,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/build-ngc/core/clipboard.d.ts

@@ -79,6 +79,8 @@ export declare function hasImageAsync(): Promise<boolean>;
  * content types whenever the clipboard changes.
  */
 export declare function addClipboardListener(listener: (event: IClipboardEvent) => void): EventSubscription;
+/** Whether `ClipboardPasteButton` can render, needs iOS 16 or newer */
+export declare const isPasteButtonAvailable: boolean;
 /**
  * Removes the listener added by `addClipboardListener`.
  * @deprecated use `subscription.remove()` instead.

package/build-ngc/core/clipboard.js

@@ -1,4 +1,4 @@
-import { UnavailabilityError } from 'expo-modules-core';
+import { Platform, UnavailabilityError } from 'expo-modules-core';
 import { CLIPBOARD_CHANGED_EVENT_NAME, expoClipboard } from './native-module';
 // Matches the module name upstream's own Clipboard.ts passes to every UnavailabilityError.
 const NATIVE_MODULE_NAME = 'Clipboard';
@@ -133,6 +133,11 @@ export async function hasImageAsync() {
 export function addClipboardListener(listener) {
     return expoClipboard.addListener(CLIPBOARD_CHANGED_EVENT_NAME, listener);
 }
+/** Whether `ClipboardPasteButton` can render, needs iOS 16 or newer */
+export const isPasteButtonAvailable = Platform.select({
+    ios: expoClipboard.isPasteButtonAvailable ?? false,
+    default: false,
+});
 /**
  * Removes the listener added by `addClipboardListener`.
  * @deprecated use `subscription.remove()` instead.

package/build-ngc/core/clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../src/core/clipboard.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../src/core/clipboard.ts"],"names":[],"mappings":"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"}

package/build-ngc/core/index.d.ts

@@ -1,3 +1,4 @@
-export { getStringAsync, setStringAsync, hasStringAsync, getUrlAsync, setUrlAsync, hasUrlAsync, getImageAsync, setImageAsync, hasImageAsync, addClipboardListener, removeClipboardListener, } from './clipboard';
-export { ContentType, StringFormat, type IGetStringOptions, type ISetStringOptions, type IGetImageOptions, type IClipboardImage, type IClipboardEvent, } from './types';
+export { getStringAsync, setStringAsync, hasStringAsync, getUrlAsync, setUrlAsync, hasUrlAsync, getImageAsync, setImageAsync, hasImageAsync, addClipboardListener, removeClipboardListener, isPasteButtonAvailable, } from './clipboard';
+export { clipboardPasteButtonViewName, ensureClipboardPasteButtonRegistered, renderClipboardPasteButton, toPasteEventPayload, type IClipboardPasteButtonProps, } from './clipboard-paste-button';
+export { ContentType, StringFormat, type IGetStringOptions, type ISetStringOptions, type IGetImageOptions, type IClipboardImage, type IClipboardEvent, type IAcceptedContentType, type ICornerStyle, type IDisplayMode, type ITextPasteEvent, type IImagePasteEvent, type IPasteEventPayload, } from './types';
 export type { EventSubscription } from 'expo-modules-core';

package/build-ngc/core/index.js

@@ -1,3 +1,4 @@
-export { getStringAsync, setStringAsync, hasStringAsync, getUrlAsync, setUrlAsync, hasUrlAsync, getImageAsync, setImageAsync, hasImageAsync, addClipboardListener, removeClipboardListener, } from './clipboard';
+export { getStringAsync, setStringAsync, hasStringAsync, getUrlAsync, setUrlAsync, hasUrlAsync, getImageAsync, setImageAsync, hasImageAsync, addClipboardListener, removeClipboardListener, isPasteButtonAvailable, } from './clipboard';
+export { clipboardPasteButtonViewName, ensureClipboardPasteButtonRegistered, renderClipboardPasteButton, toPasteEventPayload, } from './clipboard-paste-button';
 export { ContentType, StringFormat, } from './types';
 //# sourceMappingURL=index.js.map

package/build-ngc/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,YAAY,GAMb,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,0BAA0B,EAC1B,mBAAmB,GAEpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,WAAW,EACX,YAAY,GAYb,MAAM,SAAS,CAAC"}

package/build-ngc/core/native-module.d.ts

@@ -13,5 +13,6 @@ export type INativeClipboardModule = {
     getImageAsync?(options: IGetImageOptions): Promise<IClipboardImage | null>;
     setImageAsync?(base64Image: string): Promise<void>;
     hasImageAsync?(): Promise<boolean>;
+    isPasteButtonAvailable?: boolean;
 };
 export declare const expoClipboard: INativeClipboardModule;

package/build-ngc/core/native-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAUxD,MAAM,0BAA0B,GAAG,eAAe,CAAC;AAEnD,4FAA4F;AAC5F,8FAA8F;AAC9F,mBAAmB;AACnB,MAAM,CAAC,MAAM,4BAA4B,GAAG,oBAAoB,CAAC;AAwBjE,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAC9C,0BAA0B,CAC3B,CAAC"}
+{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAUxD,MAAM,0BAA0B,GAAG,eAAe,CAAC;AAEnD,4FAA4F;AAC5F,8FAA8F;AAC9F,mBAAmB;AACnB,MAAM,CAAC,MAAM,4BAA4B,GAAG,oBAAoB,CAAC;AA0BjE,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAC9C,0BAA0B,CAC3B,CAAC"}

package/build-ngc/core/types.d.ts

@@ -65,3 +65,14 @@ export type IClipboardEvent = {
      */
     contentTypes: ContentType[];
 };
+export type IAcceptedContentType = 'plain-text' | 'image' | 'url' | 'html';
+export type ICornerStyle = 'dynamic' | 'fixed' | 'capsule' | 'large' | 'medium' | 'small';
+export type IDisplayMode = 'iconAndLabel' | 'iconOnly' | 'labelOnly';
+export type ITextPasteEvent = {
+    text: string;
+    type: 'text';
+};
+export type IImagePasteEvent = {
+    type: 'image';
+} & IClipboardImage;
+export type IPasteEventPayload = ITextPasteEvent | IImagePasteEvent;

package/build-ngc/core/types.js

@@ -1,10 +1,7 @@
 // Ported from expo-clipboard's own Clipboard.types.ts. ContentType and StringFormat are enums —
 // kept unprefixed, matching this repo's convention for enums (see AuthenticationType /
 // SecurityLevel in @symbiote-native/local-auth); the plain option/result shapes get this repo's
-// `I`-prefix convention for exported types. `ClipboardPasteButton`'s own types
-// (PasteEventPayload, TextPasteEvent, ImagePasteEvent, AcceptedContentType, CornerStyleType,
-// DisplayModeType) are intentionally not ported — that native paste-button view is out of scope
-// for this pass (see the package README).
+// `I`-prefix convention for exported types
 /**
  * Type used to define what type of data is stored in the clipboard.
  */

package/build-ngc/core/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,uFAAuF;AACvF,gGAAgG;AAChG,+EAA+E;AAC/E,6FAA6F;AAC7F,gGAAgG;AAChG,0CAA0C;AAE1C;;GAEG;AACH,MAAM,CAAN,IAAY,WAQX;AARD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf;;OAEG;IACH,0BAAW,CAAA;AACb,CAAC,EARW,WAAW,KAAX,WAAW,QAQtB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,wCAAwB,CAAA;IACxB,6BAAa,CAAA;AACf,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,uFAAuF;AACvF,gGAAgG;AAChG,2CAA2C;AAE3C;;GAEG;AACH,MAAM,CAAN,IAAY,WAQX;AARD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf;;OAEG;IACH,0BAAW,CAAA;AACb,CAAC,EARW,WAAW,KAAX,WAAW,QAQtB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,wCAAwB,CAAA;IACxB,6BAAa,CAAA;AACf,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/clipboard",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "expo-clipboard wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Reads and writes clipboard text, URLs, and images, plus a clipboard-change listener.",
   "license": "MIT",
   "repository": {
@@ -42,10 +42,7 @@
       "types": "./build/react/index.d.ts",
       "default": "./build/react/index.js"
     },
-    "./svelte": {
-      "types": "./build/svelte/index.d.ts",
-      "default": "./build/svelte/index.js"
-    },
+    "./svelte": "./src/svelte/index.ts",
     "./solid": {
       "types": "./build/solid/index.d.ts",
       "default": "./build/solid/index.js"
@@ -70,7 +67,8 @@
   },
   "dependencies": {
     "expo-clipboard": "57.0.1",
-    "expo-modules-core": "57.0.5"
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.1.4"
   },
   "peerDependencies": {
     "@angular/core": ">=20",
@@ -80,12 +78,12 @@
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
     "vue": ">=3.5.0",
-    "@symbiote-native/angular": "^3.1.1",
-    "@symbiote-native/engine": "^1.3.0",
-    "@symbiote-native/react": "^3.0.3",
-    "@symbiote-native/solid": "^3.0.3",
-    "@symbiote-native/svelte": "^3.0.3",
-    "@symbiote-native/vue": "^3.0.3"
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -133,13 +131,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "3.1.1",
-    "@symbiote-native/engine": "1.3.0",
-    "@symbiote-native/react": "3.0.3",
-    "@symbiote-native/solid": "3.0.3",
-    "@symbiote-native/svelte": "3.0.3",
-    "@symbiote-native/test-utils": "0.4.3",
-    "@symbiote-native/vue": "3.0.3"
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/svelte": "3.1.0",
+    "@symbiote-native/test-utils": "0.4.6",
+    "@symbiote-native/vue": "3.2.0"
   },
   "scripts": {
     "typecheck": "tsc --build",

package/src/angular/clipboard-paste-button/index.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderClipboardPasteButton } from '../../core/clipboard-paste-button';
+import type { IClipboardPasteButtonProps } from '../../core/clipboard-paste-button';
+
+/** Angular twin of `expo-clipboard`'s `ClipboardPasteButton` (`UIPasteControl`), iOS only */
+@Component({
+  selector: 'ClipboardPasteButton',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+})
+export class ClipboardPasteButton extends NativeViewBase {
+  @Input({ required: true }) onPress!: IClipboardPasteButtonProps['onPress'];
+  @Input() backgroundColor?: IClipboardPasteButtonProps['backgroundColor'];
+  @Input() foregroundColor?: IClipboardPasteButtonProps['foregroundColor'];
+  @Input() cornerStyle?: IClipboardPasteButtonProps['cornerStyle'];
+  @Input() displayMode?: IClipboardPasteButtonProps['displayMode'];
+  @Input() imageOptions?: IClipboardPasteButtonProps['imageOptions'];
+  @Input()
+  acceptedContentTypes?: IClipboardPasteButtonProps['acceptedContentTypes'];
+
+  protected override readonly propNames = [
+    'onPress',
+    'backgroundColor',
+    'foregroundColor',
+    'cornerStyle',
+    'displayMode',
+    'imageOptions',
+    'acceptedContentTypes',
+  ] as const satisfies readonly (keyof ClipboardPasteButton)[];
+
+  protected override renderView(props: object): IDescriptor | null {
+    return renderClipboardPasteButton(props);
+  }
+}

package/src/core/clipboard-paste-button.ts

@@ -0,0 +1,113 @@
+import { Platform, requireNativeViewManager } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import type {
+  IAccessibilityProps,
+  IAriaProps,
+  IDescriptor,
+  IResponderProps,
+} from '@symbiote-native/components';
+import {
+  expoViewManagerName,
+  tryRegisterNativeView,
+} from '@symbiote-native/engine';
+import type {
+  IStyleProp,
+  ISymbioteEvent,
+  IViewStyle,
+} from '@symbiote-native/engine';
+import type {
+  IAcceptedContentType,
+  IClipboardImage,
+  ICornerStyle,
+  IDisplayMode,
+  IGetImageOptions,
+  IPasteEventPayload,
+} from './types';
+
+export const CLIPBOARD_PASTE_BUTTON_MODULE_NAME = 'ExpoClipboard';
+
+const PASTE_EVENT_PROP = 'onPastePressed';
+
+const PASTE_TYPE = { text: 'text', image: 'image' } as const;
+
+// Apple restricts the control: its colors, corners and label come from the props below, not `style`
+export type IClipboardPasteButtonProps = IAccessibilityProps &
+  IAriaProps &
+  IResponderProps & {
+    /** Called with the pasted text or image, inspect `type` to tell them apart */
+    onPress: (data: IPasteEventPayload) => void;
+    /** Leaving it out lets the color follow the system theme */
+    backgroundColor?: string | null;
+    /** @default 'white' */
+    foregroundColor?: string | null;
+    /** @default 'capsule' */
+    cornerStyle?: ICornerStyle | null;
+    /** @default 'iconAndLabel' */
+    displayMode?: IDisplayMode | null;
+    /** Needs a width and a height, or the button does not appear */
+    style?: IStyleProp<
+      Omit<IViewStyle, 'backgroundColor' | 'borderRadius' | 'color'>
+    >;
+    imageOptions?: IGetImageOptions | null;
+    /** Do not combine `plain-text` with `html`, all text would be treated as `html` */
+    acceptedContentTypes?: IAcceptedContentType[];
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+  };
+
+export function clipboardPasteButtonViewName(): string {
+  return expoViewManagerName(CLIPBOARD_PASTE_BUTTON_MODULE_NAME);
+}
+
+// Registers the view config in React Native's registry, which the engine derives the view's events
+// and prop processors from. Called at render, not at import: a registration that only a barrel's
+// load-time side effect performs is dropped by Metro's `inlineRequires` in release
+export function ensureClipboardPasteButtonRegistered(): boolean {
+  if (!Platform.select({ ios: true, default: false })) return false;
+  return tryRegisterNativeView(() =>
+    requireNativeViewManager(CLIPBOARD_PASTE_BUTTON_MODULE_NAME),
+  );
+}
+
+function isImageSize(value: unknown): value is IClipboardImage['size'] {
+  return (
+    typeof value === 'object' &&
+    value !== null &&
+    typeof Reflect.get(value, 'width') === 'number' &&
+    typeof Reflect.get(value, 'height') === 'number'
+  );
+}
+
+/** Reads the native paste event, `null` when its payload has neither a text nor an image shape */
+export function toPasteEventPayload(
+  event: ISymbioteEvent,
+): IPasteEventPayload | null {
+  const { type, text, data, size } = event.nativeEvent;
+  if (type === PASTE_TYPE.text && typeof text === 'string')
+    return { type, text };
+  if (
+    type === PASTE_TYPE.image &&
+    typeof data === 'string' &&
+    isImageSize(size)
+  ) {
+    return { type, data, size };
+  }
+  return null;
+}
+
+// `object`, not the props type: Vue and Angular hand over an untyped attribute bag
+export function renderClipboardPasteButton(props: object): IDescriptor | null {
+  if (!ensureClipboardPasteButtonRegistered()) return null;
+  const onPress: unknown = Reflect.get(props, 'onPress');
+  const viewProps = Object.fromEntries(
+    Object.entries(props).filter(([key]) => key !== 'onPress'),
+  );
+  return el(clipboardPasteButtonViewName(), {
+    ...viewProps,
+    [PASTE_EVENT_PROP]: (event: ISymbioteEvent): void => {
+      const payload = toPasteEventPayload(event);
+      if (payload && typeof onPress === 'function') onPress(payload);
+    },
+  });
+}

package/src/core/clipboard.ts

@@ -1,4 +1,4 @@
-import { UnavailabilityError } from 'expo-modules-core';
+import { Platform, UnavailabilityError } from 'expo-modules-core';
 import type { EventSubscription } from 'expo-modules-core';
 
 import { CLIPBOARD_CHANGED_EVENT_NAME, expoClipboard } from './native-module';
@@ -163,6 +163,12 @@ export function addClipboardListener(
   return expoClipboard.addListener(CLIPBOARD_CHANGED_EVENT_NAME, listener);
 }
 
+/** Whether `ClipboardPasteButton` can render, needs iOS 16 or newer */
+export const isPasteButtonAvailable: boolean = Platform.select({
+  ios: expoClipboard.isPasteButtonAvailable ?? false,
+  default: false,
+});
+
 /**
  * Removes the listener added by `addClipboardListener`.
  * @deprecated use `subscription.remove()` instead.

package/src/core/index.ts

@@ -10,7 +10,15 @@ export {
   hasImageAsync,
   addClipboardListener,
   removeClipboardListener,
+  isPasteButtonAvailable,
 } from './clipboard';
+export {
+  clipboardPasteButtonViewName,
+  ensureClipboardPasteButtonRegistered,
+  renderClipboardPasteButton,
+  toPasteEventPayload,
+  type IClipboardPasteButtonProps,
+} from './clipboard-paste-button';
 export {
   ContentType,
   StringFormat,
@@ -19,5 +27,11 @@ export {
   type IGetImageOptions,
   type IClipboardImage,
   type IClipboardEvent,
+  type IAcceptedContentType,
+  type ICornerStyle,
+  type IDisplayMode,
+  type ITextPasteEvent,
+  type IImagePasteEvent,
+  type IPasteEventPayload,
 } from './types';
 export type { EventSubscription } from 'expo-modules-core';

package/src/core/native-module.ts

@@ -35,6 +35,8 @@ export type INativeClipboardModule = {
   getImageAsync?(options: IGetImageOptions): Promise<IClipboardImage | null>;
   setImageAsync?(base64Image: string): Promise<void>;
   hasImageAsync?(): Promise<boolean>;
+  // iOS 16+ only, absent elsewhere
+  isPasteButtonAvailable?: boolean;
 };
 
 export const expoClipboard = requireNativeModule<INativeClipboardModule>(

package/src/core/types.ts

@@ -1,10 +1,7 @@
 // Ported from expo-clipboard's own Clipboard.types.ts. ContentType and StringFormat are enums —
 // kept unprefixed, matching this repo's convention for enums (see AuthenticationType /
 // SecurityLevel in @symbiote-native/local-auth); the plain option/result shapes get this repo's
-// `I`-prefix convention for exported types. `ClipboardPasteButton`'s own types
-// (PasteEventPayload, TextPasteEvent, ImagePasteEvent, AcceptedContentType, CornerStyleType,
-// DisplayModeType) are intentionally not ported — that native paste-button view is out of scope
-// for this pass (see the package README).
+// `I`-prefix convention for exported types
 
 /**
  * Type used to define what type of data is stored in the clipboard.
@@ -79,3 +76,21 @@ export type IClipboardEvent = {
    */
   contentTypes: ContentType[];
 };
+
+export type IAcceptedContentType = 'plain-text' | 'image' | 'url' | 'html';
+
+export type ICornerStyle =
+  'dynamic' | 'fixed' | 'capsule' | 'large' | 'medium' | 'small';
+
+export type IDisplayMode = 'iconAndLabel' | 'iconOnly' | 'labelOnly';
+
+export type ITextPasteEvent = {
+  text: string;
+  type: 'text';
+};
+
+export type IImagePasteEvent = {
+  type: 'image';
+} & IClipboardImage;
+
+export type IPasteEventPayload = ITextPasteEvent | IImagePasteEvent;

package/src/react/clipboard-paste-button.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import { descriptorToReact } from '@symbiote-native/react';
+import { renderClipboardPasteButton } from '../core/clipboard-paste-button';
+import type { IClipboardPasteButtonProps } from '../core/clipboard-paste-button';
+
+/** React twin of `expo-clipboard`'s `ClipboardPasteButton` (`UIPasteControl`), iOS only */
+export function ClipboardPasteButton(
+  props: IClipboardPasteButtonProps,
+): ReactElement | null {
+  const descriptor = renderClipboardPasteButton(props);
+  return descriptor ? descriptorToReact(descriptor) : null;
+}

package/src/react/index.ts

@@ -6,4 +6,5 @@
 // @symbiote-native/sensors' useAccelerometer.
 
 export { useClipboard } from './hooks/use-clipboard';
+export { ClipboardPasteButton } from './clipboard-paste-button';
 export * from '../core';

package/src/solid/clipboard-paste-button.ts

@@ -0,0 +1,15 @@
+import { descriptorToSolid } from '@symbiote-native/solid';
+import { renderClipboardPasteButton } from '../core/clipboard-paste-button';
+import type { IClipboardPasteButtonProps } from '../core/clipboard-paste-button';
+
+// The platform decision is made once at mount: the descriptor bridge builds the node once and
+// only diffs prop values afterwards, so the descriptor's shape must not change
+export function ClipboardPasteButton(
+  props: IClipboardPasteButtonProps,
+): ReturnType<typeof descriptorToSolid> | null {
+  const initial = renderClipboardPasteButton({ ...props });
+  if (!initial) return null;
+  return descriptorToSolid(
+    () => renderClipboardPasteButton({ ...props }) ?? initial,
+  );
+}