@studiocms/wysiwyg 0.2.0 → 0.3.0

package/dist/common/gjs-editor-utils.d.ts

@@ -66,7 +66,7 @@ export declare const getSlotData: (model: Component) => string | undefined;
  * @param type - The trait type to filter (e.g., "number", "string", etc.).
  * @returns The corresponding input type as a string. Returns "number" if the type is "number", otherwise returns "text".
  */
-export declare const traitTypeFilter: (type: string) => "text" | "number";
+export declare const traitTypeFilter: (type: string) => "number" | "text";
 /**
  * Maps an `AstroComponentProp` to a new object with filtered type, name, and default value.
  *

package/dist/components/render.d.ts

@@ -1,15 +1,6 @@
 declare const renderer: {
     name: string;
     renderer: (content: string) => Promise<string>;
-    sanitizeOpts: {
-        allowElements?: string[] | undefined;
-        blockElements?: string[] | undefined;
-        dropElements?: string[] | undefined;
-        allowAttributes?: Record<string, string[]> | undefined;
-        dropAttributes?: Record<string, string[]> | undefined;
-        allowComponents?: boolean | undefined;
-        allowCustomElements?: boolean | undefined;
-        allowComments?: boolean | undefined;
-    } | undefined;
+    sanitizeOpts: import("ultrahtml/transformers/sanitize").SanitizeOptions | undefined;
 };
 export default renderer;

package/dist/index.d.ts

@@ -4,7 +4,7 @@
  * directives must be first at the top of the file and can only be preceded by this comment.
  */
 import type { AstroIntegration } from 'astro';
-import { type StudioCMSPlugin } from 'studiocms/plugins';
+import type { StudioCMSPluginDef } from 'studiocms/schemas';
 import { type WYSIWYGSchemaOptions } from './types.js';
 /**
  * Creates an internal Astro integration for WYSIWYG rendering.
@@ -35,5 +35,5 @@ export declare function internalWysiwygIntegration(packageIdentifier: string, op
  * ]
  * ```
  */
-declare function wysiwyg(opts?: WYSIWYGSchemaOptions): StudioCMSPlugin;
+declare function wysiwyg(opts?: WYSIWYGSchemaOptions): StudioCMSPluginDef;
 export default wysiwyg;

package/dist/index.js

@@ -1,10 +1,11 @@
 import { createResolver } from "astro-integration-kit";
+import { Schema } from "studiocms/effect";
 import { definePlugin } from "studiocms/plugins";
 import { GRAPES_CSS_PATH, PARTIAL_PATH, STORE_ENDPOINT_PATH } from "./consts.js";
 import { shared } from "./lib/shared.js";
 import { WYSIWYGSchema } from "./types.js";
