@btst/stack 2.6.0 → 2.6.1

package/dist/shared/stack.fdi94T4S.d.ts

@@ -0,0 +1,291 @@
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+import * as zod from 'zod';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AutoFormCheckbox({ label, isRequired, field, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormDate({ label, isRequired, field, fieldConfigItem, fieldProps, zodItem, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormEnum({ label, isRequired, field, fieldConfigItem, zodItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormInput({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormNumber({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormRadioGroup({ label, isRequired, field, zodItem, fieldProps, fieldConfigItem, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormSwitch({ label, isRequired, field, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormTextarea({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare const INPUT_COMPONENTS: {
+    checkbox: typeof AutoFormCheckbox;
+    date: typeof AutoFormDate;
+    select: typeof AutoFormEnum;
+    radio: typeof AutoFormRadioGroup;
+    switch: typeof AutoFormSwitch;
+    textarea: typeof AutoFormTextarea;
+    number: typeof AutoFormNumber;
+    fallback: typeof AutoFormInput;
+};
+
+/**
+ * Common input props shared by all field types.
+ */
+interface BaseInputProps {
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether to show the label (auto-form specific) */
+    showLabel?: boolean;
+}
+/**
+ * Input props for string-backed fields (text, email, password, url, phone, textarea).
+ */
+interface StringInputProps extends BaseInputProps {
+    /** Placeholder text */
+    placeholder?: string;
+    /** HTML input type (text, email, password, tel, url) */
+    type?: "text" | "email" | "password" | "tel" | "url" | string;
+    /** Default value */
+    defaultValue?: string;
+    /** Minimum length */
+    minLength?: number;
+    /** Maximum length */
+    maxLength?: number;
+    /** Regex pattern for validation */
+    pattern?: string;
+    /** Autocomplete hint */
+    autoComplete?: string;
+}
+/**
+ * Input props for number-backed fields.
+ */
+interface NumberInputProps extends BaseInputProps {
+    /** Placeholder text */
+    placeholder?: string;
+    /** Default value */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step value for increment/decrement */
+    step?: number;
+}
+/**
+ * Input props for boolean-backed fields (checkbox, switch).
+ */
+interface BooleanInputProps extends BaseInputProps {
+    /** Default value */
+    defaultValue?: boolean;
+}
+/**
+ * Input props for date-backed fields.
+ */
+interface DateInputProps extends BaseInputProps {
+    /** Default value as ISO string or Date */
+    defaultValue?: string | Date;
+    /** Minimum date as ISO string */
+    min?: string;
+    /** Maximum date as ISO string */
+    max?: string;
+}
+/**
+ * Input props for enum-backed fields (select, radio).
+ */
+interface EnumInputProps extends BaseInputProps {
+    /** Placeholder text (for select) */
+    placeholder?: string;
+    /** Default value (must match one of the enum options) */
+    defaultValue?: string;
+}
+/**
+ * Generic input props that accept any field type.
+ * Use this when the backing type is not known at compile time.
+ *
+ * This is the catch-all type used for runtime flexibility.
+ */
+interface SerializableInputProps extends BaseInputProps {
+    placeholder?: string;
+    type?: string;
+    defaultValue?: unknown;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    autoComplete?: string;
+    /** Allow additional props for extensibility */
+    [key: string]: unknown;
+}
+/**
+ * Maps backing Zod types to their corresponding input props type.
+ */
+interface InputPropsByBackingType {
+    string: StringInputProps;
+    number: NumberInputProps;
+    boolean: BooleanInputProps;
+    date: DateInputProps;
+    enum: EnumInputProps;
+}
+/**
+ * Built-in field types supported by auto-form.
+ */
+type AutoFormBuiltinFieldType = keyof typeof INPUT_COMPONENTS;
+/**
+ * Field types that can be specified in JSON Schema.
+ * Either a built-in type name or a custom component.
+ */
+type FieldType = AutoFormBuiltinFieldType | (string & {});
+/**
+ * JSON Schema property with form-builder and auto-form metadata.
+ *
+ * This is the intermediate format used when:
+ * - form-builder serializes field configurations
+ * - auto-form parses JSON Schema to build field configs
+ */
+interface JSONSchemaPropertyBase {
+    /** JSON Schema type */
+    type?: "string" | "number" | "integer" | "boolean" | "object" | "array" | "null";
+    /** Human-readable title (JSON Schema standard) */
+    title?: string;
+    /** Description text */
+    description?: string;
+    /** Default value */
+    default?: unknown;
+    /** Enum values for select/radio fields */
+    enum?: (string | number | boolean | null)[];
+    /** Minimum value for numbers */
+    minimum?: number;
+    /** Maximum value for numbers */
+    maximum?: number;
+    /** Exclusive minimum for numbers */
+    exclusiveMinimum?: number;
+    /** Exclusive maximum for numbers */
+    exclusiveMaximum?: number;
+    /** Minimum length for strings */
+    minLength?: number;
+    /** Maximum length for strings */
+    maxLength?: number;
+    /** Regex pattern for strings */
+    pattern?: string;
+    /** Format hint (email, uri, date-time, etc.) */
+    format?: string;
+    /** Multiple of constraint for numbers */
+    multipleOf?: number;
+    /** Properties for object types */
+    properties?: Record<string, JSONSchemaPropertyBase>;
+    /** Required fields for object types */
+    required?: string[];
+    /** Additional properties allowed for objects */
+    additionalProperties?: boolean;
+    /** Item schema for array types */
+    items?: JSONSchemaPropertyBase;
+    /** Display label (form-builder/auto-form) */
+    label?: string;
+    /** Field type override (checkbox, date, select, radio, switch, textarea, etc.) */
+    fieldType?: FieldType;
+    /** Placeholder text */
+    placeholder?: string;
+    /** HTML input type (text, email, password, tel, etc.) */
+    inputType?: string;
+    /** Additional input props */
+    inputProps?: SerializableInputProps;
+    /** Display order */
+    order?: number;
+    /** Minimum date as ISO string */
+    formatMinimum?: string;
+    /** Maximum date as ISO string */
+    formatMaximum?: string;
+}
+
+/**
+ * Input props for form fields.
+ *
+ * This is the runtime type that accepts any input props.
+ * For type-safe props, use the discriminated types:
+ * - StringInputProps for text inputs
+ * - NumberInputProps for number inputs
+ * - BooleanInputProps for checkboxes/switches
+ * - DateInputProps for date pickers
+ * - EnumInputProps for selects/radios
+ */
+type FieldInputProps = SerializableInputProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof SerializableInputProps> & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof SerializableInputProps>;
+/**
+ * Configuration for a single field in AutoForm.
+ *
+ * Note: This type is designed to align with form-builder's FormBuilderFieldProps
+ * so that JSON Schema properties can be easily converted to field configs.
+ */
+type FieldConfigItem = {
+    /** Description text or React node */
+    description?: React.ReactNode;
+    /** Input props passed to the field component */
+    inputProps?: FieldInputProps;
+    /** Display label */
+    label?: string;
+    /** Field type override - built-in type or custom component */
+    fieldType?: keyof typeof INPUT_COMPONENTS | React.FC<AutoFormInputComponentProps>;
+    /** Wrapper component for custom field layout */
+    renderParent?: (props: {
+        children: React.ReactNode;
+    }) => React.ReactElement | null;
+    /** Display order for field ordering */
+    order?: number;
+};
+/**
+ * FieldConfig for nested objects - allows both FieldConfigItem properties
+ * AND nested field configs for child properties.
+ */
+type FieldConfigObject = FieldConfigItem & {
+    [key: string]: FieldConfigItem | FieldConfigObject | undefined;
+};
+/**
+ * For object fields, allow both FieldConfigItem properties (label, description, etc.)
+ * AND nested field configs for the object's properties.
+ */
+type FieldConfig<SchemaType extends zod.infer<zod.ZodObject<any, any>>> = {
+    [Key in keyof SchemaType]?: FieldConfigItem | FieldConfigObject;
+};
+declare enum DependencyType {
+    DISABLES = 0,
+    REQUIRES = 1,
+    HIDES = 2,
+    SETS_OPTIONS = 3
+}
+type BaseDependency<SchemaType extends zod.infer<zod.ZodObject<any, any>>> = {
+    sourceField: keyof SchemaType;
+    type: DependencyType;
+    targetField: keyof SchemaType;
+    when: (sourceFieldValue: any, targetFieldValue: any) => boolean;
+};
+type ValueDependency<SchemaType extends zod.infer<zod.ZodObject<any, any>>> = BaseDependency<SchemaType> & {
+    type: DependencyType.DISABLES | DependencyType.REQUIRES | DependencyType.HIDES;
+};
+type EnumValues = readonly [string, ...string[]];
+type OptionsDependency<SchemaType extends zod.infer<zod.ZodObject<any, any>>> = BaseDependency<SchemaType> & {
+    type: DependencyType.SETS_OPTIONS;
+    options: EnumValues;
+};
+type Dependency<SchemaType extends zod.infer<zod.ZodObject<any, any>>> = ValueDependency<SchemaType> | OptionsDependency<SchemaType>;
+/**
+ * A FormInput component can handle a specific Zod type (e.g. "ZodBoolean")
+ */
+type AutoFormInputComponentProps = {
+    zodInputProps: React.InputHTMLAttributes<HTMLInputElement>;
+    field: ControllerRenderProps<FieldValues, any>;
+    fieldConfigItem: FieldConfigItem;
+    label: string;
+    isRequired: boolean;
+    fieldProps: any;
+    zodItem: zod.ZodType;
+    className?: string;
+};
+
+export { DependencyType as b };
+export type { AutoFormInputComponentProps as A, Dependency as D, FieldConfigItem as F, InputPropsByBackingType as I, JSONSchemaPropertyBase as J, SerializableInputProps as S, FieldConfig as a, FieldType as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",
@@ -21,11 +21,12 @@
     "access": "public"
   },
   "scripts": {
-    "build": "unbuild --clean && node ./scripts/postbuild.cjs",
-    "build:analyze": "ANALYZE=1 unbuild --clean && node ./scripts/postbuild.cjs",
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' unbuild --clean && node ./scripts/postbuild.cjs",
+    "build:analyze": "NODE_OPTIONS='--max-old-space-size=8192' ANALYZE=1 unbuild --clean && node ./scripts/postbuild.cjs",
     "stub": "unbuild --stub",
     "test": "vitest",
     "typecheck": "tsc --project tsconfig.json",
+    "knip": "knip --strict",
     "build-registry": "tsx scripts/build-registry.ts",
     "test-registry": "bash scripts/test-registry.sh",
     "host-registry": "npx http-server registry -p 8766 -c-1"
@@ -373,6 +374,77 @@
       }
     },
     "./plugins/route-docs/css": "./dist/plugins/route-docs/style.css",
+    "./components/markdown": {
+      "import": {
+        "types": "./dist/components/markdown/index.d.ts",
+        "default": "./dist/components/markdown/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/markdown/index.d.cts",
+        "default": "./dist/components/markdown/index.cjs"
+      }
+    },
+    "./components/markdown/css": "./dist/components/markdown/style.css",
+    "./components/auto-form": {
+      "import": {
+        "types": "./dist/components/auto-form/index.d.ts",
+        "default": "./dist/components/auto-form/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/auto-form/index.d.cts",
+        "default": "./dist/components/auto-form/index.cjs"
+      }
+    },
+    "./components/stepped-auto-form": {
+      "import": {
+        "types": "./dist/components/stepped-auto-form/index.d.ts",
+        "default": "./dist/components/stepped-auto-form/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/stepped-auto-form/index.d.cts",
+        "default": "./dist/components/stepped-auto-form/index.cjs"
+      }
+    },
+    "./components/form-builder": {
+      "import": {
+        "types": "./dist/components/form-builder/index.d.ts",
+        "default": "./dist/components/form-builder/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/form-builder/index.d.cts",
+        "default": "./dist/components/form-builder/index.cjs"
+      }
+    },
+    "./components/multi-select": {
+      "import": {
+        "types": "./dist/components/multi-select/index.d.ts",
+        "default": "./dist/components/multi-select/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/multi-select/index.d.cts",
+        "default": "./dist/components/multi-select/index.cjs"
+      }
+    },
+    "./components/search-select": {
+      "import": {
+        "types": "./dist/components/search-select/index.d.ts",
+        "default": "./dist/components/search-select/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/search-select/index.d.cts",
+        "default": "./dist/components/search-select/index.cjs"
+      }
+    },
+    "./components/empty": {
+      "import": {
+        "types": "./dist/components/empty/index.d.ts",
+        "default": "./dist/components/empty/index.mjs"
+      },
+      "require": {
+        "types": "./dist/components/empty/index.d.cts",
+        "default": "./dist/components/empty/index.cjs"
+      }
+    },
     "./dist/*": "./dist/*",
     "./ui/css": "./dist/ui/components.css",
     "./package.json": "./package.json"
@@ -474,6 +546,27 @@
       ],
       "plugins/route-docs/client": [
         "./dist/plugins/route-docs/client/index.d.ts"
+      ],
+      "components/markdown": [
+        "./dist/components/markdown/index.d.ts"
+      ],
+      "components/auto-form": [
+        "./dist/components/auto-form/index.d.ts"
+      ],
+      "components/stepped-auto-form": [
+        "./dist/components/stepped-auto-form/index.d.ts"
+      ],
+      "components/form-builder": [
+        "./dist/components/form-builder/index.d.ts"
+      ],
+      "components/multi-select": [
+        "./dist/components/multi-select/index.d.ts"
+      ],
+      "components/search-select": [
+        "./dist/components/search-select/index.d.ts"
+      ],
+      "components/empty": [
+        "./dist/components/empty/index.d.ts"
       ]
     }
   },
@@ -533,6 +626,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-error-boundary": "^4.1.2",
+    "knip": "^5.61.2",
     "rollup-plugin-preserve-directives": "0.4.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "catalog:",

package/src/components/auto-form/index.ts

@@ -0,0 +1,12 @@
+export {
+	default as AutoForm,
+	AutoFormSubmit,
+} from "@workspace/ui/components/auto-form";
+export type {
+	FieldConfig,
+	FieldConfigItem,
+	Dependency,
+	DependencyType,
+	AutoFormInputComponentProps,
+} from "@workspace/ui/components/auto-form/types";
+export type { ZodObjectOrWrapped } from "@workspace/ui/components/auto-form/helpers";

package/src/components/empty/index.ts

@@ -0,0 +1,8 @@
+export {
+	Empty,
+	EmptyHeader,
+	EmptyTitle,
+	EmptyDescription,
+	EmptyContent,
+	EmptyMedia,
+} from "@workspace/ui/components/empty";

package/src/components/form-builder/index.ts

@@ -0,0 +1,23 @@
+export {
+	FormBuilder,
+	defaultComponents,
+	objectFieldDefinition,
+	arrayFieldDefinition,
+	defineComponent,
+	baseMetaSchema,
+	baseMetaSchemaWithPlaceholder,
+} from "@workspace/ui/components/form-builder";
+export type {
+	FormBuilderComponentDefinition,
+	FormBuilderField,
+	FormBuilderFieldProps,
+	JSONSchema,
+	JSONSchemaProperty,
+	StringFieldProps,
+} from "@workspace/ui/components/form-builder";
+export type {
+	FormStep,
+	BackingType,
+	ComponentType,
+	TypedFieldProps,
+} from "@workspace/ui/components/form-builder/types";

package/src/components/kanban/index.ts

@@ -0,0 +1,9 @@
+export {
+	Kanban,
+	KanbanBoard,
+	KanbanColumn,
+	KanbanColumnHandle,
+	KanbanItem,
+	KanbanItemHandle,
+	KanbanOverlay,
+} from "@workspace/ui/components/kanban";

package/src/components/markdown/index.ts

@@ -0,0 +1,5 @@
+export { MarkdownContent } from "@workspace/ui/components/markdown-content";
+export type { MarkdownContentProps } from "@workspace/ui/components/markdown-content";
+
+export { MarkdownEditor } from "../../plugins/blog/client/components/forms/markdown-editor";
+export type { MarkdownEditorProps } from "../../plugins/blog/client/components/forms/markdown-editor";

package/src/components/markdown/style.css

@@ -0,0 +1,3 @@
+@import "@workspace/ui/markdown-content.css";
+@import "@milkdown/crepe/theme/common/style.css";
+@import "../../plugins/blog/client/components/forms/markdown-editor-styles.css";

package/src/components/minimal-tiptap/index.ts

@@ -0,0 +1,5 @@
+export {
+	MinimalTiptapEditor,
+	MainMinimalTiptapEditor,
+} from "@workspace/ui/components/minimal-tiptap";
+export type { MinimalTiptapProps } from "@workspace/ui/components/minimal-tiptap";

package/src/components/minimal-tiptap/style.css

@@ -0,0 +1 @@
+@import "@workspace/ui/components/minimal-tiptap/styles.css";

package/src/components/multi-select/index.ts

@@ -0,0 +1,5 @@
+export { default as MultipleSelector } from "@workspace/ui/components/multi-select";
+export type {
+	Option,
+	MultipleSelectorRef,
+} from "@workspace/ui/components/multi-select";

package/src/components/search-select/index.ts

@@ -0,0 +1 @@
+export { default as SearchSelect } from "@workspace/ui/components/search-select";

package/src/components/stepped-auto-form/index.ts

@@ -0,0 +1,5 @@
+export { SteppedAutoForm } from "@workspace/ui/components/auto-form/stepped-auto-form";
+export type {
+	SteppedAutoFormProps,
+	StepperComponentProps,
+} from "@workspace/ui/components/auto-form/stepped-auto-form";

package/src/components/ui-builder/index.ts

@@ -0,0 +1,50 @@
+// Editor component
+export {
+	default as UIBuilder,
+	PageConfigPanel,
+	defaultConfigTabsContent,
+	LoadingSkeleton,
+	getDefaultPanelConfigValues,
+} from "@workspace/ui/components/ui-builder";
+export type { TabsContentConfig } from "@workspace/ui/components/ui-builder";
+
+// Page renderers
+export { default as LayerRenderer } from "@workspace/ui/components/ui-builder/layer-renderer";
+export { ServerLayerRenderer } from "@workspace/ui/components/ui-builder/server-layer-renderer";
+export type { ServerLayerRendererProps } from "@workspace/ui/components/ui-builder/server-layer-renderer";
+
+// Types
+export type {
+	ComponentLayer,
+	ComponentRegistry,
+	Variable,
+	VariableReference,
+	FunctionRegistry,
+	BlockRegistry,
+	LayerChangeHandler,
+	VariableChangeHandler,
+	RegistryEntry,
+	PropValue,
+	BlockDefinition,
+	FunctionDefinition,
+} from "@workspace/ui/components/ui-builder/types";
+export {
+	isVariableReference,
+	createVariable,
+} from "@workspace/ui/components/ui-builder/types";
+
+// Registry utilities and field override helpers
+export {
+	createComponentRegistry,
+	defaultComponentRegistry,
+	primitiveComponentDefinitions,
+	complexComponentDefinitions,
+} from "../../plugins/ui-builder/client/registry";
+export {
+	classNameFieldOverrides,
+	childrenFieldOverrides,
+	iconNameFieldOverrides,
+	commonFieldOverrides,
+	childrenAsTipTapFieldOverrides,
+	childrenAsTextareaFieldOverrides,
+} from "@workspace/ui/lib/ui-builder/registry/form-field-overrides";

package/src/components/ui-builder/style.css

@@ -0,0 +1,5 @@
+/* Import minimal-tiptap styles for rich text editor in form field overrides */
+@import "@workspace/ui/components/minimal-tiptap/styles.css";
+
+/* Load Tailwind Typography plugin for prose classes used by Markdown component */
+@plugin "@tailwindcss/typography";

package/src/plugins/blog/client/components/forms/markdown-editor-with-overrides.tsx

@@ -0,0 +1,29 @@
+"use client";
+import { usePluginOverrides } from "@btst/stack/context";
+import type { BlogPluginOverrides } from "../../overrides";
+import { BLOG_LOCALIZATION } from "../../localization";
+import { MarkdownEditor, type MarkdownEditorProps } from "./markdown-editor";
+
+type MarkdownEditorWithOverridesProps = Omit<
+	MarkdownEditorProps,
+	"uploadImage" | "placeholder"
+>;
+
+export function MarkdownEditorWithOverrides(
+	props: MarkdownEditorWithOverridesProps,
+) {
+	const { uploadImage, localization } = usePluginOverrides<
+		BlogPluginOverrides,
+		Partial<BlogPluginOverrides>
+	>("blog", {
+		localization: BLOG_LOCALIZATION,
+	});
+
+	return (
+		<MarkdownEditor
+			{...props}
+			uploadImage={uploadImage}
+			placeholder={localization?.BLOG_FORMS_EDITOR_PLACEHOLDER}
+		/>
+	);
+}

package/src/plugins/blog/client/components/forms/markdown-editor.tsx

@@ -9,25 +9,24 @@ import { listener, listenerCtx } from "@milkdown/kit/plugin/listener";
 import { Slice } from "@milkdown/kit/prose/model";
 import { Selection } from "@milkdown/kit/prose/state";
 import { useLayoutEffect, useRef, useState } from "react";
-import { usePluginOverrides } from "@btst/stack/context";
-import type { BlogPluginOverrides } from "../../overrides";
-import { BLOG_LOCALIZATION } from "../../localization";
+
+export interface MarkdownEditorProps {
+	value?: string;
+	onChange?: (markdown: string) => void;
+	className?: string;
+	/** Optional image upload handler. When provided, enables image upload in the editor. */
+	uploadImage?: (file: File) => Promise<string>;
+	/** Placeholder text shown when the editor is empty. */
+	placeholder?: string;
+}
 
 export function MarkdownEditor({
 	value,
 	onChange,
 	className,
-}: {
-	value?: string;
-	onChange?: (markdown: string) => void;
-	className?: string;
-}) {
-	const { uploadImage, localization } = usePluginOverrides<
-		BlogPluginOverrides,
-		Partial<BlogPluginOverrides>
-	>("blog", {
-		localization: BLOG_LOCALIZATION,
-	});
+	uploadImage,
+	placeholder = "Write something...",
+}: MarkdownEditorProps) {
 	const containerRef = useRef<HTMLDivElement | null>(null);
 	const crepeRef = useRef<Crepe | null>(null);
 	const isReadyRef = useRef(false);
@@ -52,14 +51,18 @@ export function MarkdownEditor({
 			defaultValue: initialValueRef.current,
 			featureConfigs: {
 				[CrepeFeature.Placeholder]: {
-					text: localization.BLOG_FORMS_EDITOR_PLACEHOLDER,
-				},
-				[CrepeFeature.ImageBlock]: {
-					onUpload: async (file) => {
-						const url = await uploadImage(file);
-						return url;
-					},
+					text: placeholder,
 				},
+				...(uploadImage
+					? {
+							[CrepeFeature.ImageBlock]: {
+								onUpload: async (file: File) => {
+									const url = await uploadImage(file);
+									return url;
+								},
+							},
+						}
+					: {}),
 			},
 		});