This is a meta repository for Silex website builder
It includes all projects needed for Silex development as git submodules. This is the repo you need to contribute to Silex as many of the projects are dependencies of each other, so we can iterate in all at the same time and benefit from using Yarn Workspaces or npm workspaces.
To execute a command in every package, use scripts/exec.js ls or npm run exec -- ls
There is no issue on this repo, please use the individual project's issues
Leave the line bellow as it is used in the doc script to insert content in the readme
Auto generated submodules Skipping silex-desktop - No readme file found Skipping silex_silex-me-2024 - No readme file found
| Name | Directory | Repo | Description |
|---|---|---|---|
| Silex | packages/Silex |
[email protected]:silexlabs/Silex.git |
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. |
| Example intergation of Silex with 11ty and strapi | packages/silex-strapi-11ty |
[email protected]:silexlabs/silex-strapi-11ty.git |
This is a simple example of how to integrate Silex with 11ty and strapi. |
| Silex plugins | packages/silex-plugins |
[email protected]:silexlabs/silex-plugins.git |
Environment agnostic (node.js, browser, commonjs, esnext...) open architecture (plugin system) inspired by 11ty.dev config |
| Silex Plugin Starter | packages/silex-plugin-starter |
[email protected]:silexlabs/silex-plugin-starter.git |
A good place to start writing a Silex plugin. It supports server and/or client side plugins, in Javascript and TypeScript. Check Silex developer docs if you need help or join the discussions in the forum |
| silex-desktop | packages/silex-desktop |
[email protected]:silexlabs/silex-desktop.git |
|
| Silex Dashboard | packages/silex-dashboard |
[email protected]:silexlabs/silex-dashboard.git |
Here is the source code of Silex dashboard. It is a Silex plugin which can be installed to manage websites you will then edit in Silex. |
| Silex CMS | packages/silex-cms |
[email protected]:silexlabs/silex-cms.git |
This is a Silex plugin to make Eleventy layouts visually with integration of any GraphQL API, allowing for a streamlined, code-free development process |
| silex_silex-me-2024 | packages/silex_silex-me-2024 |
[email protected]:lexoyo/silex_silex-me-2024.git |
|
| Access node_modules in package.json | packages/node_modules-path |
[email protected]:lexoyo/node_modules-path.git |
Use it in your packge.json like this: |
| Libre Friends | packages/libre-friends |
[email protected]:silexlabs/libre-friends.git |
|
| Grapesjs Ui Suggest Classes | packages/grapesjs-ui-suggest-classes | [email protected]:silexlabs/grapesjs-ui-suggest-classes.git | DEMO |
| Symbols plugin for GrapesJS | packages/grapesjs-symbols | [email protected]:silexlabs/grapesjs-sympbols.git | This plugin adds feature to GrapesJS editor, for users to be able to reuse elements in a website and accross pages |
| Grapesjs Storage Rate Limit | packages/grapesjs-storage-rate-limit | [email protected]:silexlabs/grapesjs-storage-rate-limit.git | A plugin for GrapesJS that provides rate-limited storage, allowing you to save changes immediately and then cool down for a specified period before saving again. |
| GrapesJs Notifications Plugin | packages/grapesjs-notifications | [email protected]:silexlabs/grapesjs-notifications.git | Why this plugin? GrapesJs is a powerful framework to build no-code tools and allow users to create templates using a drag-and-drop interface. However, the framework does not offer a standard way of notifying users and each plugin implements its own, which is messy and not user friendly. This plugin provides a centralized notification system that can be used by all plugins to display messages to the user. |
| Grapesjs Loading | packages/grapesjs-loading | [email protected]:silexlabs/grapesjs-loading.git | Shows a loading bar while the site is loaded or saved. By default it looks like the classic loading bar on top of the page, e.g. on github.com. |
| GrapesJS Keymap Dialog | packages/grapesjs-keymaps-dialog | [email protected]:silexlabs/grapesjs-keymaps-dialog.git | This GrapesJS plugin implements a floating UI showing the available keymaps for the editor. |
| Grapesjs Fonts | packages/grapesjs-fonts | [email protected]:silexlabs/grapesjs-fonts.git | Custom Fonts plugin for grapesjs |
| Grapesjs Filter Styles | packages/grapesjs-filter-styles | [email protected]:silexlabs/grapesjs-filter-styles.git | This plugin adds a search bar in the Style manager so that users can search for a CSS style |
| Grapesjs Directus Storage | packages/grapesjs-directus-storage | [email protected]:silexlabs/grapesjs-directus-storage.git | Directus as a backend for GrapesJS |
| GrapesJs Data Source plugin | packages/grapesjs-data-source | [email protected]:silexlabs/grapesjs-data-source.git | This GrapesJS plugin integrates various APIs into the editor. |
| Grapesjs Advanced Selector | packages/grapesjs-advanced-selector | [email protected]:silexlabs/grapesjs-advanced-selector.git | Links |
| Expression Input web component | packages/expression-input | [email protected]:silexlabs/expression-input.git | A web component to include in your JS/TS projects. Your users can create an expression which is a ordoned list of tokens. It feels like auto completion without typing text. The token can have options too. |
| Eleventy Plugin Directus | packages/eleventy-plugin-directus | [email protected]:silexlabs/eleventy-plugin-directus.git | # packages/eleventy-plugin-concat | [email protected]:silexlabs/eleventy-plugin-concat.git | Eleventy plugin to bundle your scripts and styles |
| Silex instances by Silex Labs | packages/editor.silex.me | [email protected]:silexlabs/editor.silex.me.git | This repo holds the code for the public Silex instance hosted for free by Silex Labs foundation and The v3 instance too. |
| 11ty_silex.me 2024 | packages/11ty_silex.me-2024 | [email protected]:lexoyo/11ty_silex.me-2024.git | ## Local dev |
Auto generated submodules
To contribute to Silex you need to clone this repo with its submodules, make sure you use the required nodejs version (nvm) and install its dependencies (you can replace npm with yarn):
$ git clone [email protected]:silexlabs/silex-meta.git --recurse-submodules -j8
$ git submodule update --init --recursive
$ cd silex-meta
$ nvm install
$ npm install
$ npm start
Useful commands
- Start Silex:
npm start(or usenpm run start:debug) - Release a package (which is in packages/$PACKAGE_NAME) and bump version of a library and all its dependents:
scripts/release-version packages/$PACKAGE_NAME $VERSION, then you probably want togit push --follow-tagsthe changed packages - Add a project:
git submodules add $PACKAGE_GIT_URL packages/$PACKAGE_NAME, then runnpm run doc
- The excellent GrapesJs framework used for the front end drag/drop feature
- Typescript is used to build Silex
- GLYPHICONS library of icons and symbols (CC license) and fontawesome icons
This includes all the packages of this repo.
Auto generated count
> [email protected] count
> cloc packages --exclude-dir node_modules,doc,strapi,test,dist,mock --exclude-ext=md,xml,pug,njk,ini,scss,css,json,svg,yaml,yml,html
github.com/AlDanial/cloc v 2.00 T=0.50 s (614.0 files/s, 372198.0 lines/s)
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
JavaScript 130 8808 20031 127184
TypeScript 164 1921 5946 21040
GraphQL 3 63 6 667
JSX 1 0 2 256
Dockerfile 4 14 9 78
Text 2 6 0 34
INI 2 4 0 21
liquid 1 0 0 9
-------------------------------------------------------------------------------
SUM: 307 10816 25994 149289
-------------------------------------------------------------------------------
Auto generated count
Cloc's report in mar. 2021:
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
JavaScript 149 9652 10733 54582
JSON 55 3 0 52723
TypeScript 178 2591 4713 21524
HTML 114 16988 380 16689
CSS 57 2142 1098 14399
SCSS 57 881 415 5444
SVG 17 0 0 4810
LESS 36 172 203 4039
YAML 38 18 46 2607
EJS 28 40 9 1627
JSX 14 160 109 1406
Markdown 42 472 0 1067
Pug 17 54 36 938
Dockerfile 1 3 3 9
Properties 1 1 0 1
-------------------------------------------------------------------------------
SUM: 804 33177 17745 181865
-------------------------------------------------------------------------------
Cloc's report in feb 2023:
$ cloc packages
515 text files.
345 unique files.
697 files ignored.
github.com/AlDanial/cloc v 1.92 T=1.00 s (345.0 files/s, 212776.0 lines/s)
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
JSON 22 1 0 119875
JavaScript 62 7190 7805 38240
TypeScript 142 2035 4067 17106
CSS 21 594 715 5761
YAML 23 53 39 2914
LESS 21 138 159 2234
Markdown 15 413 0 932
Pug 14 49 30 899
EJS 7 35 4 798
HTML 3 56 12 495
SVG 13 0 0 96
Dockerfile 2 9 9 13
-------------------------------------------------------------------------------
SUM: 345 10573 12840 189363
-------------------------------------------------------------------------------