Feat: cms plugin

cms/config/plugins.ts

@@ -32,5 +32,9 @@ export default ({ env }) => ({
       host: env('MEILISEARCH_HOST'),
       apiKey: env('MEILISEARCH_MASTER_KEY'),
     }
-  }
+  },
+  betagouv: {
+    enabled: true,
+    resolve: './src/plugins/betagouv',
+  },
 });

cms/package.json

@@ -2,6 +2,9 @@
   "name": "cms",
   "private": true,
   "version": "0.1.0",
+  "workspaces": [
+    "src/plugins/*"
+  ],
   "scripts": {
     "develop": "strapi develop",
     "start": "strapi start",

cms/src/plugins/betagouv/admin/src/components/FlowCard.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Box, Typography, Button } from '@strapi/design-system';
+import getTrad from '../utils/getTrad';
+import { useIntl } from "react-intl"
+
+import { useFlowRun } from '../hooks/useFlowRun';
+
+const FlowCard = (props: {id: string}) => {
+  const { formatMessage } = useIntl();
+  const [run, isLoading, isError] = useFlowRun(props.id);
+
+  return (
+    <Box padding={4} hasRadius background="neutral0" shadow="tableShadow">
+          <Typography>{formatMessage({ id: getTrad(`flow-${props.id}`)})}</Typography>
+          <Button onClick={run} disabled={isLoading}>{formatMessage({ id: getTrad('action')})}</Button>
+    </Box>
+  );
+};
+
+export default FlowCard;

cms/src/plugins/betagouv/admin/src/components/Initializer/index.tsx

@@ -0,0 +1,24 @@
+/**
+ *
+ * Initializer
+ *
+ */
+
+import { useEffect, useRef } from 'react';
+import pluginId from '../../pluginId';
+
+type InitializerProps = {
+  setPlugin: (id: string) => void;
+};
+
+const Initializer = ({ setPlugin }: InitializerProps) => {
+  const ref = useRef(setPlugin);
+
+  useEffect(() => {
+    ref.current(pluginId);
+  }, []);
+
+  return null;
+};
+
+export default Initializer;

cms/src/plugins/betagouv/admin/src/components/PluginIcon/index.tsx

@@ -0,0 +1,12 @@
+/**
+ *
+ * PluginIcon
+ *
+ */
+
+import React from 'react';
+import { Puzzle } from '@strapi/icons';
+
+const PluginIcon = () => <Puzzle />;
+
+export default PluginIcon;

cms/src/plugins/betagouv/admin/src/hooks/useFlowList.ts

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+import { useFetchClient } from '@strapi/helper-plugin';
+import pluginId from '../pluginId';
+
+export function useFlowList():[Array<string>, boolean] {
+  const { get } = useFetchClient();
+  const [isLoading, setIsLoading] = useState(false); 
+  const [flows, setFlows] = useState<Array<string>>([]);
+
+  useEffect(() => {
+    setIsLoading(true);
+    get(`${pluginId}/flows`)
+      .then((d: any) => {
+        setFlows(d.data);
+      })
+      .finally(() => setIsLoading(false));
+  }, []);
+
+  return [flows, isLoading];
+}

cms/src/plugins/betagouv/admin/src/hooks/useFlowRun.ts

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+import { useFetchClient } from '@strapi/helper-plugin';
+import pluginId from '../pluginId';
+
+export function useFlowRun(id: string) {
+  const { post } = useFetchClient();
+  const [isLoading, setIsLoading] = useState(false); 
+  const [isError, setIsError] = useState(false); 
+
+  async function run() {
+    setIsLoading(true);
+    try {
+      await post(`${pluginId}/flows/${id}`);
+      setIsError(false);
+    } catch(e) {
+      console.error(e)
+      setIsError(true);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  return [run, isLoading, isError];
+}