Cloudron Forum

@UweG said in Error installing community nodes on n8n:

Is it generally not possible to install community nodes on Cloudron-n8n?

It is possible, I am using io.n8n.cloudronapp@2.14.0 (n8n v0.201.0):

1. open the app terminal
2. go to custom extensions folder cd /app/data/custom-extensions/
3. install your desired community packages, e.g. npm i n8n-nodes-directus
4. start editing the file /app/data/env with the File Manager and add these line:

export N8N_CUSTOM_EXTENSIONS=/app/data/custom-extensions/

5. Last but not least: restart the app and find the node in the Add Node panel

@girish said in Cal.com (was Calendso) - Calendly Alternative:

Time to give this another try...

Thanks for the response and your will to give it fresh start!

Hi Cloudron Community,

unfortunately I had to deal with a full disk space and its consequences.

I was quite stunned that the disk usage was running full so quickly. Without prior notice services stopped and the dashboard was unreachable. After resizing the disk and the partitions I was able to start the server again. Anyways the unbound DNS server wasn't running properly, even though it did after resizing the disk, which caused mainly the mailserver to stop working.

The reason I believe the disk space was running full in the first place:
The mounted CIFS backup volume wasn't mounted anymore → backups were made locally. Why did that happen? No idea. But it would have been good to know that it happened.

These events just showed me that I would miss the possibility to setup email notifications for certain system events, which require immediate action, such as

• Backup volume not found/unmounted;
• Disk usage exceeds a threshold;
• Service X not running since X minutes → indicates a problem;
• … you name it.

And since I read quite often that people’s disk space was running full "suddenly" I thought this might be caused by a lack of information.

@osobo said in New UI Sneak peak and review:

@necrevistonnezr Thanks for your feedback. You're right ! I've cleared the cache and ... voila

Also here in the menu noticeable: The icons and their colorful boxes show some indecisiveness in terms of the spacing, sizing and border-radius. They are almost a circle, but not yet. Or in other peoples eyes almost rounded rectangles. In design should be no doubt, always decisions

Hi,

I was just noticing that the notification titles in the Cloudron dashboard looked awfully odd. When looking at the theme.scss to check what’s off, I was noticing the following:

The font-weight is set to bold (theme.scss#L1648)

Digging deeper I was noticing, that there were only two @font-face rules defined in (theme.scss#L58-66)

• only two font files are loaded: Light and Regular
• no font-style descriptor, so default font-style: normal would be applied
• no font-weight descriptor, so default font-weight: normal would be applied

Since there are only two font files loaded (Light, Regular) there is no file for the bold/700 weight – unless you’ve installed the font locally on your device.

This will cause the browser to faux bold the notification title. That’s basically just an outline to make the font appear bolder but that leads to crappy results. (more about that phenomenon here)
BTW, the same applies to font-style: If there is no italic font file loaded the browser will slant the font which results in faux italics. (more here)

Here is a comparison of faux (left) and correct (right):

The fix is easy: Load the entire Roboto font family, incl. all italic styles.

@froodle thanks for the work. Great application and very useful in daily use!

But the latest UI changes feel a bit imbalanced to me and less organized. I think the biggest driver for that feeling is the border-radius of the icon boxes and the cards. Inconsistencies in sizing and spacing of the icons as well as too less padding for the icons also add to the feeling that something’s off.
The considerably strong stroke-width of the icons in comparison to the light font-weight of the tool titles does rather separating icon and text than connecting them visually to one item.
Also the border-width of the cards is visually too strong. Reducing the border-width or lighten the border-color. By the way, also noticeable inconsistencies in the border-widths (0.1rem in the search input vs. 2px icon cards).

Sounds quite harsh, meant as constructive feedback

I quickly sketched the changes in the dev inspect tool and saved the changes. Here is the comparison and the adjustments. Hope this is helping you to find the right balance!

original:

adjusted:

diff --git a/pdf/css/bootstrap.min.css b/pdf/css-edit/bootstrap.min.css
index 5cfa298..d262c73 100644
--- a/pdf/css/bootstrap.min.css	
+++ b/pdf/css-edit/bootstrap.min.css	
@@ -4389,12 +4389,13 @@ fieldset:disabled .btn {
 }
 
 .nav-link {
-  display: block;
+  display: flex;
   padding: 0.5rem 1rem;
   color: #0d6efd;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out;
+  align-items: center;
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/pdf/css/home.css? b/pdf/css-edit/home.css?
index a6f89ed..91a0204 100644
--- a/pdf/css/home.css?	
+++ b/pdf/css-edit/home.css?	
@@ -5,7 +5,7 @@
   font-size: 16px;
   margin-bottom: 2rem;
   padding: 0.75rem 3.5rem;
-  border: 0.1rem solid var(--md-sys-color-outline-variant);
+  border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: 3rem;
   outline-color: var(--md-sys-color-outline-variant);
 }
@@ -19,12 +19,12 @@
 .features-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr));
