m2m-components 0.1.1 → 0.1.2

package/notification/NotificationProvider.js

@@ -0,0 +1,79 @@
+import { createContext, useCallback, useContext } from "react";
+import { useAuthFetch } from "matsuri-hooks";
+import { useMemo } from "react";
+import { m2mNotifications_v1 } from "../endpoints/m2m-notifications.v1";
+import { useServiceId } from "./ServiceIdProvider";
+import React from "react";
+const NotificationPermissionContext = createContext(undefined);
+const NotificationsContext = createContext(undefined); // ServiceIdProviderの中で使うこと
+
+export const NotificationsProvider = ({
+  token,
+  children
+}) => {
+  const serviceId = useServiceId();
+  const {
+    data: subscriptions,
+    refetch: refetchSubscriptions
+  } = useAuthFetch(token, m2mNotifications_v1.findMySubscriptions(), {});
+  const checkPermission = useCallback(notificationType => {
+    const subscription = subscriptions?.find(item => {
+      return item.serviceId === serviceId && item.notificationType === notificationType && item.resourceSubscription.resourceSelectType === "any";
+    });
+    return subscription?.status;
+  }, [subscriptions]);
+  const {
+    data: notifications,
+    error,
+    refetch: refetchNotifications
+  } = useAuthFetch(token, m2mNotifications_v1.findNotificationsByServiceId({
+    id: serviceId
+  }), {
+    swrConfig: {
+      refreshInterval: 1000 * 60 * 5
+    }
+  });
+
+  if (error) {
+    // エラーが出てもユーザーは特に困らないので、ユーザーに伝える必要はないが、監視は必要。
+    console.error(error);
+  }
+
+  const permissionContextState = useMemo(() => {
+    return {
+      checkPermission,
+      refetch: refetchSubscriptions
+    };
+  }, [checkPermission, refetchSubscriptions]);
+  const notificationsContextState = useMemo(() => {
+    return {
+      notifications: notifications?.data ?? [],
+      isAllRead: notifications?.data.every(n => n.status === "read") ?? true,
+      refetch: refetchNotifications
+    };
+  }, [refetchNotifications, notifications?.data]);
+  return <NotificationPermissionContext.Provider value={permissionContextState}>
+      <NotificationsContext.Provider value={notificationsContextState}>
+        {children}
+      </NotificationsContext.Provider>
+    </NotificationPermissionContext.Provider>;
+};
+export const useNotifications = () => {
+  const ctx = useContext(NotificationsContext);
+
+  if (!ctx) {
+    throw new Error("NotificatoinProvider is not found");
+  }
+
+  return ctx;
+};
+export const useNotificationPermission = () => {
+  const ctx = useContext(NotificationPermissionContext);
+
+  if (!ctx) {
+    throw new Error("NotificatoinProvider is not found");
+  }
+
+  return ctx;
+};
+//# sourceMappingURL=NotificationProvider.js.map

package/notification/NotificationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notification/NotificationProvider.tsx"],"names":["createContext","useCallback","useContext","useAuthFetch","useMemo","m2mNotifications_v1","useServiceId","React","NotificationPermissionContext","undefined","NotificationsContext","NotificationsProvider","token","children","serviceId","data","subscriptions","refetch","refetchSubscriptions","findMySubscriptions","checkPermission","notificationType","subscription","find","item","resourceSubscription","resourceSelectType","status","notifications","error","refetchNotifications","findNotificationsByServiceId","id","swrConfig","refreshInterval","console","permissionContextState","notificationsContextState","isAllRead","every","n","useNotifications","ctx","Error","useNotificationPermission"],"mappings":"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","sourcesContent":["import { createContext, useCallback, useContext } from \"react\";\nimport { useAuthFetch } from \"matsuri-hooks\";\nimport { useMemo } from \"react\";\nimport { m2mNotifications_v1 } from \"../endpoints/m2m-notifications.v1\";\nimport { useServiceId } from \"./ServiceIdProvider\";\nimport { SubscriptionStatus, Subscription, Notification } from \"./domain\";\nimport React from \"react\";\n\nconst NotificationPermissionContext = createContext<\n  | {\n      checkPermission: (\n        notificationType: string\n      ) => SubscriptionStatus | undefined;\n      refetch: () => void;\n    }\n  | undefined\n>(undefined);\n\nconst NotificationsContext = createContext<\n  | { notifications: Notification[]; isAllRead: boolean; refetch: () => void }\n  | undefined\n>(undefined);\n\n// ServiceIdProviderの中で使うこと\nexport const NotificationsProvider: React.FC<{ token: string }> = ({\n  token,\n  children,\n}) => {\n  const serviceId = useServiceId();\n\n  const { data: subscriptions, refetch: refetchSubscriptions } = useAuthFetch<\n    Subscription[]\n  >(token, m2mNotifications_v1.findMySubscriptions(), {});\n  const checkPermission = useCallback(\n    (notificationType: string) => {\n      const subscription = subscriptions?.find((item) => {\n        return (\n          item.serviceId === serviceId &&\n          item.notificationType === notificationType &&\n          item.resourceSubscription.resourceSelectType === \"any\"\n        );\n      });\n\n      return subscription?.status;\n    },\n    [subscriptions]\n  );\n\n  const {\n    data: notifications,\n    error,\n    refetch: refetchNotifications,\n  } = useAuthFetch<{ data: Notification[] }>(\n    token,\n    m2mNotifications_v1.findNotificationsByServiceId({ id: serviceId }),\n    { swrConfig: { refreshInterval: 1000 * 60 * 5 } }\n  );\n  if (error) {\n    // エラーが出てもユーザーは特に困らないので、ユーザーに伝える必要はないが、監視は必要。\n    console.error(error);\n  }\n\n  const permissionContextState = useMemo(() => {\n    return {\n      checkPermission,\n      refetch: refetchSubscriptions,\n    };\n  }, [checkPermission, refetchSubscriptions]);\n\n  const notificationsContextState = useMemo(() => {\n    return {\n      notifications: notifications?.data ?? [],\n      isAllRead: notifications?.data.every((n) => n.status === \"read\") ?? true,\n      refetch: refetchNotifications,\n    };\n  }, [refetchNotifications, notifications?.data]);\n\n  return (\n    <NotificationPermissionContext.Provider value={permissionContextState}>\n      <NotificationsContext.Provider value={notificationsContextState}>\n        {children}\n      </NotificationsContext.Provider>\n    </NotificationPermissionContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const ctx = useContext(NotificationsContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n\nexport const useNotificationPermission = () => {\n  const ctx = useContext(NotificationPermissionContext);\n  if (!ctx) {\n    throw new Error(\"NotificatoinProvider is not found\");\n  }\n\n  return ctx;\n};\n"],"file":"NotificationProvider.js"}

