Update: Use @Private in fusion

Author: jonnitto

Resources/Private/Fusion/Component/Countries.fusion

@@ -1,4 +1,6 @@
 prototype(Garagist.Mautic:Countries) < prototype(Neos.Fusion:Component) {
+    value = null
+
     countries = Neos.Fusion:DataStructure {
         europe {
             label = 'Europe'
@@ -263,36 +265,32 @@ prototype(Garagist.Mautic:Countries) < prototype(Neos.Fusion:Component) {
         }
     }
 
-    value = null
-
-    renderer = Neos.Fusion:Component {
-        _translatedCountries = Neos.Fusion:Map {
-            @process.filter = ${Array.filter(value)}
-            items = ${props.countries}
-            itemRenderer = Neos.Fusion:DataStructure {
-                @if.hasCountries = ${Carbon.Array.check(item.items)}
-                label = ${Translation.translate(itemKey, item.label, [], 'Countries', 'Garagist.Mautic')}
-                items = Neos.Fusion:Map {
-                    items = ${item.items}
-                    keyRenderer = ${itemKey}
-                    itemRenderer = ${Translation.translate(itemKey, item, [], 'Countries', 'Garagist.Mautic')}
-                }
+    @private.translatedCountries = Neos.Fusion:Map {
+        @process.filter = ${Array.filter(value)}
+        items = ${props.countries}
+        itemRenderer = Neos.Fusion:DataStructure {
+            @if.hasCountries = ${Carbon.Array.check(item.items)}
+            label = ${Translation.translate(itemKey, item.label, [], 'Countries', 'Garagist.Mautic')}
+            items = Neos.Fusion:Map {
+                items = ${item.items}
+                keyRenderer = ${itemKey}
+                itemRenderer = ${Translation.translate(itemKey, item, [], 'Countries', 'Garagist.Mautic')}
             }
         }
-
-        renderer = afx`
-            <Neos.Fusion:Loop items={props._translatedCountries}>
-                <optgroup label={item.label}>
-                    <Neos.Fusion:Loop items={Array.sort(item.items)}>
-                        <option
-                            value={itemKey}
-                            selected={itemKey == props.value}
-                        >
-                          {item}
-                      </option>
-                    </Neos.Fusion:Loop>
-                </optgroup>
-            </Neos.Fusion:Loop>
-        `
     }
+
+    renderer = afx`
+        <Neos.Fusion:Loop items={private.translatedCountries}>
+            <optgroup label={item.label}>
+                <Neos.Fusion:Loop items={Array.sort(item.items)}>
+                    <option
+                        value={itemKey}
+                        selected={itemKey == props.value}
+                    >
+                        {item}
+                    </option>
+                </Neos.Fusion:Loop>
+            </optgroup>
+        </Neos.Fusion:Loop>
+    `
 }

Resources/Private/Fusion/Component/Form/Fragment/API.fusion

@@ -11,7 +11,7 @@ prototype(Garagist.Mautic:Component.Form.Fragment.API) < prototype(Neos.Fusion:C
     class = null
     renderPrototype = ${Configuration.Setting('Garagist.Mautic.apiRenderer')}
 
-    @if.hasUrl_Id = ${this.url && this.id && this.renderPrototype}
+    @if.hasUrlId = ${this.url && this.id && this.renderPrototype}
 
     renderer = Neos.Fusion:Renderer {
         type = ${props.renderPrototype}

Resources/Private/Fusion/Component/Form/Fragment/Iframe.fusion

@@ -9,7 +9,7 @@ prototype(Garagist.Mautic:Component.Form.Fragment.Iframe) < prototype(Neos.Fusio
     url = null
     class = ${this.iframeClass}
 
-    @if.hasUrl_Id = ${this.url && this.id}
+    @if.hasUrlId = ${this.url && this.id}
 
     renderer = afx`
         <iframe src={props.url + "/form/" + props.id} class={props.class}></iframe>

Resources/Private/Fusion/Component/Form/Fragment/Javascript.fusion

@@ -7,7 +7,7 @@ prototype(Garagist.Mautic:Component.Form.Fragment.Javascript) < prototype(Neos.F
     id = null
     url = null
 
-    @if.hasUrl_Id = ${this.url && this.id}
+    @if.hasUrlId = ${this.url && this.id}
 
     renderer = afx`
         <script type="text/javascript" src={props.url + "/form/generate.js?id=" + props.id} defer></script>

Resources/Private/Fusion/Component/Form/Fragment/Plain.fusion

@@ -13,27 +13,29 @@ prototype(Garagist.Mautic:Component.Form.Fragment.Plain) < prototype(Neos.Fusion
     apiUrl = null
     removeStyles = true
 
-    @if.hasUrl_Id_ApiUrl = ${this.url && this.id && this.apiUrl}
+    @if.hasUrlIdApiUrl = ${this.url && this.id && this.apiUrl}
 
-    _javascript = ${this.url + '/media/js/mautic-form.js'}
-    _embededFile = ${File.readFile(this.apiUrl + "/form/embed/" + this.id)}
-    [email protected] = ${this.removeStyles && value ? String.pregReplace(value, '~<style([.\s\S]*?)</style>~', ''): value}
-    _hasReplacements = ${Carbon.Array.check(this.replacements)}
-    _globalVariables = ${'window.MauticDomain="' + this.url + '";window.MauticLang={submittingMessage:"' + this.waitMessage + '"}'}
+    @private {
+        javascript = ${props.url + '/media/js/mautic-form.js'}
+        embededFile = ${File.readFile(props.apiUrl + "/form/embed/" + props.id)}
+        [email protected] = ${props.removeStyles && value ? String.pregReplace(value, '~<style([.\s\S]*?)</style>~', ''): value}
+        hasReplacements = ${Carbon.Array.check(props.replacements)}
+        globalVariables = ${'window.MauticDomain="' + props.url + '";window.MauticLang={submittingMessage:"' + props.waitMessage + '"}'}
+    }
 
     renderer = afx`
-        <script data-slipstream>{props._globalVariables}</script>
-        <script src={props._javascript} data-slipstream defer onload="MauticSDK.onLoad()"></script>
-        {props._hasReplacements ? '' : props._embededFile}
+        <script data-slipstream>{private.globalVariables}</script>
+        <script src={private.javascript} data-slipstream defer onload="MauticSDK.onLoad()"></script>
+        {private.hasReplacements ? '' : private.embededFile}
         <Neos.Fusion:Reduce
-            @if={props._hasReplacements}
+            @if={private.hasReplacements}
             items={props.replacements}
-            initialValue={props._embededFile}
+            initialValue={private.embededFile}
             itemReducer={String.replace(carry, item.search, item.replace)}
         />
     `
 
-    @context.cacheEntryIdentifier = ${'MauticFormPlain'+ this.url + this.id + this.apiUrl}
+    @context.cacheEntryIdentifier = ${'MauticFormPlain' + this.url + this.id + this.apiUrl}
 
     @cache {
         mode = 'cached'