card event (inserted/removed) managed! :)

src/react-engine/Charta.tsx

@@ -1,5 +1,5 @@
 import React = require("react");
-import { CardManager, ICardManagerStatus } from "../smartcard/cardmanager";
+import { CardManager, ICardManagerStatus, CardEvents, ICardInfo } from "../smartcard/cardmanager";
 import { CardPanel } from "./CardPanel";
 import { ReaderPanel } from "./ReaderPanel";
 
@@ -37,5 +37,14 @@ export class Charta extends React.Component<IProps, ICardManagerStatus> {
  console.log(readerStatus);
 
  this.setState(readerStatus);
+
+ CardManager.listenCardEvents((cEvent: CardEvents, cInfo: ICardInfo) => {
+ this.setState({
+ cardInfo: cInfo,
+ isActive: this.state.isActive,
+ isCardInserted: cEvent === CardEvents.CardInserted ? true : false,
+ readerName: this.state.readerName,
+ });
+ });
  }
 }

src/smartcard/cardmanager.ts

@@ -1,7 +1,14 @@
-import { TsCard } from "tscard"
+import { TsCard } from "tscard";
+import SmartCard, { CardEvent } from "tscard/cards/smartcard";
 import Reader from "tscard/reader";
 import Utilities from "tscard/utilities";
 
+
+export enum CardEvents {
+ CardInserted = CardEvent.Inserted,
+ CardRemoved = CardEvent.Removed,
+}
+
 export interface ICardInfo {
  atr: string;
  cardType: string;
@@ -21,7 +28,7 @@ export class CardManager {
  try {
  const result: ICardManagerStatus = {
  cardInfo: null,
- isActive: false,
+ isActive: this.cardManagerActive,
  isCardInserted: false,
  readerName: "",
  };
@@ -31,6 +38,7 @@ export class CardManager {
  if (reader == null || reader.name === "") {
  return result;
  }
+ this.cardManagerActive = true;
 
  const [cardInserted, card] = await TsCard.instance.insertCard(3000);
  result.readerName = reader.name;
@@ -41,19 +49,30 @@ export class CardManager {
  cardType: card.isMemoryCard ? "Memory Card" : "Chip Card",
  };
  }
- result.isActive = true;
+ result.isActive = this.cardManagerActive;
 
  return result;
  } catch (e) {
  return {
+ cardInfo: null,
  isActive: false,
  isCardInserted: false,
- cardInfo: null,
  readerName: "",
  };
  }
  }
 
+ public static listenCardEvents(f: (cardEvent: CardEvents, cardInfo: ICardInfo) => void) {
+ TsCard.instance.onCardEvent((e: CardEvent, c: SmartCard, err: Error) => {
+
+ const atrDetected: string = c !== null ? Utilities.bytesToHexString(c.atr) : "";
+ const isMemoryCardDetected: boolean = c !== null ? c.isMemoryCard : false;
+
+ // tslint:disable-next-line: max-line-length
+ f(e === CardEvent.Inserted ? CardEvents.CardInserted : CardEvents.CardRemoved, { atr: atrDetected, cardType: isMemoryCardDetected ? "Memory Card" : "Chip Card"});
+ });
+ }
+
  public static closeCardReader() {
  TsCard.instance.close();
  }
@@ -73,5 +92,7 @@ export class CardManager {
  });
  }
  }
+
+ private static cardManagerActive: boolean = false;
 }