ncu, doc

README.md

@@ -1,22 +1,24 @@
-# Eleventy Visual Designer
+# Silex CMS
 
-Eleventy Visual Designer is a Silex plugin that simplifies the creation of Eleventy layouts. It provides a visual interface to design pages while seamlessly integrating GraphQL data, allowing for a streamlined, code-free development process
+This is a Silex plugin to make Eleventy layouts visually with integration of any GraphQL API, allowing for a streamlined, code-free development process
 
 Links
 
 * [Eleventy / 11ty](https://11ty.dev)
 * [Silex free/libre website builder](https://www.silex.me)
+* [Discussion about this plugin](https://community.silex.me/d/26-work-in-progress-dynamic-websites/24)
+* [Issue with ideas and links to compatible CMSs](https://github.com/silexlabs/Silex/issues/1478)
 
 Features
 
-1. Visual design interface for Eleventy layouts
-1. Integration with GraphQL APIs for visula design on real data
-1. Expression builders for content, visibility conditions and loops
-1. Live preview of data-driven designs
-1. Automatic generation of Eleventy-specific data files and front matter
-1. Support for localization and internationalization
-1. Customizable SEO settings for collection pages
-1. Mock data capabilities for offline design testing
+* [x] Visual design interface for Eleventy layouts
+* [x] Integration with GraphQL APIs for visula design on real data
+* [x] Expression builders for content, visibility conditions and loops
+* [x] Automatic generation of Eleventy-specific data files and front matter
+* [x] Support for localization and internationalization
+* [ ] Live preview of data-driven designs
+* [ ] Customizable SEO settings for collection pages
+* [ ] Mock data capabilities for offline design testing
 
 > **Add a gif or a live demo of your plugin here**
 

package.json

@@ -27,14 +27,14 @@
     "@rollup/plugin-eslint": "^9.0.5",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.0",
+    "@typescript-eslint/parser": "^6.13.0",
     "eslint": "^8.54.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "node_modules-path": "^2.0.7",
     "nodemon": "^3.0.1",
-    "rollup": "^4.5.2",
+    "rollup": "^4.6.0",
     "rollup-plugin-tslint": "^0.2.2",
     "ts-jest": "^29.1.1",
     "tslib": "^2.6.2",
@@ -47,7 +47,7 @@
     "lit-html": "3.0.2"
   },
   "dependencies": {
-    "@silexlabs/grapesjs-data-source": "^0.0.27",
+    "@silexlabs/grapesjs-data-source": "^0.0.28",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.1"
   },

src/client/filters.ts

@@ -30,6 +30,10 @@ export default function(config, opts: EleventyPluginOptions): void {
     optionsForm: (input: Field | null, options: Options) => {
       return `
         <form>
+          <details>
+            <summary>Help</summary>
+            Check <a href="https://www.11ty.dev/docs/plugins/image/" target="_blank">11ty's docs about image plugin</a> for more information.
+          </details>
           <label>Alt (select a custom state)
             <select name="alt">
               ${