<!-- 
RSS generated by JIRA (9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b) at Mon Feb 12 01:14:36 CET 2024

It is possible to restrict the fields that are returned in this document by specifying the 'field' parameter in your request.
For example, to request only the issue key and summary append 'field=key&field=summary' to the URL of your request.
-->
<rss version="0.92" >
<channel>
    <title>Magnolia - Issue tracker</title>
    <link>https://jira.magnolia-cms.com</link>
    <description>This file is an XML representation of an issue</description>
    <language>en-uk</language>    <build-info>
        <version>9.4.2</version>
        <build-number>940002</build-number>
        <build-date>19-01-2023</build-date>
    </build-info>


<item>
            <title>[DOCU-1038] NPM walkthrough - part 2</title>
                <link>https://jira.magnolia-cms.com/browse/DOCU-1038</link>
                <project id="10190" key="DOCU">Documentation</project>
                    <description>&lt;p&gt;In the second part of the NPM walkthrough tutorial, provide step by step instructions on how to find (using the keyword magnolia-light-module), install and reuse an existing npm package within your own light-module.&lt;br/&gt;
In part 2 of the tutorial the aim is to expand on part one by reusing an existing npm (magnolia-light-module) package within your own light-module:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Search for shared components in NPM using the &quot;magnolia-light-module&quot;  keyword&lt;/li&gt;
	&lt;li&gt;Install google-maps-magnolia (by Mathias Muller winner of the npm contest)&lt;/li&gt;
	&lt;li&gt;Configure the module as instructed in MM&apos;s readme (pull instructions into doc)&lt;/li&gt;
	&lt;li&gt;Make his components available in the page template created in part 1.&lt;/li&gt;
	&lt;li&gt;Reuse it/them to display a map of where the bucket list item would happen.&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;This ticket also covers the work required to tweak Part 1 of the tutorial:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Change the components created:
	&lt;ul&gt;
		&lt;li&gt;activity (currently component-A)&lt;/li&gt;
		&lt;li&gt;destination (currently component-B)&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;Add availability to the mtk component image (currently textImage)&lt;/li&gt;
	&lt;li&gt;Write an intro giving an overview of the example used in the tutorial.&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;+ add final result to git repo.&lt;/p&gt;

&lt;p&gt;Note: I think some of the content in the community wiki pages that are being pulled into doc as part of &lt;a href=&quot;https://jira.magnolia-cms.com/browse/DOCU-1039&quot; title=&quot;NPM walkthrough part 3 - Officialize &amp;quot;How to open source source a light module&amp;quot; wiki page&quot; class=&quot;issue-link&quot; data-issue-key=&quot;DOCU-1039&quot;&gt;&lt;del&gt;DOCU-1039&lt;/del&gt;&lt;/a&gt; may overlap/conflict with what is planned to be documented in this ticket. &lt;/p&gt;

&lt;p&gt;See &lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCU/NPM+CLI+walkthrough+meeting+notes&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://documentation.magnolia-cms.com/display/DOCU/NPM+CLI+walkthrough+meeting+notes&lt;/a&gt; for the bare bones structure and order of steps.&lt;/p&gt;</description>
                <environment></environment>
        <key id="59796">DOCU-1038</key>
            <summary>NPM walkthrough - part 2</summary>
                <type id="14" iconUrl="https://jira.magnolia-cms.com/secure/viewavatar?size=xsmall&amp;avatarId=10895&amp;avatarType=issuetype">Story</type>
                                            <priority id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/priorities/neutral.gif">Neutral</priority>
                        <status id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/statuses/closed.png" description="The issue is considered finished, the resolution is correct. Issues which are not closed can be reopened.">Closed</status>
                    <statusCategory id="3" key="done" colorName="success"/>
                                    <resolution id="11">Done</resolution>
                                        <assignee username="jlegendre">Julie Legendre</assignee>
                                    <reporter username="jlegendre">Julie Legendre</reporter>
                        <labels>
                            <label>scope-creep</label>
                            <label>underestimated</label>
                    </labels>
                <created>Fri, 9 Jun 2017 09:10:52 +0200</created>
                <updated>Fri, 6 Sep 2019 12:06:02 +0200</updated>
                            <resolved>Tue, 6 Mar 2018 15:53:13 +0100</resolved>
                                                                        <due></due>
                            <votes>0</votes>
                                    <watches>2</watches>
                                                                                                                <comments>
                            <comment id="145896" author="cmeier" created="Thu, 27 Jul 2017 09:57:43 +0200"  >&lt;p&gt;Review comment:&lt;/p&gt;

