Maybe fixed cms issue
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s

This commit is contained in:
2025-06-10 23:06:59 +02:00
parent 41d7d4ffc6
commit 24bb1078ee
2 changed files with 55 additions and 0 deletions

View File

@@ -1,6 +1,7 @@
backend: backend:
name: gitea name: gitea
repo: bennolor/hugoblog # Path to your Gitea repository repo: bennolor/hugoblog # Path to your Gitea repository
branch: master
app_id: 10f0fe83-402c-4beb-b732-386fc394b4b5 # The Client ID provided by Gitea app_id: 10f0fe83-402c-4beb-b732-386fc394b4b5 # The Client ID provided by Gitea
api_root: https://gitea.benno-lorenz.com/api/v1 # API URL of your Gitea instance api_root: https://gitea.benno-lorenz.com/api/v1 # API URL of your Gitea instance
base_url: https://gitea.benno-lorenz.com # Root URL of your Gitea instance base_url: https://gitea.benno-lorenz.com # Root URL of your Gitea instance

View File

@@ -47,6 +47,60 @@
value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null, value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
}; };
window.CMS.registerWidget(
PrefixedImageWidget.name,
PrefixedImageWidget.controlComponent,
PrefixedImageWidget.previewComponent
);
})();(function waitForCMSAndReact() {
if (!(window.CMS && window.React)) {
setTimeout(waitForCMSAndReact, 50);
return;
}
const React = window.React;
class PrefixedImageControl extends React.Component {
openMediaLibrary = () => {
this.props.mediaLibrary.open({
allowMultiple: false,
config: { allowMultiple: false },
controlID: this.props.forID,
value: this.props.value,
field: this.props.field,
onInsert: (files) => {
if (!files || files.length === 0) return;
const file = files[0];
const prefix = "feature-";
// If already prefixed, don't double-prefix
const fileName = file.name.startsWith(prefix) ? file.name : prefix + file.name;
const newFile = new File([file], fileName, { type: file.type });
this.props.mediaLibrary.persistMedia(newFile).then((uploaded) => {
this.props.onChange(uploaded.public_path || uploaded.url);
});
},
});
};
render() {
const value = this.props.value || "";
return (
React.createElement("div", null,
React.createElement("button", { type: "button", onClick: this.openMediaLibrary },
value ? "Change Image" : "Add Image"
),
value && React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px", display: "block", marginTop: "1em" } })
)
);
}
}
const PrefixedImageWidget = {
name: "prefixed-image",
controlComponent: PrefixedImageControl,
previewComponent: ({ value }) =>
value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
};
window.CMS.registerWidget( window.CMS.registerWidget(
PrefixedImageWidget.name, PrefixedImageWidget.name,
PrefixedImageWidget.controlComponent, PrefixedImageWidget.controlComponent,