@silexlabs/silex 3.0.0-alpha.122 → 3.0.0-alpha.124

package/.env.default

@@ -8,7 +8,7 @@ SILEX_PORT=6805 # 6805 is the date of sexual revolution started in paris france
 SILEX_HOST=localhost
 SILEX_PROTOCOL=http
 SILEX_DEBUG=FALSE
-SILEX_CONFIG=
+SILEX_SERVER_CONFIG=
 SILEX_SSL_PORT=
 SILEX_FORCE_HTTPS=
 SILEX_SSL_PRIVATE_KEY=

package/README.md

@@ -1,12 +1,12 @@
-[![status of silex.me instance](https://monitoshi.lexoyo.me/badge/1525963562293-6552)](https://editor.silex.me)
+[![status of silex.me instance](https://monitoshi.lexoyo.me/badge/1525963562293-6552)](https://v3.silex.me)
 
 ![Silex UI](https://github.com/silexlabs/www.silex.me/raw/gh-pages/assets/silex-ui.gif)
 
 Brought to you by [Alex Hoyau](https://www.patreon.com/lexoyo) and [Silex contributors](https://github.com/silexlabs/Silex/graphs/contributors).
 
-You can help make Silex sustainable by being part of the community, contributing documentation or making a financial contribution. [Let's chat - every little bit helps!](https://github.com/silexlabs/Silex/discussions)
+Help make Silex sustainable by being [part of the community](https://community.silex.me/), [contributing documentation](https://docs.silex.me/), [making a financial contribution](https://opencollective.com/silex), [report bugs](https://github.com/silexlabs/Silex/issues).
 
-## About Silex, live web creation.
+## Silex
 
 Silex is a no-code tool for building websites. It also lets you code when needed. It can be used online, offline or in a JAMStack project.
 
@@ -48,13 +48,15 @@ There is a desktop application that you can install on your computer which may b
 
 You can also run Silex locally or on your server using `npx`, `npm`, or `Docker`.
 
+Check the [developer docs](https://docs.silex.me/en/dev) for configuration options and integration with your js projects.
+
 #### Using npx
 
 ```bash
 npx @silexlabs/silex
 ```
 
-This command will run Silex with the entry point being `src/ts/server/cli.ts`.
+This command will run Silex with default config.
 
 #### Using Docker
 
@@ -62,7 +64,7 @@ This command will run Silex with the entry point being `src/ts/server/cli.ts`.
 docker run -p 6805:6805 silexlabs/silex
 ```
 
-This command will run Silex in a Docker container with the entry point being `src/ts/server/index.ts`.
+This command will run Silex in a Docker container.
 
 #### Using npm
 
@@ -72,16 +74,30 @@ First, install Silex as a dev dependency in your project:
 npm install --save-dev @silexlabs/silex
 ```
 
-Then, you can run Silex with the `silex` command. The entry point is `src/ts/server/cli.ts`.
+Then, you can run Silex with the `silex` command in your `package.json` scripts:
+
+```json
+{
+  "scripts": {
+    "start": "silex"
+  }
+}
+```
 
 ## Configuration
 
-You can configure Silex using environment variables and command-line options. All available options can be found in `src/ts/server/cli.ts`.
+You can configure Silex using environment variables and command-line options. All available options can be found in the [developer docs](https://docs.silex.me/en/dev) as well as in the code: [`src/ts/server/cli.ts`](./src/ts/server/cli.ts).
+
+Check the example config files - which are the same as plugins in Silex, in the [`examples/`](./examples/) folder. To test these configs, start Silex locally like this:
+
+```sh
+$ npx silex --client-config=./examples/client-config-transformers.js --server-config=`pwd`/examples/server-config-plugins.js 
+```
 
-There are config files (same as plugins) in the `examples/` folder. To start Silex locally with these config:
+Or like this:
 
 ```sh
-$ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_CONFIG=`pwd`/examples/server-config-plugins.js npm run start:debug
+$ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_SERVER_CONFIG=`pwd`/examples/server-config-plugins.js npm run start:debug
 ```
 
 ## Contributing

package/dist/client/client/grapesjs/project-bar.d.ts

@@ -1 +1,17 @@
+import { Editor } from 'grapesjs';
+export interface PanelObject {
+    command: string | ((editor: Editor) => void);
+    text: string;
+    className: string;
+    attributes: {
+        title?: string;
+        containerClassName?: string;
+    };
+    buttons?: {
+        command: string;
+        text: string;
+        className: string;
+    }[];
+}
 export declare const projectBarPlugin: (editor: any, opts: any) => void;
+export declare function addButton(editor: Editor, panel: PanelObject): void;

package/dist/client/css/admin.css

@@ -1916,6 +1916,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   width: 100%;
   height: 100%;
 }
+.gjs-cv-canvas__spots {
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+}
 .gjs-cv-canvas .gjs-ghost {
   display: none;
   pointer-events: none;