strapi-plugin-radiocult-uploader 1.0.0 → 1.0.2

package/README.md

@@ -20,7 +20,7 @@ Built by [Sister Midnight FM](https://radio.sistermidnight.org/), a community ra
 
 ## Requirements
 
-- Strapi **v5**
+- Strapi **v5** (any 5.x, including installs still on the `@strapi/design-system` 2.0.0-rc line)
 - Node **20+** (uploads stream files with `fs.openAsBlob`)
 - A Radio Cult station with API access; third-party publishing (SoundCloud/Mixcloud) needs a Radio Cult plan that includes the Connect endpoints (Premium/Business or the Connect add-on)
 

package/dist/admin/{App-DTOuR7aY.js → App-BF6sl43A.js}

@@ -6,7 +6,7 @@ const reactRouterDom = require("react-router-dom");
 const designSystem = require("@strapi/design-system");
 const React = require("react");
 const styled = require("styled-components");
-const index = require("./index-BLAtUo_j.js");
+const index = require("./index-D14SHuJI.js");
 const tokens = require("./tokens-CDeNcvZq.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {

package/dist/admin/{App-Cd-TZrqC.mjs → App-CyfM4LcR.mjs}

@@ -4,7 +4,7 @@ import { useNavigate, useParams, Routes, Route } from "react-router-dom";
 import { Main, Typography, Box, Flex, Button } from "@strapi/design-system";
 import * as React from "react";
 import styled from "styled-components";
-import { f as fetchStatus, P as PLATFORMS, a as PLATFORM_LABEL, b as apiError, c as fetchUiConfig, s as saveTrackDetails, u as uploadTrack, p as publishTrack } from "./index-Dj3e3A79.mjs";
+import { f as fetchStatus, P as PLATFORMS, a as PLATFORM_LABEL, b as apiError, c as fetchUiConfig, s as saveTrackDetails, u as uploadTrack, p as publishTrack } from "./index-MVv9-_DA.mjs";
 import { u as useGoogleFont, g as googleFontHref, r as resolveFont, t as themeToCssVars } from "./tokens-ACCekCH6.mjs";
 const HomePage = () => {
   const navigate = useNavigate();

package/dist/admin/{Settings-B3cZR7VF.mjs → Settings-kAsf9BQP.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Main, Typography, Flex, Box, Button, Grid, Field, TextInput, Toggle, SingleSelect, SingleSelectOption, Textarea } from "@strapi/design-system";
-import { d as fetchSettings, e as fetchContentTypes, g as fetchDiagnostics, b as apiError, h as saveSettings, t as testConnection } from "./index-Dj3e3A79.mjs";
+import { d as fetchSettings, e as fetchContentTypes, g as fetchDiagnostics, b as apiError, h as saveSettings, t as testConnection } from "./index-MVv9-_DA.mjs";
 import { u as useGoogleFont, g as googleFontHref, r as resolveFont, a as resolveTokens, b as tokensToCssVars, P as PRESETS, F as FONTS, E as EDITABLE_TOKENS, p as pickEditableOverrides } from "./tokens-ACCekCH6.mjs";
 const MAPPING_FIELDS = [
   { key: "title", label: "Title", hint: "Track title on Radio Cult", types: ["string", "text"], required: true },

package/dist/admin/{Settings-DHv9SmRU.js → Settings-qalA-Gda.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
-const index = require("./index-BLAtUo_j.js");
+const index = require("./index-D14SHuJI.js");
 const tokens = require("./tokens-CDeNcvZq.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/dist/admin/{index-BLAtUo_j.js → index-D14SHuJI.js}

@@ -232,19 +232,28 @@ const PanelContent = ({ documentId }) => {
 const PANEL_TITLE = "Upload to Soundcloud/​Mixcloud/​Radio Cult";
 let configuredType;
 let configPromise = null;
-const ensureConfigLoaded = () => {
+const loadConfig = () => {
   configPromise ?? (configPromise = fetchUiConfig().then(({ contentType }) => {
     configuredType = contentType;
   }).catch(() => {
     configuredType = null;
   }));
+  return configPromise;
 };
 const RadioCultPanel = (props) => {
-  if (configuredType === void 0) {
-    ensureConfigLoaded();
-    return null;
-  }
-  if (configuredType !== props.model) return null;
+  const [resolvedType, setResolvedType] = React__namespace.useState(configuredType);
+  React__namespace.useEffect(() => {
+    if (configuredType !== void 0) return;
+    let active = true;
+    loadConfig().finally(() => {
+      if (active) setResolvedType(configuredType);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  if (resolvedType === void 0) return null;
+  if (resolvedType !== props.model) return null;
   if (!props.documentId) {
     return {
       title: PANEL_TITLE,
@@ -265,7 +274,7 @@ const plugin = {
         id: `${PLUGIN_ID}.plugin.name`,
         defaultMessage: "Radio Cult Uploader"
       },
-      Component: () => Promise.resolve().then(() => require("./App-DTOuR7aY.js")),
+      Component: () => Promise.resolve().then(() => require("./App-BF6sl43A.js")),
       permissions: []
     });
     app.createSettingSection(
@@ -284,7 +293,7 @@ const plugin = {
           },
           id: `${PLUGIN_ID}-settings`,
           to: `radiocult-uploader`,
-          Component: () => Promise.resolve().then(() => require("./Settings-DHv9SmRU.js")),
+          Component: () => Promise.resolve().then(() => require("./Settings-qalA-Gda.js")),
           permissions: [{ action: `plugin::${PLUGIN_ID}.settings`, subject: null }]
         }
       ]

package/dist/admin/{index-Dj3e3A79.mjs → index-MVv9-_DA.mjs}

@@ -214,19 +214,28 @@ const PanelContent = ({ documentId }) => {
 const PANEL_TITLE = "Upload to Soundcloud/​Mixcloud/​Radio Cult";
 let configuredType;
 let configPromise = null;
-const ensureConfigLoaded = () => {
+const loadConfig = () => {
   configPromise ?? (configPromise = fetchUiConfig().then(({ contentType }) => {
     configuredType = contentType;
   }).catch(() => {
     configuredType = null;
   }));
+  return configPromise;
 };
 const RadioCultPanel = (props) => {
-  if (configuredType === void 0) {
-    ensureConfigLoaded();
-    return null;
-  }
-  if (configuredType !== props.model) return null;
+  const [resolvedType, setResolvedType] = React.useState(configuredType);
+  React.useEffect(() => {
+    if (configuredType !== void 0) return;
+    let active = true;
+    loadConfig().finally(() => {
+      if (active) setResolvedType(configuredType);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  if (resolvedType === void 0) return null;
+  if (resolvedType !== props.model) return null;
   if (!props.documentId) {
     return {
       title: PANEL_TITLE,
@@ -247,7 +256,7 @@ const plugin = {
         id: `${PLUGIN_ID}.plugin.name`,
         defaultMessage: "Radio Cult Uploader"
       },
-      Component: () => import("./App-Cd-TZrqC.mjs"),
+      Component: () => import("./App-CyfM4LcR.mjs"),
       permissions: []
     });
     app.createSettingSection(
@@ -266,7 +275,7 @@ const plugin = {
           },
           id: `${PLUGIN_ID}-settings`,
           to: `radiocult-uploader`,
-          Component: () => import("./Settings-B3cZR7VF.mjs"),
+          Component: () => import("./Settings-kAsf9BQP.mjs"),
           permissions: [{ action: `plugin::${PLUGIN_ID}.settings`, subject: null }]
         }
       ]

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-BLAtUo_j.js");
+const index = require("./index-D14SHuJI.js");
 exports.default = index.plugin;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-Dj3e3A79.mjs";
+import { i } from "./index-MVv9-_DA.mjs";
 export {
   i as default
 };

package/dist/admin/src/components/Panel.d.ts

@@ -5,9 +5,13 @@
  */
 import * as React from 'react';
 /**
- * PanelComponent for content-manager's addEditViewSidePanel. Called as a
- * plain function during render — it must not use hooks itself; everything
- * stateful lives in the components above.
+ * PanelComponent for content-manager's addEditViewSidePanel.
+ *
+ * content-manager calls this inside a React component (see its
+ * DescriptionComponentRenderer), so hooks are allowed here — and they are
+ * required: that wrapper is memoised on props, so a panel that returns null
+ * while its config loads is never re-rendered when the config arrives. The
+ * state update below is what brings the panel back.
  */
 export declare const RadioCultPanel: (props: {
     model: string;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0",
+  "version": "1.0.2",
   "keywords": [
     "strapi",
     "strapi-plugin",
@@ -65,14 +65,14 @@
     "yalc": "^1.0.0-pre.53"
   },
   "peerDependencies": {
-    "@strapi/design-system": "^2.0.0",
-    "@strapi/icons": "^2.0.0",
+    "@strapi/design-system": "^2.0.0-rc.29",
+    "@strapi/icons": "^2.0.0-rc.29",
     "@strapi/strapi": "^5.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-intl": "^6.8.9",
-    "react-router-dom": "^6.30.4",
-    "styled-components": "^6.5.2"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-intl": "^6.6.2",
+    "react-router-dom": "^6.0.0",
+    "styled-components": "^6.0.0"
   },
   "strapi": {
     "kind": "plugin",