content-serialization 0.0.0

package/README.md

@@ -0,0 +1 @@
+# content-serialization

package/dist/_chunks/App-B8wd-5ZH.mjs

@@ -0,0 +1,186 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
+import { Routes, Route } from "react-router-dom";
+import { useState } from "react";
+import { Main, Box, Flex, Typography, Grid, Card, CardBody, Button } from "@strapi/design-system";
+import { Rocket, ArrowDown, ArrowUp, Code, ArrowClockwise, CheckCircle } from "@strapi/icons";
+import { P as PLUGIN_ID } from "./index-DgFuP8NI.mjs";
+const HomePage = () => {
+  const { post } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [isPulling, setIsPulling] = useState(false);
+  const [isPushing, setIsPushing] = useState(false);
+  const [logs, setLogs] = useState([]);
+  const [lastAction, setLastAction] = useState(null);
+  const handlePull = async () => {
+    setIsPulling(true);
+    setLastAction("pull");
+    setLogs(["Starting Pull operation..."]);
+    try {
+      const { data } = await post(`/${PLUGIN_ID}/perform-pull`);
+      if (data.logs) setLogs(data.logs);
+      toggleNotification({
+        type: "success",
+        message: `Content successfully pulled!`
+      });
+    } catch (e) {
+      if (e.response?.data?.logs) setLogs(e.response.data.logs);
+      toggleNotification({
+        type: "warning",
+        message: `Pull failed: ${e.response?.data?.error?.message || e.message}`
+      });
+    } finally {
+      setIsPulling(false);
+    }
+  };
+  const handlePush = async () => {
+    setIsPushing(true);
+    setLastAction("push");
+    setLogs(["Starting Push operation..."]);
+    try {
+      const { data } = await post(`/${PLUGIN_ID}/perform-push`);
+      if (data.logs) setLogs(data.logs);
+      toggleNotification({
+        type: "success",
+        message: `Content successfully pushed!`
+      });
+    } catch (e) {
+      if (e.response?.data?.logs) setLogs(e.response.data.logs);
+      toggleNotification({
+        type: "warning",
+        message: `Push failed: ${e.response?.data?.error?.message || e.message}`
+      });
+    } finally {
+      setIsPushing(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(Box, { background: "neutral0", shadow: "filterShadow", children: /* @__PURE__ */ jsx(Box, { padding: 8, background: "primary100", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          padding: 3,
+          background: "primary200",
+          hasRadius: true,
+          borderColor: "primary500",
+          borderStyle: "solid",
+          borderWidth: "1px",
+          children: /* @__PURE__ */ jsx(Rocket, { width: "3rem", height: "3rem", fill: "primary600" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h1", textColor: "primary700", children: "Content Serialization CLI" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "primary600", style: { maxWidth: "600px", textAlign: "center" }, children: "Synchronize your content between environments seamlessly. Pull changes to version control or push updates to your production environment." })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ jsx(Box, { padding: 4, background: "secondary100", hasRadius: "100%", children: /* @__PURE__ */ jsx(ArrowDown, { width: "2rem", height: "2rem", fill: "secondary600" }) }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral800", children: "Pull Content" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Download content from Strapi to YAML files." })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handlePull,
+            loading: isPulling,
+            startIcon: /* @__PURE__ */ jsx(ArrowDown, {}),
+            variant: "default",
+            fullWidth: true,
+            size: "L",
+            children: "Execute Pull"
+          }
+        )
+      ] }) }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ jsx(Box, { padding: 4, background: "success100", hasRadius: "100%", children: /* @__PURE__ */ jsx(ArrowUp, { width: "2rem", height: "2rem", fill: "success600" }) }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral800", children: "Push Content" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Upload YAML files to Strapi database." })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handlePush,
+            loading: isPushing,
+            startIcon: /* @__PURE__ */ jsx(ArrowUp, {}),
+            variant: "success",
+            fullWidth: true,
+            size: "L",
+            children: "Execute Push"
+          }
+        )
+      ] }) }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "center", gap: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral800", children: "Created By" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Jaydeep Kotak Addact Technology" })
+      ] }) }) }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 12, s: 12, children: /* @__PURE__ */ jsxs(Box, { hasRadius: true, shadow: "tableShadow", background: "neutral0", width: "100%", children: [
+        /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", style: { borderBottom: "1px solid #dcdce4" }, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(Code, { fill: "neutral500" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral700", children: "Execution Log" })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(Box, { background: "danger600", width: "10px", height: "10px", hasRadius: "100%" }),
+            /* @__PURE__ */ jsx(Box, { background: "warning600", width: "10px", height: "10px", hasRadius: "100%" }),
+            /* @__PURE__ */ jsx(Box, { background: "success600", width: "10px", height: "10px", hasRadius: "100%" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            background: "neutral900",
+            padding: 6,
+            height: "500px",
+            width: "100%",
+            style: { overflowY: "auto", fontFamily: "'Fira Code', monospace" },
+            children: logs.length === 0 ? /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", height: "100%", gap: 4, children: [
+              /* @__PURE__ */ jsx(ArrowClockwise, { width: "3rem", height: "3rem", fill: "neutral600" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral600", children: "Waiting for action..." })
+            ] }) : logs.map((log, i) => /* @__PURE__ */ jsx(Box, { paddingBottom: 1, children: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "omega",
+                textColor: log.includes("[ERROR]") ? "danger200" : log.includes("[SUCCESS]") || log.includes("SUMMARY") ? "success200" : log.includes("[SKIPPED]") ? "neutral500" : "neutral200",
+                style: { fontSize: "13px", lineHeight: "1.5" },
+                children: log
+              }
+            ) }, i))
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 12, s: 12, children: /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsx(Box, { background: "secondary100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsx(CheckCircle, { fill: "secondary600" }) }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral800", children: "Smart Checksums" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Only changed files are processed to save time." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsx(Box, { background: "primary100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsx(CheckCircle, { fill: "primary600" }) }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral800", children: "Schema Aware" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Automatically adapts to your Content Types." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsx(Box, { background: "success100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }) }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral800", children: "Secure Sync" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Sensitive data is sanitized before export." })
+          ] })
+        ] }) })
+      ] }) }) })
+    ] }) })
+  ] });
+};
+const App = () => {
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
+  ] });
+};
+export {
+  App
+};

