@dmitryvim/form-builder 0.1.22 → 0.1.24

package/docs/schema.md

@@ -6,9 +6,9 @@ Complete reference for Form Builder JSON Schema v0.3 format.
 
 ```typescript
 interface FormSchema {
-  version: "0.3";              // Required: Schema version
-  title: string;               // Form title
-  elements: FormElement[];     // Array of form elements
+  version: "0.3"; // Required: Schema version
+  title: string; // Form title
+  elements: FormElement[]; // Array of form elements
 }
 ```
 
@@ -32,8 +32,9 @@ Single line text input with validation.
 ```
 
 **Properties:**
+
 - `minLength` - Minimum character count
-- `maxLength` - Maximum character count  
+- `maxLength` - Maximum character count
 - `pattern` - Regular expression for validation
 - `default` - Default value
 
@@ -44,7 +45,7 @@ Multi-line text input.
 ```json
 {
   "type": "textarea",
-  "key": "description", 
+  "key": "description",
   "label": "Description",
   "required": false,
   "minLength": 0,
@@ -74,6 +75,7 @@ Numeric input with constraints.
 ```
 
 **Properties:**
+
 - `min` - Minimum value
 - `max` - Maximum value
 - `decimals` - Number of decimal places (0-8)
@@ -99,6 +101,7 @@ Dropdown selection with predefined options.
 ```
 
 **Properties:**
+
 - `options` - Array of value/label pairs
 
 ### File Field
@@ -120,6 +123,7 @@ Single file upload with preview.
 ```
 
 **Properties:**
+
 - `accept.extensions` - Allowed file extensions
 - `accept.mime` - Allowed MIME types
 - `maxSizeMB` - Maximum file size in megabytes
@@ -145,6 +149,7 @@ Multiple file upload with count limits.
 ```
 
 **Properties:**
+
 - `minCount` - Minimum number of files
 - `maxCount` - Maximum number of files
 - All `file` type properties
@@ -166,7 +171,7 @@ Nested object structure with optional repetition.
       "required": true
     },
     {
-      "type": "text", 
+      "type": "text",
       "key": "city",
       "label": "City",
       "required": true
@@ -176,6 +181,7 @@ Nested object structure with optional repetition.
 ```
 
 **With Repetition and Custom Element Titles:**
+
 ```json
 {
   "type": "group",
@@ -195,7 +201,7 @@ Nested object structure with optional repetition.
     },
     {
       "type": "text",
-      "key": "title", 
+      "key": "title",
       "label": "Slide Title",
       "required": true
     }
@@ -204,6 +210,7 @@ Nested object structure with optional repetition.
 ```
 
 **Properties:**
+
 - `elements` - Array of nested form elements
 - `element_label` - Optional custom title for each group item (supports `$index` placeholder)
 - `repeat.min` - Minimum number of repetitions
@@ -215,11 +222,11 @@ All field types support these properties:
 
 ```typescript
 interface BaseElement {
-  type: string;        // Field type
-  key: string;         // Unique identifier
-  label: string;       // Display label
-  required?: boolean;  // Required validation (default: false)
-  default?: any;       // Default value (not allowed for file types)
+  type: string; // Field type
+  key: string; // Unique identifier
+  label: string; // Display label
+  required?: boolean; // Required validation (default: false)
+  default?: any; // Default value (not allowed for file types)
 }
 ```
 
@@ -246,7 +253,7 @@ Based on the sample from `docs/13_form_builder.html`:
     {
       "type": "files",
       "key": "assets",
-      "label": "Additional images", 
+      "label": "Additional images",
       "required": false,
       "accept": {
         "extensions": ["png", "jpg"],
@@ -337,10 +344,7 @@ Form submission produces structured JSON data:
 ```json
 {
   "cover": "res_abc123def456",
-  "assets": [
-    "res_def456ghi789",
-    "res_ghi789jkl012"
-  ],
+  "assets": ["res_def456ghi789", "res_ghi789jkl012"],
   "title": "My Amazing Project",
   "description": "A detailed description of the project...",
   "theme": "dark",
@@ -351,7 +355,7 @@ Form submission produces structured JSON data:
       "body": "Welcome to our presentation..."
     },
     {
-      "title": "Features", 
+      "title": "Features",
       "body": "Here are the key features..."
     }
   ]
@@ -359,6 +363,7 @@ Form submission produces structured JSON data:
 ```
 
 **Key Points:**
+
 - File fields return resource IDs (e.g., `res_abc123def456`)
 - Files fields return arrays of resource IDs
 - Group fields return objects or arrays of objects
@@ -393,19 +398,19 @@ During form interaction:
 For advanced validation, handle the `formSubmit` event:
 
 ```javascript
-window.addEventListener('message', (event) => {
-    if (event.data.type === 'formSubmit') {
-        const { data, schema } = event.data;
-        
-        // Custom validation logic
-        if (data.email && !isValidEmail(data.email)) {
-            // Handle validation error
-            return;
-        }
-        
-        // Process valid submission
-        handleFormSubmission(data);
+window.addEventListener("message", (event) => {
+  if (event.data.type === "formSubmit") {
+    const { data, schema } = event.data;
+
+    // Custom validation logic
+    if (data.email && !isValidEmail(data.email)) {
+      // Handle validation error
+      return;
     }
+
+    // Process valid submission
+    handleFormSubmission(data);
+  }
 });
 ```
 
@@ -419,9 +424,10 @@ window.addEventListener('message', (event) => {
 ### Migration Guidelines
 
 When updating schemas:
+
 1. Always specify the correct version
 2. Test with the form builder before deployment
 3. Use schema validation to catch errors early
 4. Provide migration paths for breaking changes
 
-This schema reference provides complete documentation for creating effective forms with the Form Builder library.
+This schema reference provides complete documentation for creating effective forms with the Form Builder library.

package/package.json

@@ -3,9 +3,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "A reusable JSON schema form builder library",
   "main": "dist/form-builder.js",
+  "module": "dist/form-builder.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/form-builder.js",
+      "require": "./dist/form-builder.js",
+      "default": "./dist/form-builder.js"
+    },
+    "./dist/form-builder.js": "./dist/form-builder.js"
+  },
   "files": [
     "dist",
     "docs"
@@ -14,7 +24,9 @@
     "build": "mkdir -p dist && cp public/index.html dist/index.html && cp src/form-builder.js dist/form-builder.js && cp public/demo.js dist/demo.js && cp -r public/images dist/",
     "dev": "npm run build && serve dist --single",
     "test": "jest",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run test && npm run build"
   },
   "keywords": [
     "form",