@islom929/react-eimzo 0.3.1 → 0.4.0

package/README.md

@@ -1,6 +1,6 @@
 # @islom929/react-eimzo
 
-Headless E-IMZO digital signature integration for React. No UI included — bring your own components.
+React hook for E-IMZO digital signatures. Simple API, zero UI dependencies — works with any component library.
 
 ## Install
 
@@ -19,13 +19,20 @@ import { EimzoProvider } from '@islom929/react-eimzo'
 
 function App() {
   return (
-    <EimzoProvider>
+    <EimzoProvider
+      apiKeys={[
+        'yourdomain.uz', 'YOUR_PRODUCTION_API_KEY_HERE',
+        'test.yourdomain.uz', 'YOUR_TEST_API_KEY_HERE',
+      ]}
+    >
       <YourApp />
     </EimzoProvider>
   )
 }
 ```
 
+Default keys for `localhost` and `127.0.0.1` are always included.
+
 ### 2. Use the hook
 
 ```tsx
@@ -121,19 +128,15 @@ function PfxSign() {
 }
 ```
 
-### Sign with hardware device
+### Sign with tokens
 
-No certificate selection needed. Pass device type directly.
+No certificate selection needed. Pass device type directly. Device status is checked automatically on mount.
 
 ```tsx
-function DeviceSign() {
-  const { sign, deviceStatus, loadKeys, isInstalled, isLoading } = useEimzo()
-
-  useEffect(() => {
-    if (isInstalled) loadKeys()
-  }, [isInstalled])
+function TokenSign() {
+  const { sign, deviceStatus, isLoading } = useEimzo()
 
-  const handleDeviceSign = (device: 'idcard' | 'baikey' | 'ckc') => {
+  const handleTokenSign = (device: 'idcard' | 'baikey' | 'ckc') => {
     sign({
       keyId: device,
       data: JSON.stringify({ document: 'content' }),
@@ -145,21 +148,21 @@ function DeviceSign() {
   return (
     <div>
       <button
-        onClick={() => handleDeviceSign('idcard')}
+        onClick={() => handleTokenSign('idcard')}
         disabled={!deviceStatus.idcard || isLoading}
       >
         ID Card {deviceStatus.idcard ? '(connected)' : '(not connected)'}
       </button>
 
       <button
-        onClick={() => handleDeviceSign('baikey')}
+        onClick={() => handleTokenSign('baikey')}
         disabled={!deviceStatus.baikey || isLoading}
       >
         BAIK Token {deviceStatus.baikey ? '(connected)' : '(not connected)'}
       </button>
 
       <button
-        onClick={() => handleDeviceSign('ckc')}
+        onClick={() => handleTokenSign('ckc')}
         disabled={!deviceStatus.ckc || isLoading}
       >
         CKC {deviceStatus.ckc ? '(connected)' : '(not connected)'}
@@ -241,23 +244,6 @@ function ApplicationForm() {
 }
 ```
 
-### Production API keys
-
-Add your domain's API key for production deployment.
-
-```tsx
-<EimzoProvider
-  apiKeys={[
-    'yourdomain.uz', 'YOUR_PRODUCTION_API_KEY_HERE',
-    'test.yourdomain.uz', 'YOUR_TEST_API_KEY_HERE',
-  ]}
->
-  <App />
-</EimzoProvider>
-```
-
-Default keys for `localhost` and `127.0.0.1` are always included.
-
 ### Check E-IMZO installation
 
 ```tsx
@@ -277,35 +263,6 @@ function EimzoStatus() {
 }
 ```
 
-### Filter certificates
-
-```tsx
-function FilteredKeys() {
-  const { keyList, loadKeys, isInstalled } = useEimzo()
-
-  useEffect(() => {
-    if (isInstalled) loadKeys()
-  }, [isInstalled])
-
-  // Only valid (not expired) certificates
-  const validCerts = keyList.filter((cert) => !cert.expired)
-
-  // Filter by organization
-  const orgCerts = keyList.filter((cert) => cert.O === 'MY COMPANY')
-
-  // Filter by PINFL
-  const userCerts = keyList.filter((cert) => cert.PINFL === '12345678901234')
-
-  return (
-    <div>
-      <p>All: {keyList.length}</p>
-      <p>Valid: {validCerts.length}</p>
-      <p>My org: {orgCerts.length}</p>
-    </div>
-  )
-}
-```
-
 ## API
 
 ### EimzoProvider

package/dist/index.cjs

@@ -814,24 +814,29 @@ function EimzoProvider({ apiKeys, children }) {
     baikey: false,
     ckc: false
   });
+  const checkDevices = (0, import_react.useCallback)(async () => {
+    const [idcard, baikey, ckc] = await Promise.allSettled([
+      checkIdCard(),
+      checkBaikToken(),
+      checkCkc()
+    ]);
+    setDeviceStatus({
+      idcard: idcard.status === "fulfilled" && idcard.value,
+      baikey: baikey.status === "fulfilled" && baikey.value,
+      ckc: ckc.status === "fulfilled" && ckc.value
+    });
+  }, []);
   (0, import_react.useEffect)(() => {
-    install(apiKeys).then(() => setIsInstalled(true)).catch(() => setIsInstalled(false));
+    install(apiKeys).then(async () => {
+      setIsInstalled(true);
+      await checkDevices();
+    }).catch(() => setIsInstalled(false));
   }, []);
   const loadKeys = (0, import_react.useCallback)(async () => {
     setIsLoading(true);
     try {
       const certs = await listAllUserKeys();
       setKeyList(certs);
-      const [idcard, baikey, ckc] = await Promise.allSettled([
-        checkIdCard(),
-        checkBaikToken(),
-        checkCkc()
-      ]);
-      setDeviceStatus({
-        idcard: idcard.status === "fulfilled" && idcard.value,
-        baikey: baikey.status === "fulfilled" && baikey.value,
-        ckc: ckc.status === "fulfilled" && ckc.value
-      });
     } catch (err) {
       console.error("E-IMZO: Failed to load keys", err);
     } finally {

package/dist/index.js

@@ -793,24 +793,29 @@ function EimzoProvider({ apiKeys, children }) {
     baikey: false,
     ckc: false
   });
+  const checkDevices = useCallback(async () => {
+    const [idcard, baikey, ckc] = await Promise.allSettled([
+      checkIdCard(),
+      checkBaikToken(),
+      checkCkc()
+    ]);
+    setDeviceStatus({
+      idcard: idcard.status === "fulfilled" && idcard.value,
+      baikey: baikey.status === "fulfilled" && baikey.value,
+      ckc: ckc.status === "fulfilled" && ckc.value
+    });
+  }, []);
   useEffect(() => {
-    install(apiKeys).then(() => setIsInstalled(true)).catch(() => setIsInstalled(false));
+    install(apiKeys).then(async () => {
+      setIsInstalled(true);
+      await checkDevices();
+    }).catch(() => setIsInstalled(false));
   }, []);
   const loadKeys = useCallback(async () => {
     setIsLoading(true);
     try {
       const certs = await listAllUserKeys();
       setKeyList(certs);
-      const [idcard, baikey, ckc] = await Promise.allSettled([
-        checkIdCard(),
-        checkBaikToken(),
-        checkCkc()
-      ]);
-      setDeviceStatus({
-        idcard: idcard.status === "fulfilled" && idcard.value,
-        baikey: baikey.status === "fulfilled" && baikey.value,
-        ckc: ckc.status === "fulfilled" && ckc.value
-      });
     } catch (err) {
       console.error("E-IMZO: Failed to load keys", err);
     } finally {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@islom929/react-eimzo",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Headless E-IMZO digital signature integration for React",
   "type": "module",
   "main": "dist/index.cjs",