@symbiote-native/clipboard 0.3.0 → 2.0.0

package/README.md

@@ -93,7 +93,7 @@ function ClipboardScreen() {
   const handleCopy = (input: string) =>
     setStringAsync(input).then(() => getStringAsync().then(setText));
 
-  return <Text>{text ?? 'checking…'}</Text>;
+  return <text>{text ?? 'checking…'}</text>;
 }
 ```
 
@@ -122,10 +122,63 @@ function handleCopy(input: string): void {
 }
 </script>
 <template>
-  <Text>{{ text }}</Text>
+  <text>{{ text }}</text>
 </template>
 ```
 
+```svelte
+<!-- Svelte -->
+<script lang="ts">
+  import { getStringAsync, setStringAsync } from '@symbiote-native/clipboard';
+  import { useClipboard } from '@symbiote-native/clipboard/svelte';
+
+  let text = $state('checking…');
+  function refresh(): void {
+    void getStringAsync().then(value => (text = value));
+  }
+
+  const clipboard = useClipboard(); // { current: IClipboardEvent | null }
+
+  $effect(() => {
+    refresh();
+  });
+  $effect(() => {
+    if (clipboard.current !== null) refresh();
+  });
+
+  function handleCopy(input: string): void {
+    void setStringAsync(input).then(refresh);
+  }
+</script>
+
+<text>{text}</text>
+```
+
+```tsx
+// Solid
+import { createEffect, createSignal } from 'solid-js';
+import { getStringAsync, setStringAsync } from '@symbiote-native/clipboard';
+import { createClipboard } from '@symbiote-native/clipboard/solid';
+
+function ClipboardScreen() {
+  const clipboardEvent = createClipboard(); // Accessor<IClipboardEvent | null>
+  const [text, setText] = createSignal('checking…');
+
+  function refresh(): void {
+    getStringAsync().then(setText);
+  }
+  refresh();
+
+  createEffect(() => {
+    if (clipboardEvent() !== null) refresh();
+  });
+
+  const handleCopy = (input: string) => setStringAsync(input).then(refresh);
+
+  return <text>{text()}</text>;
+}
+```
+
 ```ts
 // Angular
 import { Component, Injector, effect, inject, signal } from '@angular/core';
@@ -163,6 +216,7 @@ export class ClipboardScreen {
 
 These are trimmed from the real demo screens — `examples/expo-react/screens/ClipboardScreen.tsx`,
 `examples/expo-vue-sfc/screens/ClipboardScreen.vue`, `examples/expo-vue-tsx/screens/ClipboardScreen.tsx`,
+`examples/expo-svelte/screens/ClipboardScreen.svelte`, `examples/expo-solid/screens/ClipboardScreen.tsx`,
 `examples/expo-angular/src/screens/ClipboardScreen.ts` — which additionally show `hasStringAsync()`
 status badges and, iOS-only, the `getUrlAsync`/`setUrlAsync`/`hasUrlAsync` URL surface.
 
@@ -224,6 +278,6 @@ is a pure async-function + one-listener surface, never a view. Native rendering
 on-device (see the parent [README](../../README.md) for the project's testing model).
 
 Native autolinking wiring (Android's 3-layer registration, iOS Podfile/pod install) is done across
-all four `examples/expo-*` canary apps. It isn't wired into the public non-Expo canaries
-(`examples/react`, `examples/vue-sfc`, `examples/vue-tsx`, `examples/angular`) yet — those don't
-depend on any `expo-modules-core` package today.
+all six `examples/expo-*` canary apps. It isn't wired into the public non-Expo canaries
+(`examples/react`, `examples/vue-sfc`, `examples/vue-tsx`, `examples/svelte`, `examples/solid`,
+`examples/angular`) yet — those don't depend on any `expo-modules-core` package today.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/clipboard",
-  "version": "0.3.0",
+  "version": "2.0.0",
   "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": {
@@ -13,6 +13,18 @@
     "url": "https://github.com/OneEyed1366/symbiote-native/issues"
   },
   "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-clipboard",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "clipboard",
+    "copy-paste"
+  ],
   "type": "module",
   "main": "./build/core/index.js",
   "module": "./build/core/index.js",
@@ -61,19 +73,19 @@
     "expo-modules-core": "57.0.5"
   },
   "peerDependencies": {
-    "@symbiote-native/angular": ">=0.6.2",
-    "@symbiote-native/engine": ">=0.1.7",
-    "@symbiote-native/react": ">=0.2.8",
-    "@symbiote-native/solid": ">=0.0.1",
-    "@symbiote-native/svelte": ">=0.1.0",
-    "@symbiote-native/vue": ">=0.3.8",
     "@angular/core": ">=20",
     "@vue/runtime-core": "^3.5.13",
     "react": ">=19.0.0",
     "react-native": ">=0.86",
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
-    "vue": ">=3.5.0"
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^2.0.0",
+    "@symbiote-native/engine": "^0.5.0",
+    "@symbiote-native/react": "^2.0.0",
+    "@symbiote-native/solid": "^2.0.0",
+    "@symbiote-native/svelte": "^2.0.0",
+    "@symbiote-native/vue": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -121,13 +133,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "0.8.0",
-    "@symbiote-native/engine": "0.3.0",
-    "@symbiote-native/react": "0.4.0",
-    "@symbiote-native/solid": "0.1.0",
-    "@symbiote-native/svelte": "0.3.0",
-    "@symbiote-native/test-utils": "0.2.0",
-    "@symbiote-native/vue": "0.5.0"
+    "@symbiote-native/angular": "2.0.0",
+    "@symbiote-native/engine": "0.5.0",
+    "@symbiote-native/react": "2.0.0",
+    "@symbiote-native/solid": "2.0.0",
+    "@symbiote-native/svelte": "2.0.0",
+    "@symbiote-native/test-utils": "0.3.0",
+    "@symbiote-native/vue": "2.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",