Initial Drupal 11 with DDEV setup

vendor/chi-teck/drupal-code-generator/templates/_layout/javascript.twig

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Custom behaviors for {{ layout_name|lower }} layout.
+ */
+
+(function (Drupal) {
+
+  'use strict';
+
+  Drupal.behaviors.{{ layout_machine_name|camelize(false) }} = {
+    attach (context, settings) {
+
+      console.log('It works!');
+
+    }
+  };
+
+} (Drupal));

vendor/chi-teck/drupal-code-generator/templates/_layout/layouts.twig

@@ -0,0 +1,16 @@
+{{ machine_name }}_{{ layout_machine_name }}:
+  label: '{{ layout_name }}'
+  category: '{{ category }}'
+  path: layouts/{{ layout_machine_name }}
+  template: {{ layout_machine_name|u2h }}
+{% if js or css %}
+  library: {{ machine_name }}/{{ layout_machine_name }}
+{% endif %}
+  regions:
+    main:
+      label: Main content
+    sidebar:
+      label: Sidebar
+  default_region: main
+  icon_map:
+    - [main, main, sidebar]

vendor/chi-teck/drupal-code-generator/templates/_layout/libraries.twig

@@ -0,0 +1,10 @@
+{{ layout_machine_name }}:
+{% if js %}
+  js:
+    layouts/{{ layout_machine_name }}/{{ layout_machine_name|u2h }}.js: {}
+{% endif %}
+{% if css %}
+  css:
+    component:
+      layouts/{{ layout_machine_name }}/{{ layout_machine_name|u2h }}.css: {}
+{% endif %}

vendor/chi-teck/drupal-code-generator/templates/_layout/styles.twig

@@ -0,0 +1,28 @@
+.layout--{{ layout_machine_name|u2h }} {
+  display: flex;
+  gap:  1rem;
+  padding: 1rem;
+  outline: solid 1px orange;
+}
+
+.layout--{{ layout_machine_name|u2h }} > .layout__region {
+  padding: 1rem;
+  outline: solid 1px orange;
+}
+
+.layout--{{ layout_machine_name|u2h }} > .layout__region--main {
+  flex-basis: 66%;
+}
+
+.layout--{{ layout_machine_name|u2h }} > .layout__region--sidebar {
+  flex-basis: 33%;
+}
+
+@media all and (max-width: 850px) {
+  .layout--{{ layout_machine_name|u2h }} {
+    flex-direction: column;
+  }
+  .layout--{{ layout_machine_name|u2h }} > .layout__region {
+    flex-basis: auto;
+  }
+}

vendor/chi-teck/drupal-code-generator/templates/_layout/template.twig

@@ -0,0 +1,41 @@
+{% verbatim -%}
+{#
+/**
+ * @file
+ * Default theme implementation to display {% endverbatim %}{{ layout_name|lower }}{% verbatim %} layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout wrapper.
+ *
+ * @ingroup themeable
+ */
+#}
+{% if content %}
+
+  {# @DCG Drupal naming convention for CSS classes in layouts seems weird. Feel free to change it. #}
+  {%
+    set classes = [
+      'layout',
+      'layout--{% endverbatim %}{{ layout_machine_name|u2h }}'{% verbatim %},
+    ]
+  %}
+
+  <div{{ attributes.addClass(classes) }}>
+
+    {% if content.main %}
+      <div {{ region_attributes.main.addClass('layout__region', 'layout__region--main') }}>
+        {{ content.main }}
+      </div>
+    {% endif %}
+
+    {% if content.sidebar %}
+      <div {{ region_attributes.sidebar.addClass('layout__region', 'layout__region--sidebar') }}>
+        {{ content.sidebar }}
+      </div>
+    {% endif %}
+
+  </div>
+
+{% endif %}
+{% endverbatim -%}