package/dist/_chunks/App-CF2xHAoO.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const admin = require("@strapi/strapi/admin");
+const reactRouterDom = require("react-router-dom");
+const react = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const index = require("./index-B04ym5Xr.js");
+const HomePage = () => {
+  const { post } = admin.useFetchClient();
+  const { toggleNotification } = admin.useNotification();
+  const [isPulling, setIsPulling] = react.useState(false);
+  const [isPushing, setIsPushing] = react.useState(false);
+  const [logs, setLogs] = react.useState([]);
+  const [lastAction, setLastAction] = react.useState(null);
+  const handlePull = async () => {
+    setIsPulling(true);
+    setLastAction("pull");
+    setLogs(["Starting Pull operation..."]);
+    try {
+      const { data } = await post(`/${index.PLUGIN_ID}/perform-pull`);
+      if (data.logs) setLogs(data.logs);
+      toggleNotification({
+        type: "success",
+        message: `Content successfully pulled!`
+      });
+    } catch (e) {
+      if (e.response?.data?.logs) setLogs(e.response.data.logs);
+      toggleNotification({
+        type: "warning",
+        message: `Pull failed: ${e.response?.data?.error?.message || e.message}`
+      });
+    } finally {
+      setIsPulling(false);
+    }
+  };
+  const handlePush = async () => {
+    setIsPushing(true);
+    setLastAction("push");
+    setLogs(["Starting Push operation..."]);
+    try {
+      const { data } = await post(`/${index.PLUGIN_ID}/perform-push`);
+      if (data.logs) setLogs(data.logs);
+      toggleNotification({
+        type: "success",
+        message: `Content successfully pushed!`
+      });
+    } catch (e) {
+      if (e.response?.data?.logs) setLogs(e.response.data.logs);
+      toggleNotification({
+        type: "warning",
+        message: `Push failed: ${e.response?.data?.error?.message || e.message}`
+      });
+    } finally {
+      setIsPushing(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", shadow: "filterShadow", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, background: "primary100", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          padding: 3,
+          background: "primary200",
+          hasRadius: true,
+          borderColor: "primary500",
+          borderStyle: "solid",
+          borderWidth: "1px",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Rocket, { width: "3rem", height: "3rem", fill: "primary600" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", as: "h1", textColor: "primary700", children: "Content Serialization CLI" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "primary600", style: { maxWidth: "600px", textAlign: "center" }, children: "Synchronize your content between environments seamlessly. Pull changes to version control or push updates to your production environment." })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "secondary100", hasRadius: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDown, { width: "2rem", height: "2rem", fill: "secondary600" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral800", children: "Pull Content" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Download content from Strapi to YAML files." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: handlePull,
+            loading: isPulling,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDown, {}),
+            variant: "default",
+            fullWidth: true,
+            size: "L",
+            children: "Execute Pull"
+          }
+        )
+      ] }) }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "success100", hasRadius: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUp, { width: "2rem", height: "2rem", fill: "success600" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral800", children: "Push Content" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Upload YAML files to Strapi database." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: handlePush,
+            loading: isPushing,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUp, {}),
+            variant: "success",
+            fullWidth: true,
+            size: "L",
+            children: "Execute Push"
+          }
+        )
+      ] }) }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "center", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral800", children: "Created By" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { textAlign: "center" }, children: "Jaydeep Kotak Addact Technology" })
+      ] }) }) }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { hasRadius: true, shadow: "tableShadow", background: "neutral0", width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", style: { borderBottom: "1px solid #dcdce4" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.Code, { fill: "neutral500" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral700", children: "Execution Log" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "danger600", width: "10px", height: "10px", hasRadius: "100%" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "warning600", width: "10px", height: "10px", hasRadius: "100%" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "success600", width: "10px", height: "10px", hasRadius: "100%" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            background: "neutral900",
+            padding: 6,
+            height: "500px",
+            width: "100%",
+            style: { overflowY: "auto", fontFamily: "'Fira Code', monospace" },
+            children: logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", height: "100%", gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, { width: "3rem", height: "3rem", fill: "neutral600" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral600", children: "Waiting for action..." })
+            ] }) : logs.map((log, i) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Typography,
+              {
+                variant: "omega",
+                textColor: log.includes("[ERROR]") ? "danger200" : log.includes("[SUCCESS]") || log.includes("SUMMARY") ? "success200" : log.includes("[SKIPPED]") ? "neutral500" : "neutral200",
+                style: { fontSize: "13px", lineHeight: "1.5" },
+                children: log
+              }
+            ) }, i))
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "secondary100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "secondary600" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral800", children: "Smart Checksums" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Only changed files are processed to save time." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "primary100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "primary600" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral800", children: "Schema Aware" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Automatically adapts to your Content Types." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "success100", padding: 2, hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral800", children: "Secure Sync" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", display: "block", paddingTop: 1, children: "Sensitive data is sanitized before export." })
+          ] })
+        ] }) })
+      ] }) }) })
+    ] }) })
+  ] });
+};
+const App = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
+  ] });
+};
+exports.App = App;

