@ckb-ccc/connector-react 0.0.2

package/.prettierignore

@@ -0,0 +1,12 @@
+node_modules/
+
+dist/
+
+.npmignore
+.prettierrc
+tsconfig.json
+eslint.config.mjs
+.prettierrc
+
+tsconfig.tsbuildinfo
+.github/

package/dist/advanced.d.ts

@@ -0,0 +1,3 @@
+export * from "./advancedBarrel";
+export * as cccA from "./advancedBarrel";
+//# sourceMappingURL=advanced.d.ts.map

package/dist/advanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced.d.ts","sourceRoot":"","sources":["../src/advanced.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/dist/advanced.js

@@ -0,0 +1,2 @@
+export * from "./advancedBarrel";
+export * as cccA from "./advancedBarrel";

package/dist/advancedBarrel.d.ts

@@ -0,0 +1,2 @@
+export * from "@ckb-ccc/connector/advancedBarrel";
+//# sourceMappingURL=advancedBarrel.d.ts.map

package/dist/advancedBarrel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/dist/advancedBarrel.js

@@ -0,0 +1 @@
+export * from "@ckb-ccc/connector/advancedBarrel";

package/dist/barrel.d.ts

@@ -0,0 +1,4 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=barrel.d.ts.map

package/dist/barrel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barrel.d.ts","sourceRoot":"","sources":["../src/barrel.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/barrel.js

@@ -0,0 +1,3 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components";
+export * from "./hooks";

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+import { CloseEvent, ConnectedEvent, WebComponentConnector } from "@ckb-ccc/connector";
+import { type EventName } from "@lit/react";
+export declare const Connector: import("@lit/react").ReactWebComponent<WebComponentConnector, {
+    onConnected: EventName<ConnectedEvent>;
+    onClose: EventName<CloseEvent>;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EACV,cAAc,EACd,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAG7D,eAAO,MAAM,SAAS;;;EAQpB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { WebComponentConnector, } from "@ckb-ccc/connector";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+export const Connector = createComponent({
+    tagName: "ccc-connector",
+    elementClass: WebComponentConnector,
+    react: React,
+    events: {
+        onConnected: "connected",
+        onClose: "close",
+    },
+});

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useCcc";
+export * from "./useSigner";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useCcc";
+export * from "./useSigner";

package/dist/hooks/useCcc.d.ts

@@ -0,0 +1,12 @@
+import { SignerInfo } from "@ckb-ccc/connector";
+import * as React from "react";
+import { ReactNode } from "react";
+export declare function Provider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export declare function useCcc(): {
+    open: () => unknown;
+    disconnect: () => unknown;
+    signerInfo?: SignerInfo | undefined;
+};
+//# sourceMappingURL=useCcc.d.ts.map

package/dist/hooks/useCcc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAS3D,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAoB7D;AAED,wBAAgB,MAAM;;;;EAErB"}

package/dist/hooks/useCcc.js

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import { createContext, useState } from "react";
+import { Connector } from "../components";
+const CCC_CONTEXT = createContext({ open: () => { }, disconnect: () => { } });
+export function Provider({ children }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [signerInfo, setSignerInfo] = useState();
+    return (React.createElement(CCC_CONTEXT.Provider, { value: {
+            open: () => setIsOpen(true),
+            disconnect: () => setSignerInfo(undefined),
+            signerInfo,
+        } },
+        React.createElement(Connector, { isOpen: isOpen, onClose: () => setIsOpen(false), onConnected: ({ signerInfo }) => setSignerInfo(signerInfo) }),
+        children));
+}
+export function useCcc() {
+    return React.useContext(CCC_CONTEXT);
+}

package/dist/hooks/useSigner.d.ts

@@ -0,0 +1,2 @@
+export declare function useSigner(): import("@ckb-ccc/core").Signer | undefined;
+//# sourceMappingURL=useSigner.d.ts.map

package/dist/hooks/useSigner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSigner.d.ts","sourceRoot":"","sources":["../../src/hooks/useSigner.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,+CAExB"}

package/dist/hooks/useSigner.js

@@ -0,0 +1,4 @@
+import { useCcc } from "./useCcc";
+export function useSigner() {
+    return useCcc().signerInfo?.signer;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./barrel";
+export * as ccc from "./barrel";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./barrel";
+export * as ccc from "./barrel";

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@ckb-ccc/connector-react",
+  "version": "0.0.2",
+  "description": "Common Chains Connector UI Component for React",
+  "author": "Hanssen0 <hanssen0@hanssen0.com>",
+  "license": "MIT",
+  "private": false,
+  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./barrel": "./dist/barrel.js",
+    "./advancedBarrel": "./dist/advancedBarrel.js",
+    "./advanced": "./dist/advanced.js"
+  },
+  "scripts": {
+    "build": "rimraf ./dist && tsc",
+    "lint": "eslint",
+    "format": "prettier --write . && eslint --fix"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.1.1",
+    "@types/react": "^18",
+    "eslint": "^9.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "prettier": "^3.2.5",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.7.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ckb-ccc/connector": "0.0.2",
+    "@lit/react": "^1.0.5",
+    "react": "^18"
+  },
+  "gitHead": "34b7f8d8443258188d47aad71246e787b544300b"
+}

package/src/advanced.ts

@@ -0,0 +1,2 @@
+export * from "./advancedBarrel";
+export * as cccA from "./advancedBarrel";

package/src/advancedBarrel.ts

@@ -0,0 +1 @@
+export * from "@ckb-ccc/connector/advancedBarrel";

package/src/barrel.ts

@@ -0,0 +1,3 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components";
+export * from "./hooks";

package/src/components/index.ts

@@ -0,0 +1,19 @@
+"use client";
+
+import {
+  CloseEvent,
+  ConnectedEvent,
+  WebComponentConnector,
+} from "@ckb-ccc/connector";
+import { createComponent, type EventName } from "@lit/react";
+import * as React from "react";
+
+export const Connector = createComponent({
+  tagName: "ccc-connector",
+  elementClass: WebComponentConnector,
+  react: React,
+  events: {
+    onConnected: "connected" as EventName<ConnectedEvent>,
+    onClose: "close" as EventName<CloseEvent>,
+  },
+});

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from "./useCcc";
+export * from "./useSigner";

package/src/hooks/useCcc.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { SignerInfo } from "@ckb-ccc/connector";
+import * as React from "react";
+import { ReactNode, createContext, useState } from "react";
+import { Connector } from "../components";
+
+const CCC_CONTEXT = createContext<{
+  open: () => unknown;
+  disconnect: () => unknown;
+  signerInfo?: SignerInfo;
+}>({ open: () => {}, disconnect: () => {} });
+
+export function Provider({ children }: { children: ReactNode }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [signerInfo, setSignerInfo] = useState<SignerInfo | undefined>();
+
+  return (
+    <CCC_CONTEXT.Provider
+      value={{
+        open: () => setIsOpen(true),
+        disconnect: () => setSignerInfo(undefined),
+        signerInfo,
+      }}
+    >
+      <Connector
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+        onConnected={({ signerInfo }) => setSignerInfo(signerInfo)}
+      />
+      {children}
+    </CCC_CONTEXT.Provider>
+  );
+}
+
+export function useCcc() {
+  return React.useContext(CCC_CONTEXT);
+}

package/src/hooks/useSigner.tsx

@@ -0,0 +1,5 @@
+import { useCcc } from "./useCcc";
+
+export function useSigner() {
+  return useCcc().signerInfo?.signer;
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./barrel";
+export * as ccc from "./barrel";