Feature/refactor types (#50)

* feat: implement headless hooks and types

* feat: add blink list hook, adjust naming

* chore: BREAKING: rename most of the instances from `*action*` to `*blink*`. Most have fallbacks to old naming, but `action` prop is now renamed to `blink` for Blink components

* feat: add ability to hide website url row by passing `false` to `websiteText`

* feat: pass through resolved blinkApiUrl from useBlink

* chore: rename BlinkConfig to BlinkSolanaConfig, move BlinkAdapter to a separate file, rename Action folder to BlinkInstance, minor adjustments

* chore: rename Provider type to BlinkProvider

* feat: no proxy wrap, if requests are made to dial.to service

* chore: log adjustments

* chore: add missing export

* docs: adjust readme

* fix: align types

* fix: adjust blink list entry type

* feat: add class names to blink elements

* chore: missing rename

* chore: adjust blink preview response type

* docs: adjust formatting in readme

Author: fsher

README.md

@@ -103,10 +103,10 @@ Package provides an entrypoint function with styled for X Blink components
 ```ts
 // contentScript.ts
 import { setupTwitterObserver } from "@dialectlabs/blinks/ext/twitter";
-import { ActionConfig } from "@dialectlabs/blinks";
+import { BlinkSolanaConfig } from "@dialectlabs/blinks";
 
 // your RPC_URL is used to create a connection to confirm the transaction after action execution
-setupTwitterObserver(new ActionConfig(RPC_URL, {
+setupTwitterObserver(new BlinkSolanaConfig(RPC_URL, {
   metadata: {
     supportedBlockchainIds: [BlockchainIds.SOLANA_MAINNET]
   },
@@ -116,21 +116,25 @@ setupTwitterObserver(new ActionConfig(RPC_URL, {
 
 // or
 
-import { type ActionAdapter } from "@dialectlabs/blinks";
+import type { BlinkAdapter, BlinkAdapterMetadata } from "@dialectlabs/blinks";
 
-class MyActionAdapter implements ActionAdapter {
+class MyBlinkAdapter implements BlinkAdapter {
   async connect() { ... }
+
   async signTransaction(tx: string) { ... }
+
   async confirmTransaction(sig: string) { ... }
-  get metadata(): ActionAdapterMetadata {
+
+  get metadata(): BlinkAdapterMetadata {
     return {
       supportedBlockchainIds: [BlockchainIds.SOLANA_MAINNET],
     };
   }
+
   async signMessage(data: string | SignMessageData) { ... }
 }
 
-setupTwitterObserver(new MyActionAdapter());
+setupTwitterObserver(new MyBlinkAdapter());
 ```
 
 #### Manifest

bun.lock

@@ -46,7 +46,7 @@
     },
     "packages/blinks": {
       "name": "@dialectlabs/blinks",
-      "version": "0.20.1",
+      "version": "0.20.2",
       "dependencies": {
         "@dialectlabs/blinks-core": "packages/blinks-core",
         "bs58": "^6.0.0",

examples/mini-blinks/package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@dialectlabs/blinks": "0.20.0",
+    "@dialectlabs/blinks": "^0.20.2",
     "@solana/wallet-adapter-react": "^0.15.0",
     "@solana/wallet-adapter-react-ui": "^0.9.0",
     "@solana/web3.js": "^1.95.1",

examples/mini-blinks/src/App.tsx

@@ -1,20 +1,20 @@
 import {
   Miniblink,
-  useAction,
-  useActionsRegistryInterval,
+  useBlink,
+  useBlinksRegistryInterval,
 } from '@dialectlabs/blinks';
-import { useActionSolanaWalletAdapter } from '@dialectlabs/blinks/hooks/solana';
+import { useBlinkSolanaWalletAdapter } from '@dialectlabs/blinks/hooks/solana';
 import '@dialectlabs/blinks/index.css';
 import { WalletMultiButton } from '@solana/wallet-adapter-react-ui';
 import '@solana/wallet-adapter-react-ui/styles.css';
 
 function App() {
-  useActionsRegistryInterval();
+  useBlinksRegistryInterval();
 
-  const { adapter } = useActionSolanaWalletAdapter(
+  const { adapter } = useBlinkSolanaWalletAdapter(
     import.meta.env.VITE_PUBLIC_RPC_URL,
   );
-  const { action, isLoading } = useAction({
+  const { blink, isLoading } = useBlink({
     url: 'solana-action:https://dial.to/api/donate',
   });
 
@@ -23,15 +23,15 @@ function App() {
       <div className="flex min-w-[400px] flex-col items-center">
         <h1 className="mb-4 text-center text-4xl font-bold">Mini Blinks</h1>
         <div className="mb-4 w-full">
-          {isLoading || !action ? (
+          {isLoading || !blink ? (
             <span>Loading</span>
           ) : (
             <Miniblink
               adapter={adapter}
               selector={(currentAction) =>
                 currentAction.actions.find((a) => a.label === 'Donate')!
               }
-              action={action}
+              blink={blink}
             />
           )}
         </div>

packages/blinks-core/package.json

@@ -17,6 +17,11 @@
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
+    "./api": {
+      "import": "./dist/service-api/index.js",
+      "require": "./dist/service-api/index.cjs",
+      "types": "./dist/service-api/index.d.ts"
+    },
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",