package/dist/_chunks/en-B4KWt_jN.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {};
+exports.default = en;

package/dist/_chunks/en-Byx4XI2L.mjs

@@ -0,0 +1,4 @@
+const en = {};
+export {
+  en as default
+};

package/dist/_chunks/index-B04ym5Xr.js

@@ -0,0 +1,65 @@
+"use strict";
+const react = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@strapi/icons");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const PLUGIN_ID = "content-serialization";
+const Initializer = ({ setPlugin }) => {
+  const ref = react.useRef(setPlugin);
+  react.useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.PuzzlePiece, {});
+const index = {
+  register(app) {
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: PLUGIN_ID
+      },
+      Component: async () => {
+        const { App } = await Promise.resolve().then(() => require("./App-CF2xHAoO.js"));
+        return App;
+      }
+    });
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name: PLUGIN_ID
+    });
+  },
+  async registerTrads({ locales }) {
+    return Promise.all(
+      locales.map(async (locale) => {
+        try {
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-B4KWt_jN.js")) }), `./translations/${locale}.json`, 3);
+          return { data, locale };
+        } catch {
+          return { data: {}, locale };
+        }
+      })
+    );
+  }
+};
+exports.PLUGIN_ID = PLUGIN_ID;
+exports.index = index;

package/dist/_chunks/index-DgFuP8NI.mjs

@@ -0,0 +1,66 @@
+import { useRef, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { PuzzlePiece } from "@strapi/icons";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const PLUGIN_ID = "content-serialization";
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(setPlugin);
+  useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const PluginIcon = () => /* @__PURE__ */ jsx(PuzzlePiece, {});
+const index = {
+  register(app) {
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: PLUGIN_ID
+      },
+      Component: async () => {
+        const { App } = await import("./App-B8wd-5ZH.mjs");
+        return App;
+      }
+    });
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name: PLUGIN_ID
+    });
+  },
+  async registerTrads({ locales }) {
+    return Promise.all(
+      locales.map(async (locale) => {
+        try {
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-Byx4XI2L.mjs") }), `./translations/${locale}.json`, 3);
+          return { data, locale };
+        } catch {
+          return { data: {}, locale };
+        }
+      })
+    );
+  }
+};
+export {
+  PLUGIN_ID as P,
+  index as i
+};

package/dist/admin/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const index = require("../_chunks/index-B04ym5Xr.js");
+module.exports = index.index;

package/dist/admin/index.mjs

@@ -0,0 +1,4 @@
+import { i } from "../_chunks/index-DgFuP8NI.mjs";
+export {
+  i as default
+};