package/notification/ServiceIdProvider.js

@@ -0,0 +1,23 @@
+import React, { createContext, useMemo } from "react";
+const ServiceIdContext = createContext(undefined);
+export const ServiceIdProvider = ({
+  serviceId,
+  children
+}) => {
+  const state = useMemo(() => ({
+    serviceId
+  }), []);
+  return <ServiceIdContext.Provider value={state}>
+      {children}
+    </ServiceIdContext.Provider>;
+};
+export const useServiceId = () => {
+  const context = React.useContext(ServiceIdContext);
+
+  if (context === undefined) {
+    throw new Error("useServiceId must be used within a ServiceIdProvider");
+  }
+
+  return context.serviceId;
+};
+//# sourceMappingURL=ServiceIdProvider.js.map

package/notification/ServiceIdProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notification/ServiceIdProvider.tsx"],"names":["React","createContext","useMemo","ServiceIdContext","undefined","ServiceIdProvider","serviceId","children","state","useServiceId","context","useContext","Error"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,OAA/B,QAA8C,OAA9C;AAMA,MAAMC,gBAAgB,GAAGF,aAAa,CACpCG,SADoC,CAAtC;AAIA,OAAO,MAAMC,iBAAiB,GAAG,CAAC;AAChCC,EAAAA,SADgC;AAEhCC,EAAAA;AAFgC,CAAD,KAM3B;AACJ,QAAMC,KAAK,GAAGN,OAAO,CAAC,OAAO;AAAEI,IAAAA;AAAF,GAAP,CAAD,EAAwB,EAAxB,CAArB;AAEA,SACE,CAAC,iBAAiB,QAAlB,CAA2B,MAAM,CAACE,KAAD,CAAjC;AACJ,MAAM,CAACD,QAAD;AACN,IAAI,EAAE,iBAAiB,QAAnB,CAHF;AAKD,CAdM;AAgBP,OAAO,MAAME,YAAY,GAAG,MAAM;AAChC,QAAMC,OAAO,GAAGV,KAAK,CAACW,UAAN,CAAiBR,gBAAjB,CAAhB;;AACA,MAAIO,OAAO,KAAKN,SAAhB,EAA2B;AACzB,UAAM,IAAIQ,KAAJ,CAAU,sDAAV,CAAN;AACD;;AACD,SAAOF,OAAO,CAACJ,SAAf;AACD,CANM","sourcesContent":["import React, { createContext, useMemo } from \"react\";\n\ninterface ServiceIdContextState {\n  serviceId: string;\n}\n\nconst ServiceIdContext = createContext<ServiceIdContextState | undefined>(\n  undefined\n);\n\nexport const ServiceIdProvider = ({\n  serviceId,\n  children,\n}: {\n  serviceId: string;\n  children: React.ReactNode;\n}) => {\n  const state = useMemo(() => ({ serviceId }), []);\n\n  return (\n    <ServiceIdContext.Provider value={state}>\n      {children}\n    </ServiceIdContext.Provider>\n  );\n};\n\nexport const useServiceId = () => {\n  const context = React.useContext(ServiceIdContext);\n  if (context === undefined) {\n    throw new Error(\"useServiceId must be used within a ServiceIdProvider\");\n  }\n  return context.serviceId;\n};\n"],"file":"ServiceIdProvider.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m2m-components",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "index.js",
   "module": "index.js",
   "typings": "index.d.ts",
@@ -50,7 +50,7 @@
     "build-app:hub:dev": "vite build website/hub/ --out-dir ../../build -m development",
     "clean": "rm -rf {m2m-apps-menu,m2m-user-menu,LitMenuBaseElement,domains,index}.{d.ts.map,d.ts,js.map,js} storage/ notification/ endpoints/",
     "build": "concurrently yarn:build:*",
-    "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --extensions .ts -d ./ --source-maps",
+    "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --extensions .ts,.tsx -d ./ --source-maps",
     "build:types": "tsc -p tsconfig.json --emitDeclarationOnly --declaration --declarationDir ./",
     "lint": "eslint .",
     "postlint": "prettier --check .",