lib/generators/alchemy/elements/elements_generator.rb

@@ -14,6 +14,7 @@ def create_partials
         @elements.each do |element|
           @element = element
           @contents = element["contents"] || []
+          @ingredients = element["ingredients"] || []
           @element_name = element_name(element)
           conditional_template "view.html.#{template_engine}", "#{elements_dir}/_#{@element_name}.html.#{template_engine}"
         end

lib/generators/alchemy/elements/templates/view.html.erb

@@ -9,6 +9,15 @@
     <%%= el.render :<%= content["name"] %> %>
     <%- end -%>
   <%- end -%>
+  <%- @ingredients.each do |ingredient| -%>
+    <%- if @ingredients.length > 1 -%>
+    <div class="<%= ingredient["role"] %>">
+      <%%= el.render(:<%= ingredient["role"] %>) %>
+    </div>
+    <%- else -%>
+    <%%= el.render(:<%= ingredient["role"] %>) %>
+    <%- end -%>
+  <%- end -%>
   <%- if @element['nestable_elements'].present? -%>
     <%%= render <%= @element_name %>.nested_elements.available %>
   <%- end -%>

lib/generators/alchemy/elements/templates/view.html.haml

@@ -8,6 +8,15 @@
     = el.render :<%= content["name"] %>
     <%- end -%>
   <%- end -%>
+  <%- @ingredients.each do |ingredient| -%>
+    <%- if @ingredients.length > 1 -%>
+    .<%= ingredient["role"] %>
+      = el.render(:<%= ingredient["role"] %>)
+    </div>
+    <%- else -%>
+    = el.render(:<%= ingredient["role"] %>)
+    <%- end -%>
+  <%- end -%>
   <%- if @element['nestable_elements'].present? -%>
     = render <%= @element_name -%>.nested_elements.available
   <%- end -%>

lib/generators/alchemy/elements/templates/view.html.slim

@@ -8,6 +8,15 @@
     = el.render :<%= content["name"] %>
     <%- end -%>
   <%- end -%>
+  <%- @ingredients.each do |ingredient| -%>
+    <%- if @ingredients.length > 1 -%>
+    .<%= ingredient["role"] %>
+      = el.render(:<%= ingredient["role"] %>)
+    </div>
+    <%- else -%>
+    = el.render(:<%= ingredient["role"] %>)
+    <%- end -%>
+  <%- end -%>
   <%- if @element['nestable_elements'].present? -%>
     = render <%= @element_name -%>.nested_elements.available
   <%- end -%>

package/src/__tests__/i18n.spec.js

@@ -15,12 +15,20 @@ describe("translate", () => {
     })
 
     describe("if translation is present", () => {
+      beforeEach(() => {
+        Alchemy.translations = { en: { help: "Help" } }
+      })
+
       it("Returns translated string", () => {
         expect(translate("help")).toEqual("Help")
       })
 
       describe("if key includes a period", () => {
         describe("that is translated", () => {
+          beforeEach(() => {
+            Alchemy.translations = { en: { formats: { date: "Y-m-d" } } }
+          })
+
           it("splits into group", () => {
             expect(translate("formats.date")).toEqual("Y-m-d")
           })
@@ -40,6 +48,10 @@ describe("translate", () => {
       })
 
       describe("if replacement is given", () => {
+        beforeEach(() => {
+          Alchemy.translations = { en: { allowed_chars: "of %{number} chars" } }
+        })
+
         it("replaces it", () => {
           expect(translate("allowed_chars", 5)).toEqual("of 5 chars")
         })
@@ -67,4 +79,15 @@ describe("translate", () => {
       spy.mockRestore()
     })
   })
+
+  describe("if Alchemy.translations is not set", () => {
+    it("Returns passed string and logs a warning", () => {
+      const spy = jest.spyOn(console, "warn").mockImplementation(() => {})
+      expect(translate("help")).toEqual("help")
+      expect(spy.mock.calls).toEqual([
+        ["Translations for locale kl not found!"]
+      ])
+      spy.mockRestore()
+    })
+  })
 })

package/src/i18n.js

@@ -9,7 +9,7 @@ function currentLocale() {
 
 function getTranslations() {
   const locale = currentLocale()
-  const translations = Alchemy.translations[locale]
+  const translations = Alchemy.translations && Alchemy.translations[locale]
 
   if (translations) {
     return translations

spec/dummy/app/views/alchemy/elements/_all_you_can_eat_ingredients.html.erb

@@ -0,0 +1,46 @@
+<%- cache(all_you_can_eat_ingredients) do -%>
+  <%= element_view_for(all_you_can_eat_ingredients) do |el| -%>
+    <div class="headline">
+      <%= el.render(:headline) %>
+    </div>
+    <div class="text">
+      <%= el.render(:text) %>
+    </div>
+    <div class="picture">
+      <%= el.render(:picture) %>
+    </div>
+    <div class="richtext">
+      <%= el.render(:richtext) %>
+    </div>
+    <div class="select">
+      <%= el.render(:select) %>
+    </div>
+    <div class="boolean">
+      <%= el.render(:boolean) %>
+    </div>
+    <div class="datetime">
+      <%= el.render(:datetime) %>
+    </div>
+    <div class="file">
+      <%= el.render(:file) %>
+    </div>
+    <div class="html">
+      <%= el.render(:html) %>
+    </div>
+    <div class="link">
+      <%= el.render(:link) %>
+    </div>
+    <div class="node">
+      <%= el.render(:node) %>
+    </div>
+    <div class="audio">
+      <%= el.render(:audio) %>
+    </div>
+    <div class="video">
+      <%= el.render(:video) %>
+    </div>
+    <div class="page">
+      <%= el.render(:page) %>
+    </div>
+  <%- end -%>
+<%- end -%>

spec/dummy/app/views/alchemy/elements/_element_with_ingredients.html.erb

@@ -0,0 +1,10 @@
+<%- cache(element_with_ingredients) do -%>
+  <%= element_view_for(element_with_ingredients) do |el| -%>
+    <div class="headline">
+      <%= el.render(:headline) %>
+    </div>
+    <div class="text">
+      <%= el.render(:text) %>
+    </div>
+  <%- end -%>
+<%- end -%>