&lt;p&gt;Generally i like the page very much. The example is nice, the page is easy to read and follow.&lt;br/&gt;
I have added some inline comments; no big things. Everything is clear with one exception:&lt;br/&gt;
&lt;em&gt;Before being able to reuse the component provided by the module, you must configure the module.&lt;/em&gt; (See the inline comment there too.)&lt;/p&gt;

&lt;p&gt;We can code together another page-template which lists parts of the pages created with the 1st page template.&lt;br/&gt;
The 1st page template i recommend to rename from &lt;tt&gt;my-bucket-list-template&lt;/tt&gt; to &lt;tt&gt;my-bucket-list-item&lt;/tt&gt;. &lt;br/&gt;
t&apos;s not a list, it is to create a list-item ... or you can completely get rid of &quot;list&quot;, &quot;list-item&quot; ...&lt;/p&gt;

&lt;p&gt;If the components for the activity and the location are the same ... it is &lt;em&gt;not&lt;/em&gt; required to have these 2. One would be sufficient.&lt;br/&gt;
If you want to make it a bit more sophisticated: Have only one component and add a select field &quot;type&quot; to switch between activity and location  ... you will not render the value on the component script ... but we may use that value when doing the 2nd page template to summarize the full list.&lt;/p&gt;</comment>
                            <comment id="154548" author="jlegendre" created="Fri, 19 Jan 2018 09:18:55 +0100"  >&lt;p&gt;Update for CLI 3.0?&lt;/p&gt;</comment>
                            <comment id="154759" author="jlegendre" created="Wed, 24 Jan 2018 09:24:58 +0100"  >&lt;p&gt;Added example light module to git: &lt;a href=&quot;https://git.magnolia-cms.com/projects/DOCUMENTATION/repos/my-bucket-list-module/browse&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://git.magnolia-cms.com/projects/DOCUMENTATION/repos/my-bucket-list-module/browse&lt;/a&gt;&lt;/p&gt;</comment>
                            <comment id="155821" author="jlegendre" created="Tue, 13 Feb 2018 16:43:51 +0100"  >&lt;p&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Copy+of+Magnolia+CLI+walkthrough&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://documentation.magnolia-cms.com/display/DOCS56/Copy+of+Magnolia+CLI+walkthrough&lt;/a&gt; is ready for review. Could you do the revie please &lt;a href=&quot;https://jira.magnolia-cms.com/secure/ViewProfile.jspa?name=rgange&quot; class=&quot;user-hover&quot; rel=&quot;rgange&quot;&gt;rgange&lt;/a&gt;]?&lt;/p&gt;

&lt;p&gt;Main changes:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Create a prototype variant for the page and component&lt;/li&gt;
	&lt;li&gt;Add a CSS in the prototype&lt;/li&gt;
	&lt;li&gt;Removed the destination component&lt;/li&gt;
	&lt;li&gt;Added availability for linkList component&lt;/li&gt;
	&lt;li&gt;Create two bucket list items &amp;amp; a list page&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;Please note:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;I opened &lt;a href=&quot;https://jira.magnolia-cms.com/browse/NPMCLI-164&quot; title=&quot;add-availability command inserts the availableComponent lines incorrectly&quot; class=&quot;issue-link&quot; data-issue-key=&quot;NPMCLI-164&quot;&gt;&lt;del&gt;NPMCLI-164&lt;/del&gt;&lt;/a&gt; after running into problems adding availability to the google maps component from npm.&lt;/li&gt;
	&lt;li&gt;I will put a full example on git after the review process is complete.&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;Thanks!&lt;/p&gt;</comment>
                            <comment id="156336" author="cmeier" created="Mon, 26 Feb 2018 09:23:24 +0100"  >&lt;p&gt;Rich has reviewed.&lt;br/&gt;