-function internalWysiwygIntegration(packageIdentifier, options) {
-  const resolvedOptions = WYSIWYGSchema.parse(options);
+function internalWysiwygIntegration(packageIdentifier, options = {}) {
+  const resolvedOptions = Schema.decodeSync(WYSIWYGSchema)(options);
   const resEntrypoint = (path) => `@studiocms/wysiwyg/routes/${path}`;
   const routes = [
     {
@@ -37,19 +38,18 @@ function internalWysiwygIntegration(packageIdentifier, options) {
     }
   };
 }
-function wysiwyg(opts) {
+function wysiwyg(opts = {}) {
   const { resolve } = createResolver(import.meta.url);
-  const options = WYSIWYGSchema.parse(opts);
+  const options = Schema.decodeSync(WYSIWYGSchema)(opts);
   const packageIdentifier = "@studiocms/wysiwyg";
   return definePlugin({
     identifier: packageIdentifier,
     name: "StudioCMS WYSIWYG Editor",
-    studiocmsMinimumVersion: "0.1.0-beta.23",
     hooks: {
-      "studiocms:astro-config": ({ addIntegrations }) => {
+      "studiocms:astro-config": async ({ addIntegrations }) => {
         addIntegrations(internalWysiwygIntegration(packageIdentifier, options));
       },
-      "studiocms:rendering": ({ setRendering }) => {
+      "studiocms:rendering": async ({ setRendering }) => {
         setRendering({
           pageTypes: [
             {

package/dist/lib/db.d.ts

@@ -28,14 +28,28 @@ export declare const UseSDK: Effect.Effect<{
      *
      * @returns An array of all plugin data entries.
      */
-    getAll: () => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<any>[], import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
+    getAll: () => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<{
+        dataSources: unknown[];
+        assets: unknown[];
+        styles: unknown[];
+        symbols: unknown[];
+        pages: unknown[];
+        __STUDIOCMS_HTML?: string | undefined;
+    }>[], import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
     /**
      * Retrieves a specific entry of the plugin data by its ID.
      *
      * @param id - The unique identifier for the plugin data entry.
      * @returns An Effect that resolves to the plugin data entry with the specified ID.
      */
-    load: (id: string) => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<any> | undefined, import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
+    load: (id: string) => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<{
+        dataSources: unknown[];
+        assets: unknown[];
+        styles: unknown[];
+        symbols: unknown[];
+        pages: unknown[];
+        __STUDIOCMS_HTML?: string | undefined;
+    }> | undefined, import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
     /**
      * Inserts or updates a plugin data entry with the specified ID and data.
      *
@@ -50,7 +64,14 @@ export declare const UseSDK: Effect.Effect<{
         symbols: unknown[];
         pages: unknown[];
         __STUDIOCMS_HTML?: string | undefined;
-    }) => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<any>, import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
+    }) => Effect.Effect<import("@withstudiocms/sdk/types").PluginDataEntry<{
+        dataSources: unknown[];
+        assets: unknown[];
+        styles: unknown[];
+        symbols: unknown[];
+        pages: unknown[];
+        __STUDIOCMS_HTML?: string | undefined;
+    }>, import("@withstudiocms/sdk/errors.js").StudioCMSSDKError, never>;
     /**
      * Returns the inferred type for the plugin data schema.
      */

package/dist/types.d.ts

@@ -1,66 +1,16 @@
-import { z } from 'astro/zod';
-import type { Schema } from 'studiocms/effect';
+import { Schema } from 'studiocms/effect';
 import type { studioCMSProjectDataSchema } from './schema.js';
 export interface WysiwygDBContent extends Schema.SimplifyMutable<typeof studioCMSProjectDataSchema.Type> {
 }
 /**
- * Defines the schema for HTML configuration options.
- *
- * The schema includes an optional `sanitize` property, which is validated
- * using the `StudioCMSSanitizeOptionsSchema`. If no value is provided,
- * the default is an empty object.
+ * Schema for WYSIWYG configuration options.
  */
-export declare const WYSIWYGSchema: z.ZodDefault<z.ZodOptional<z.ZodObject<{
-    /** Sanitization options for WYSIWYG content. See {@link StudioCMSSanitizeOptionsSchema} for details. */
-    sanitize: z.ZodOptional<z.ZodObject<{
-        allowElements: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
-        blockElements: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
-        dropElements: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
-        allowAttributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString, "many">>>;
-        dropAttributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString, "many">>>;
-        allowComponents: z.ZodOptional<z.ZodBoolean>;
-        allowCustomElements: z.ZodOptional<z.ZodBoolean>;
-        allowComments: z.ZodOptional<z.ZodBoolean>;
-    }, "strip", z.ZodTypeAny, {
-        allowElements?: string[] | undefined;
-        blockElements?: string[] | undefined;
-        dropElements?: string[] | undefined;
-        allowAttributes?: Record<string, string[]> | undefined;
-        dropAttributes?: Record<string, string[]> | undefined;
-        allowComponents?: boolean | undefined;
-        allowCustomElements?: boolean | undefined;
-        allowComments?: boolean | undefined;
-    }, {
-        allowElements?: string[] | undefined;
-        blockElements?: string[] | undefined;
-        dropElements?: string[] | undefined;
-        allowAttributes?: Record<string, string[]> | undefined;
-        dropAttributes?: Record<string, string[]> | undefined;
-        allowComponents?: boolean | undefined;
-        allowCustomElements?: boolean | undefined;
-        allowComments?: boolean | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    sanitize?: {
-        allowElements?: string[] | undefined;
-        blockElements?: string[] | undefined;
-        dropElements?: string[] | undefined;
-        allowAttributes?: Record<string, string[]> | undefined;
-        dropAttributes?: Record<string, string[]> | undefined;
-        allowComponents?: boolean | undefined;
-        allowCustomElements?: boolean | undefined;
-        allowComments?: boolean | undefined;
-    } | undefined;
-}, {
-    sanitize?: {
-        allowElements?: string[] | undefined;
-        blockElements?: string[] | undefined;
-        dropElements?: string[] | undefined;
-        allowAttributes?: Record<string, string[]> | undefined;
-        dropAttributes?: Record<string, string[]> | undefined;
-        allowComponents?: boolean | undefined;
-        allowCustomElements?: boolean | undefined;
-        allowComments?: boolean | undefined;
-    } | undefined;
-}>>>;
-export type WYSIWYGSchemaOptions = z.infer<typeof WYSIWYGSchema>;
+export declare const WYSIWYGSchema: Schema.mutable<Schema.Struct<{
+    sanitize: Schema.optionalWith<Schema.declare<import("ultrahtml/transformers/sanitize").SanitizeOptions, import("ultrahtml/transformers/sanitize").SanitizeOptions, readonly [], never>, {
+        default: () => {};
+    }>;
+}>>;
+/**
+ * Type representing the WYSIWYG schema options.
+ */
+export type WYSIWYGSchemaOptions = typeof WYSIWYGSchema.Encoded;

package/dist/types.js

@@ -1,9 +1,18 @@
-import { z } from "astro/zod";
-import { StudioCMSSanitizeOptionsSchema } from "studiocms/schemas";
-const WYSIWYGSchema = z.object({
-  /** Sanitization options for WYSIWYG content. See {@link StudioCMSSanitizeOptionsSchema} for details. */
-  sanitize: StudioCMSSanitizeOptionsSchema
-}).optional().default({});
+import { Schema } from "studiocms/effect";
+import { SanitizeOptionsSchema } from "studiocms/schemas";
+const WYSIWYGSchema = Schema.mutable(
+  Schema.Struct({
+    sanitize: Schema.optionalWith(SanitizeOptionsSchema, {
+      default: () => ({})
+    }).annotations({
+      description: "Sanitization options for WYSIWYG content. See {@link SanitizeOptionsSchema} for details."
+    })
+  })
+).annotations({
+  title: "WYSIWYG Configuration Options",
+  identifier: "WYSIWYGSchema",
+  description: "Defines the schema for HTML configuration options."
+});
 export {
   WYSIWYGSchema
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiocms/wysiwyg",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Add A WYSIWYG Editor to your StudioCMS project with ease!",
   "author": {
     "name": "withstudiocms",
@@ -63,12 +63,12 @@
     "tui-image-editor": "^3.15.3"
   },
   "devDependencies": {
-    "@studiocms/ui": "^1.0.1",
+    "@studiocms/ui": "^1.1.2",
     "@types/node": "^22.0.0",
     "astro": "^5.12.9",
     "vite": "^6.3.4",
-    "@withstudiocms/component-registry": "^0.1.2",
-    "studiocms": "^0.2.0"
+    "@withstudiocms/component-registry": "^0.1.4",
+    "studiocms": "^0.4.0"
   },
   "scripts": {
     "build": "buildkit build 'src/**/*.{ts,astro,css,js}'",