-  gap: 25px 30px;
+  gap: 30px 30px;
 }
 
 .feature-card {
-  border: 2px solid var(--md-sys-color-surface-5);
-  border-radius: 2rem;
+  border: 1px solid var(--md-sys-color-surface-5);
+  border-radius: 1.75rem;
   padding: 1.25rem;
   display: flex;
   flex-direction: column;
@@ -47,13 +47,13 @@
 }
 
 .feature-card .card-text {
-  flex: 1;
+  font-size: .875rem;
 }
 
 .feature-card:hover {
   cursor: pointer;
-  transform: scale(1.1);
-  box-shadow: var(--md-sys-elevation-3);
+  transform: scale(1.025);
+  box-shadow: var(--md-sys-elevation-2);
 }
 
 .card-title.text-primary {
@@ -79,11 +79,12 @@
 }
 
 #tool-text {
-  margin: 0.5rem 0.5rem 0rem;
+  margin: 0.0rem 0 0 1.25rem;
 }
 
 .card-title {
   margin-bottom: 1rem;
+  font-size: 1rem;
 }
 
 /* Only show the favorite icons when the parent card is being hovered over */
diff --git a/pdf/css/navbar.css? b/pdf/css-edit/navbar.css?
index ddeab5a..a8845f2 100644
--- a/pdf/css/navbar.css?	
+++ b/pdf/css-edit/navbar.css?	
@@ -75,7 +75,7 @@
 }
 
 .icon-text {
-  margin-left: 4px;
+  margin-left: 8px;
   margin-right: 4px;
   display: inline-flex;
   flex-direction: column;
diff --git a/pdf/css/theme/componentes.css? b/pdf/css-edit/theme/componentes.css?
index d767d59..6318212 100644
--- a/pdf/css/theme/componentes.css?	
+++ b/pdf/css-edit/theme/componentes.css?	
@@ -187,8 +187,8 @@ td {
 .feature-card .nav-icon {
   vertical-align: middle;
   font-size: 2rem !important;
-  padding: 0.5rem;
-  border-radius: 1.25rem;
+  padding: 0.75rem;
+  border-radius: 0.9rem;
   color: var(--md-sys-color-surface);
 }
 
diff --git a/pdf/css/theme/font.css b/pdf/css-edit/theme/font.css
index dfb1c1b..f245dd3 100644
--- a/pdf/css/theme/font.css	
+++ b/pdf/css-edit/theme/font.css	
@@ -7,7 +7,7 @@
 
 .material-symbols-rounded {
     font-family: 'Material Symbols Rounded';
-    font-weight: normal;
+    font-weight: 300;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
diff --git a/pdf/css/theme/theme.css? b/pdf/css-edit/theme/theme.css?
index 3c9565d..4f7be33 100644
--- a/pdf/css/theme/theme.css?	
+++ b/pdf/css-edit/theme/theme.css?	
@@ -30,5 +30,5 @@
 }
 
 .no-fill {
-  font-variation-settings: var(--md-sys-icon-fill-0);
+  /* font-variation-settings: var(--md-sys-icon-fill-0); */
 }
\ No newline at end of file

@tshirt-chihuahu thank you for being so enthusiastic about this one!

Hi @girish!

Thanks. I’ll check, but I guess This is working well so far ..

#!/bin/bash
 
# n8n auto backup process
 
# clean up to get all changes
 
rm -r /app/data/n8n-backup/workflows/
rm -r /app/data/n8n-backup/credentials/

# change directory
 
cd /app/code

# start export process
npx n8n export:workflow --backup --output /app/data/n8n-backup/workflows/
npx n8n export:credentials --backup --output /app/data/n8n-backup/credentials/ # save credentials encrypted
 
# npx n8n export:credentials --decrypted --backup --output /app/data/n8n-backup/credentials/ # save credentials decrypted
 
# Use gosu: gosu cloudron:cloudron cmd --param
 
# git add files, commit and push
gosu cloudron:cloudron git -C /app/data/n8n-backup/ add .
gosu cloudron:cloudron git -C /app/data/n8n-backup/ commit -m "Auto backup ($(date +'%Y-%m-%d'))"
gosu cloudron:cloudron git -C /app/data/n8n-backup/ push

# set ownership back to cloudron (fix)
 
chown -R cloudron:cloudron /app/data/n8n-backup/

@scooke said in Emailing notifications of certain crucial system events, such as full disk space:

I don't think Cloudron should be responsible for our disk usage/monitoring

I agree with you in general. It is the users responsibility to take action anyways – not Cloudron’s. But since one promise which is communicated on the website is the following, I think slightly different in detail:

Cloudron lets you focus on using the apps and not worry about system administration.

The users asking for help after having a full disk certainly had to deal with system administration – very suddenly and on a level which needs quite some knowledge (partitioning a disk).

A notification on the dashboard might give a good indication but also requires the user to constantly working with the dashboard which is not always the case. Imagine there are just running a few apps, for example to enable groupware for a small business.

Since Cloudron provides a built-in mail service it should be possible to implement the delivery of notifications or warnings to prevent a system failure.

I can just speak based on the experience I had, which wasn’t pleasant at all. The failure forced my business to stop running for a couple of hours which had cost quite something in time, effort and money. Could have been prevented.

What’s the opinion of others here? How often is the support been contacted with an issue such as full disk space and its consequences?

Hi Cloudron+Directus community,

I am currently planning a web project with a JAMStack setup. Basically: Directus → React → Gatsby → Nginx hosting of the static site.

But I am not entirely sure what Directus is capable of as a hCMS:

• Is it possible to set up a collection which is defining different sections (components) which can be used in a repeater within other collections such as pages, articles, products, etc. – each with independently filled fields. I am aiming for a structure where components are defined once and not redundant for each page article or product collection.
• Is there a solution for relational links within a WYSIWYG/RTE field? What I mean: Editors should be able to link from the RTE to another page, best case with relation to find a page by title, keeping the language relation and keeping the correct URL even though the target page changes the slug.

There might be some extensions I guess. But for now I am very grateful for anyone who can tell me if this is possible in general and with which efforts.

Knowing that the alternatives are hCMS like Contentful or Storyblok we prefer Directus by far.

If anyone having experiences with setting up such deployment pipelines for the Directus/React/Gatsby Stack it would be great if we could talk.

I am looking for someone who is an experienced DevOps engineer working on freelance basis or a company to support us setting up the entire architecture and who is willing to also further maintain it.

Thanks for any help here!

Christoph

What can we do to get this rolling? Since cal.com is now also working with SOGo quite well (it wasn’t at all for quite a while) I hope that there is some movement in the package development

@marcusquinn I took a closer look at Kadence, seems solid work. Thanks for the share.

I was wondering if its possible to register customized blocks based on Kadence default blocks, so registering modified blocks within the Kadence realm, using a plugin or child theme. Do you have experience with that?

@girish said in Possible package configuration issue with bounce processing webhook endpoint:

If so, curl https://sub.domain.tld should work. Does that work ?

Correct – works as expected.

@girish said in Possible package configuration issue with bounce processing webhook endpoint:

I somehow suspect the request is going to another app or something else. Listmonk doesn't use nginx, so I am not sure why you get a response from nginx...

Nevermind. In the meantime, I found the issue.. Wrong TLD.

@froodle said in New UI Sneak peak and review:

@dev-cb I love all these changes! Please consider raising this as a PR so I can give proper credit

thanks, will do

JFYI: we switched to another CMS solution for this project

But the topic is of course still relevant for others in the community and for me, too.