Christoph has reviewed the examples.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://jira.magnolia-cms.com/secure/ViewProfile.jspa?name=jlegendre&quot; class=&quot;user-hover&quot; rel=&quot;jlegendre&quot;&gt;jlegendre&lt;/a&gt;, please apply changes according to feedback.&lt;/p&gt;</comment>
                            <comment id="156922" author="jlegendre" created="Mon, 5 Mar 2018 13:56:28 +0100"  >&lt;p&gt;Integrated feedback from inline comments and have split into intro + 3 parts:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Copy+of+Magnolia+CLI+walkthrough&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://documentation.magnolia-cms.com/display/DOCS56/Copy+of+Magnolia+CLI+walkthrough&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Part+I+-+Installing+and+setting+up+the+CLI+and+Magnolia&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;Part I - Installing and setting up the CLI and Magnolia&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Part+II+-+Creating+a+light+module&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;Part II - Creating a light module&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Part+III+-+Reusing+a+light+module+from+npm&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;Part III - Reusing a light module from npm&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;</comment>
                            <comment id="157010" author="jlegendre" created="Tue, 6 Mar 2018 15:57:58 +0100"  >&lt;p&gt;&lt;a href=&quot;https://jira.magnolia-cms.com/secure/ViewProfile.jspa?name=cmeier&quot; class=&quot;user-hover&quot; rel=&quot;cmeier&quot;&gt;cmeier&lt;/a&gt; could we look at where to put the prototype variant files on git together please?&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://documentation.magnolia-cms.com/display/DOCS56/Part+I+-+Installing+and+setting+up+the+CLI+and+Magnolia#PartI-InstallingandsettinguptheCLIandMagnolia-Edityourvariantfiles&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://documentation.magnolia-cms.com/display/DOCS56/Part+I+-+Installing+and+setting+up+the+CLI+and+Magnolia#PartI-InstallingandsettinguptheCLIandMagnolia-Edityourvariantfiles&lt;/a&gt;&lt;/p&gt;</comment>
                    </comments>
                <issuelinks>
                            <issuelinktype id="10020">
                    <name>dependency</name>
                                                                <inwardlinks description="is depended upon by">
                                        <issuelink>
            <issuekey id="51340">DOCU-747</issuekey>
        </issuelink>
                            </inwardlinks>
                                    </issuelinktype>
                    </issuelinks>
                <attachments>
                    </attachments>
                <subtasks>
                    </subtasks>
                <customfields>
                                                                            <customfield id="customfield_14166" key="com.okapya.jira.checklist:checklist">
                        <customfieldname>Acceptance criteria</customfieldname>
                        <customfieldvalues>
                            
        <checklist>
        <![CDATA[
                            




                
                                    <div class="o-completion" style="display: flex; flex-shrink: 0;"><span  class="aui-lozenge aui-lozenge-complete" style="font-size: 12px; font-weight: normal; display: flex; flex-direction: row; align-items: center;" ><span style="padding-right: 4px; vertical-align: middle;"><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="white"><path clip-rule="evenodd" d="m10.41037,3.42544l-7.86501,0c-0.72395,0 -1.31084,0.58688 -1.31084,1.31084l0,7.86508c0,0.7239 0.58689,1.3108 1.31084,1.3108l7.86501,0c0.724,0 1.3109,-0.5869 1.3109,-1.3108l0,-7.86508c0,-0.72396 -0.5869,-1.31084 -1.3109,-1.31084zm-7.86501,-0.65542c-1.08593,0 -1.96626,0.88032 -1.96626,1.96626l0,7.86508c0,1.0859 0.88033,1.9662 1.96626,1.9662l7.86501,0c1.086,0 1.9663,-0.8803 1.9663,-1.9662l0,-7.86508c0,-1.08594 -0.8803,-1.96626 -1.9663,-1.96626l-7.86501,0z" fill-rule="evenodd"/><path d="m5.09049,10.18526l-1.82767,-1.82766l-0.78479,0.78479l2.61246,2.61246l5.38758,-5.38754l-0.78483,-0.78479l-4.60275,4.60274z"/></svg></span><span>Empty</span></span></div>
                        ]]>
    </checklist>


                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <customfield id="customfield_10111" key="com.atlassian.jira.toolkit:reporterdomain">
                        <customfieldname>Company</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>magnolia-cms.com</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_10031" key="com.atlassian.jira.ext.charting:firstresponsedate">
                        <customfieldname>Date of First Response</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Thu, 27 Jul 2017 09:57:43 +0200</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_12730" key="com.atlassian.jira.plugins.jira-development-integration-plugin:devsummary">
                        <customfieldname>Development</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_14151" key="com.atlassian.jira.toolkit:message">
                        <customfieldname>Docu info</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10061" key="com.atlassian.jira.toolkit:lastusercommented">
                        <customfieldname>Last comm is not jira-dev</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>true</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10071" key="com.atlassian.jira.toolkit:lastupdaterorcommenter">
                        <customfieldname>Last participant</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>mdrapela</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_13136" key="com.atlassian.jira.toolkit:LastCommentDate">
                        <customfieldname>Last public comment date</customfieldname>
                        <customfieldvalues>
                            5 years, 49 weeks, 5 days ago
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                            <customfield id="customfield_10020" key="com.atlassian.jira.toolkit:attachments">
                        <customfieldname>Number of attachments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10150" key="com.atlassian.jira.toolkit:comments">
                        <customfieldname>Number of comments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>7.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <customfield id="customfield_10011" key="com.atlassian.jira.toolkit:participants">
                        <customfieldname>Participants</customfieldname>
                        <customfieldvalues>
                                        <customfieldvalue>cmeier</customfieldvalue>
            <customfieldvalue>jlegendre</customfieldvalue>
    
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                <customfield id="customfield_10833" key="com.pyxis.greenhopper.jira:gh-lexo-rank">
                        <customfieldname>Rank</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0|i07fkn:</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10244" key="com.pyxis.greenhopper.jira:gh-global-rank">
                        <customfieldname>Rank (Obsolete)</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>9223372036854775807</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10245" key="com.pyxis.greenhopper.jira:gh-sprint">
                        <customfieldname>Sprint</customfieldname>
                        <customfieldvalues>
                                <customfieldvalue id="521">Docu Sprint 29</customfieldvalue>
    <customfieldvalue id="645">Docu Sprint 42</customfieldvalue>
    <customfieldvalue id="651">Docu Sprint 43</customfieldvalue>
    <customfieldvalue id="661">Docu Sprint 44</customfieldvalue>
    <customfieldvalue id="674">Docu Sprint 45</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                                            <customfield id="customfield_10242" key="com.atlassian.jira.plugin.system.customfieldtypes:float">
                        <customfieldname>Story Points</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>13.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_14145" key="com.intenso.jira.issue-templates:issue-templates-customfield">
                        <customfieldname>Template</customfieldname>
                        <customfieldvalues>
                            


                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                            <customfield id="customfield_15131" key="com.onresolve.jira.groovy.groovyrunner:scripted-field">
                        <customfieldname>Time in Discovery</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10032" key="com.atlassian.jira.ext.charting:timeinstatus">
                        <customfieldname>Time in Status</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </customfields>
    </item>
</channel>
</rss>