├── .gitignore
├── first-pass-unstable
    └── app
    │   └── code
    │       └── Pulsestorm
    │           └── SimpleUiComponent
    │               ├── view
    │                   ├── adminhtml
    │                   │   ├── templates
    │                   │   │   └── content.phtml
    │                   │   ├── ui_component
    │                   │   │   ├── templates
    │                   │   │   │   └── different.xhtml
    │                   │   │   └── pulsestorm_simple.xml
    │                   │   └── layout
    │                   │   │   └── pulsestorm_simpleuicomponent_index_index.xml
    │                   └── base
    │                   │   └── ui_component
    │                   │       └── etc
    │                   │           ├── definition.xml
    │                   │           └── definition.map.xml
    │               ├── Block
    │                   └── Adminhtml
    │                   │   └── Main.php
    │               ├── registration.php
    │               ├── Model
    │                   ├── DataProvider.php
    │                   └── ValidationState.php
    │               ├── etc
    │                   ├── module.xml
    │                   ├── di.xml
    │                   ├── adminhtml
    │                   │   ├── routes.xml
    │                   │   └── menu.xml
    │                   └── acl.xml
    │               ├── Component
    │                   └── Simple.php
    │               └── Controller
    │                   └── Adminhtml
    │                       └── Index
    │                           └── Index.php
├── second-pass-stable
    └── app
    │   └── code
    │       └── Pulsestorm
    │           └── SimpleUiComponent
    │               ├── view
    │                   └── adminhtml
    │                   │   ├── templates
    │                   │       └── content.phtml
    │                   │   ├── web
    │                   │       ├── template
    │                   │       │   └── pulsestorm_simple_template.html
    │                   │       └── js
    │                   │       │   └── pulsestorm_simple_component.js
    │                   │   ├── layout
    │                   │       └── pulsestorm_simpleuicomponent_index_index.xml
    │                   │   └── ui_component
    │                   │       ├── templates
    │                   │           └── different.xhtml
    │                   │       └── pulsestorm_simple.xml
    │               ├── Block
    │                   └── Adminhtml
    │                   │   └── Main.php
    │               ├── registration.php
    │               ├── Model
    │                   └── DataProvider.php
    │               ├── etc
    │                   ├── module.xml
    │                   ├── adminhtml
    │                   │   ├── routes.xml
    │                   │   └── menu.xml
    │                   └── acl.xml
    │               ├── Component
    │                   └── Simple.php
    │               └── Controller
    │                   └── Adminhtml
    │                       └── Index
    │                           └── Index.php
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | *bak*.php
3 | *bak*.xml


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/templates/content.phtml:
--------------------------------------------------------------------------------
1 | <h1>This is my template, there are many like it, but this one is mine.</h1>


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/templates/content.phtml:
--------------------------------------------------------------------------------
1 | <h1>This is my template, there are many like it, but this one is mine.</h1>


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/ui_component/templates/different.xhtml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <div>
3 |     <h1>Hello Brave New World</h1>
4 | </div>  


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/Block/Adminhtml/Main.php:
--------------------------------------------------------------------------------
1 | <?php
2 | namespace Pulsestorm\SimpleUiComponent\Block\Adminhtml;
3 | class Main extends \Magento\Backend\Block\Template
4 | {
5 |     function _prepareLayout(){}
6 | }
7 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/Block/Adminhtml/Main.php:
--------------------------------------------------------------------------------
1 | <?php
2 | namespace Pulsestorm\SimpleUiComponent\Block\Adminhtml;
3 | class Main extends \Magento\Backend\Block\Template
4 | {
5 |     function _prepareLayout(){}
6 | }
7 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/registration.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     \Magento\Framework\Component\ComponentRegistrar::register(
3 |         \Magento\Framework\Component\ComponentRegistrar::MODULE,
4 |         'Pulsestorm_SimpleUiComponent',
5 |         __DIR__
6 |     );


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/registration.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     \Magento\Framework\Component\ComponentRegistrar::register(
3 |         \Magento\Framework\Component\ComponentRegistrar::MODULE,
4 |         'Pulsestorm_SimpleUiComponent',
5 |         __DIR__
6 |     );


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/Model/DataProvider.php:
--------------------------------------------------------------------------------
1 | <?php
2 | namespace Pulsestorm\SimpleUiComponent\Model;
3 | class DataProvider extends \Magento\Ui\DataProvider\AbstractDataProvider
4 | {
5 |     public function getData()
6 |     {
7 |         return [['foo'=>'baz']];
8 |     }
9 | }


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/Model/DataProvider.php:
--------------------------------------------------------------------------------
1 | <?php
2 | namespace Pulsestorm\SimpleUiComponent\Model;
3 | class DataProvider extends \Magento\Ui\DataProvider\AbstractDataProvider
4 | {
5 |     public function getData()
6 |     {
7 |         return [['foo'=>'baz']];
8 |     }
9 | }


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/etc/module.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
3 | <module name="Pulsestorm_SimpleUiComponent" setup_version="0.0.1"/></config>
4 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/etc/module.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
3 | <module name="Pulsestorm_SimpleUiComponent" setup_version="0.0.1"/></config>
4 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/Model/ValidationState.php:
--------------------------------------------------------------------------------
1 | <?php
2 | namespace Pulsestorm\SimpleUiComponent\Model;
3 | class ValidationState extends \Magento\Framework\App\Arguments\ValidationState
4 | {
5 |     public function isValidationRequired()
6 |     {        
7 |         return false;
8 |     }
9 | }


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/web/template/pulsestorm_simple_template.html:
--------------------------------------------------------------------------------
1 | <!-- this is a Knockout.js template. It is loaded remotely by customizations
2 |      Magento made to Knockout's bootstrap -->
3 |      
4 | <h1>Rendered with Knockout.js</h1>
5 | <strong data-bind="text: message"></strong>


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/base/ui_component/etc/definition.xml:
--------------------------------------------------------------------------------
1 | <components xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_definition.xsd">
2 |     <pulsestorm_simple class="Pulsestorm\SimpleUiComponent\Component\Simple"/>
3 | </components>


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/etc/di.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">                                                                -->
3 |     <preference for="Magento\Framework\App\Arguments\ValidationState" type="Pulsestorm\SimpleUiComponent\Model\ValidationState"/>
4 |  
5 | </config>


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/etc/adminhtml/routes.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
3 |     <router id="admin">
4 |         <route id="pulsestorm_simpleuicomponent" frontName="pulsestorm_simpleuicomponent">
5 |             <module name="Pulsestorm_SimpleUiComponent"/>
6 |         </route>
7 |     </router>
8 | </config>
9 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/etc/adminhtml/routes.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
3 |     <router id="admin">
4 |         <route id="pulsestorm_simpleuicomponent" frontName="pulsestorm_simpleuicomponent">
5 |             <module name="Pulsestorm_SimpleUiComponent"/>
6 |         </route>
7 |     </router>
8 | </config>
9 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/layout/pulsestorm_simpleuicomponent_index_index.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
3 | 	<referenceBlock name="content">
4 | 		<block template="content.phtml" class="Pulsestorm\SimpleUiComponent\Block\Adminhtml\Main" name="pulsestorm_simpleuicomponent_block_main" />
5 |         <uiComponent name="pulsestorm_simple"/>
6 | 		
7 | 	</referenceBlock>
8 | </page>
9 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/layout/pulsestorm_simpleuicomponent_index_index.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
3 | 	<referenceBlock name="content">
4 | 		<block template="content.phtml" class="Pulsestorm\SimpleUiComponent\Block\Adminhtml\Main" name="pulsestorm_simpleuicomponent_block_main" />
5 |         <uiComponent name="pulsestorm_simple"/>
6 | 		
7 | 	</referenceBlock>
8 | </page>
9 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/etc/adminhtml/menu.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
3 |     <menu>
4 |     <add id="Pulsestorm_SimpleUiComponent::a_menu_item" resource="Pulsestorm_SimpleUiComponent::menu_1" title="Hello Simple Ui Component" action="pulsestorm_simpleuicomponent/index/index" module="Pulsestorm_SimpleUiComponent" sortOrder="1" parent="Magento_Backend::system_other_settings" dependsOnModule="Magento_Backend"/></menu>
5 | </config>
6 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/etc/adminhtml/menu.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
3 |     <menu>
4 |     <add id="Pulsestorm_SimpleUiComponent::a_menu_item" resource="Pulsestorm_SimpleUiComponent::menu_1" title="Hello Simple Ui Component" action="pulsestorm_simpleuicomponent/index/index" module="Pulsestorm_SimpleUiComponent" sortOrder="1" parent="Magento_Backend::system_other_settings" dependsOnModule="Magento_Backend"/></menu>
5 | </config>
6 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/etc/acl.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Acl/etc/acl.xsd">
 3 |     <acl>
 4 |         <resources>
 5 |             <resource id="Magento_Backend::admin">
 6 |                 <resource id="Pulsestorm_SimpleUiComponent::top" title="TITLE HERE FOR">
 7 |                     <resource id="Pulsestorm_SimpleUiComponent::menu_1" title="TITLE HERE FOR"/>
 8 |                 </resource>
 9 |             </resource>
10 |         </resources>
11 |     </acl>
12 | </config>
13 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/etc/acl.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Acl/etc/acl.xsd">
 3 |     <acl>
 4 |         <resources>
 5 |             <resource id="Magento_Backend::admin">
 6 |                 <resource id="Pulsestorm_SimpleUiComponent::top" title="TITLE HERE FOR">
 7 |                     <resource id="Pulsestorm_SimpleUiComponent::menu_1" title="TITLE HERE FOR"/>
 8 |                 </resource>
 9 |             </resource>
10 |         </resources>
11 |     </acl>
12 | </config>
13 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/Component/Simple.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace Pulsestorm\SimpleUiComponent\Component;
 3 | class Simple extends \Magento\Ui\Component\AbstractComponent
 4 | {
 5 |     const NAME = 'pulsestorm_simple';
 6 |     public function getComponentName()
 7 |     {
 8 |         return static::NAME;
 9 |     }
10 |  
11 |     //added this method
12 |     public function getEvenMoreData()
13 |     {
14 |         return 'Even More Data!';
15 |     }
16 | 
17 |     public function getDataSourceData()
18 |     {
19 |         return ['data' => $this->getContext()->getDataProvider()->getData()];
20 |     }
21 | }  


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/Component/Simple.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace Pulsestorm\SimpleUiComponent\Component;
 3 | class Simple extends \Magento\Ui\Component\AbstractComponent
 4 | {
 5 |     const NAME = 'pulsestorm_simple';
 6 |     public function getComponentName()
 7 |     {
 8 |         return static::NAME;
 9 |     }
10 |  
11 |     //added this method
12 |     public function getEvenMoreData()
13 |     {
14 |         return 'Even More Data!';
15 |     }
16 | 
17 |     public function getDataSourceData()
18 |     {
19 |         return ['data' => $this->getContext()->getDataProvider()->getData()];
20 |     }
21 | }  


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/web/js/pulsestorm_simple_component.js:
--------------------------------------------------------------------------------
 1 | define(['uiElement','ko'], function(Element, ko){
 2 |     //needs to return a js object extended from uiElement that
 3 |     //defines a template.  Magento and Knockout.js will use
 4 |     //the returned object as a view model constructor
 5 |     viewModelConstructor = Element.extend({
 6 |         defaults: {
 7 |             template: 'Pulsestorm_SimpleUiComponent/pulsestorm_simple_template'
 8 |         },
 9 |         message: ko.observable("Hello Knockout.js!")    
10 |     });
11 | 
12 |     return viewModelConstructor;
13 | });
14 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/Controller/Adminhtml/Index/Index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace Pulsestorm\SimpleUiComponent\Controller\Adminhtml\Index;
 3 | class Index extends \Magento\Backend\App\Action
 4 | {
 5 |     protected $resultPageFactory;
 6 |     public function __construct(
 7 |         \Magento\Backend\App\Action\Context $context,
 8 |         \Magento\Framework\View\Result\PageFactory $resultPageFactory)
 9 |     {
10 |         $this->resultPageFactory = $resultPageFactory;        
11 |         return parent::__construct($context);
12 |     }
13 |     
14 |     public function execute()
15 |     {
16 |         return $this->resultPageFactory->create();  
17 |     }    
18 |     protected function _isAllowed()
19 |     {
20 |         return $this->_authorization->isAllowed('ACL RULE HERE');
21 |     }            
22 |         
23 | }
24 | 


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/Controller/Adminhtml/Index/Index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace Pulsestorm\SimpleUiComponent\Controller\Adminhtml\Index;
 3 | class Index extends \Magento\Backend\App\Action
 4 | {
 5 |     protected $resultPageFactory;
 6 |     public function __construct(
 7 |         \Magento\Backend\App\Action\Context $context,
 8 |         \Magento\Framework\View\Result\PageFactory $resultPageFactory)
 9 |     {
10 |         $this->resultPageFactory = $resultPageFactory;        
11 |         return parent::__construct($context);
12 |     }
13 |     
14 |     public function execute()
15 |     {
16 |         return $this->resultPageFactory->create();  
17 |     }    
18 |     protected function _isAllowed()
19 |     {
20 |         return $this->_authorization->isAllowed('ACL RULE HERE');
21 |     }            
22 |         
23 | }
24 | 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/base/ui_component/etc/definition.map.xml:
--------------------------------------------------------------------------------
 1 | <components xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 2 |             xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_definition.map.xsd">
 3 |     <component name="pulsestorm_simple">
 4 |         <schema name="current">
 5 |             <argument name="data" xsi:type="array">
 6 |                 <item name="config" xsi:type="array">
 7 |                     <item name="provider" type="string" xsi:type="xpath">@provider</item>
 8 |                     <item name="component" type="string" xsi:type="xpath">@component</item>
 9 |                     <item name="template" type="string" xsi:type="xpath">@template</item>
10 |                     <item name="sortOrder" type="number" xsi:type="xpath">@sortOrder</item>
11 |                     <item name="displayArea" type="string" xsi:type="xpath">@displayArea</item>
12 |                 </item>
13 |             </argument>
14 |         </schema>
15 |     </component> 
16 | 
17 | </components>


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/ui_component/templates/different.xhtml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <div>
 3 |     <!-- this is an XHTML template, rendered by the UI Component system, and 
 4 |          is here so we can data-bind a scope.  {{getName()}} style directives
 5 |          are a feature of the XHTML rendering engine.  The 
 6 |          <!~~ ko template: getTemplate() ~~><!~~ /ko ~~> is Knockout.js, and 
 7 |          renders the template bound in the scope.  In this module example, the
 8 |          {{getName()}}.{{getName()}} comes out as 
 9 |          pulsestorm_simple.pulsestorm_simple.  Since 
10 |          pulsestorm_simple.pulsestorm_simple is a container node, that 
11 |          means the bound Knockout.js view model comes from the uiComponent
12 |          RequireJS module (`Magento_Ui/js/lib/core/collection`). -->
13 |     <h1>Hello Brave New World</h1>
14 | 
15 |     <div data-bind="scope: '{{getName()}}.{{getName()}}'" class="entry-edit form-inline">
16 |         <!-- ko template: getTemplate() --><!-- /ko -->
17 |     </div>    
18 |     
19 | </div>  


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # magento2-simple-ui-component
 2 | 
 3 | This repository holds sample code for the [Magento UI Component](http://alanstorm.com/category/magento-2#magento_2_ui) series.  
 4 | 
 5 | The code in `first-pass-unstable` disables Magento's XSD configuration in order to create a very basic UI Component that, similar to core components, renders an XHTML template.  
 6 | 
 7 | The code in `second-pass-stable` attempts to create a simple UI Component that loads RequireJS modules/Knockout.js view models and templates, **and** does so without violating the Magento provided XSD files. 
 8 | 
 9 | <s>Code samples are currently tested against Magento 2.1.1.  Hopefully the techniques hold solid. See the [Simplest UI Component](http://alanstorm.com/magento_simplest_ui_component) article, other [others in the series](http://alanstorm.com/category/magento-2#magento_2_ui), for more context</s>.
10 | 
11 | The release of Magento 2.2 broke the `first-pass-unstable` version of this module.  We were able to fix it by [<s>cargo culting</s>adding the following file](https://github.com/astorm/magento2-simple-ui-component/blob/master/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/base/ui_component/etc/definition.map.xml).  We don't really know why this works, as `definition.map.xml` is one of those things Magento have added without really explaining what it's for. 


--------------------------------------------------------------------------------
/first-pass-unstable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/ui_component/pulsestorm_simple.xml:
--------------------------------------------------------------------------------
 1 | <pulsestorm_simple xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
 2 |     <argument name="data" xsi:type="array">
 3 |         <item name="template" xsi:type="string">templates/different</item>
 4 |     </argument>
 5 | 
 6 |     <dataSource name="pulsestorm_simple_data_source">                        
 7 |         <argument name="dataProvider" xsi:type="configurableObject">
 8 |             <!-- the PHP class that implements a data provider -->
 9 |             <argument name="class" xsi:type="string">Pulsestorm\SimpleUiComponent\Model\DataProvider</argument>    
10 |  
11 |             <!-- redundant with the `dataSource` name -->
12 |             <argument name="name" xsi:type="string">pulsestorm_simple_data_source</argument>
13 |  
14 |             <!-- required: means ui components are meant to work with models -->
15 |             <argument name="primaryFieldName" xsi:type="string">entity_id</argument>
16 |  
17 |             <!-- required: means ui components are meant to work with URL passing -->
18 |             <argument name="requestFieldName" xsi:type="string">id</argument>
19 |         </argument>        
20 |  
21 |     </dataSource>
22 | </pulsestorm_simple>


--------------------------------------------------------------------------------
/second-pass-stable/app/code/Pulsestorm/SimpleUiComponent/view/adminhtml/ui_component/pulsestorm_simple.xml:
--------------------------------------------------------------------------------
 1 | <container xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
 2 | 
 3 |     <!-- here we change the XHTML template rendered by the `<container/>` node.
 4 |          We need to do this to get the right data-bind="scope:..." -->
 5 |          
 6 |     <argument name="data" xsi:type="array">
 7 |         <item name="template" xsi:type="string">templates/different</item>
 8 |     </argument>
 9 |         
10 |     <dataSource name="pulsestorm_simple_data_source">                        
11 |         <argument name="dataProvider" xsi:type="configurableObject">
12 |             <!-- the PHP class that implements a data provider -->
13 |             <argument name="class" xsi:type="string">Pulsestorm\SimpleUiComponent\Model\DataProvider</argument>    
14 |  
15 |             <!-- redundant with the `dataSource` name -->
16 |             <argument name="name" xsi:type="string">hello_world_data_source</argument>
17 |  
18 |             <!-- required: means ui components are meant to work with models -->
19 |             <argument name="primaryFieldName" xsi:type="string">entity_id</argument>
20 |  
21 |             <!-- required: means ui components are meant to work with URL passing -->
22 |             <argument name="requestFieldName" xsi:type="string">id</argument>
23 |         </argument>        
24 |  
25 |     </dataSource>
26 |     
27 |     <!-- here we hijack an htmlContent node, since this is the closest thing
28 |          to a generic "load this RequireJS module for the view model -->
29 |     <htmlContent name="first_ever_child">
30 |         <!-- htmlContent seems to be about rendering a generic block.  This
31 |              argument is required, so we point it to an empty Text block -->
32 |         <argument name="block" xsi:type="object">Magento\Framework\View\Element\Text</argument>
33 |         <argument name="data" xsi:type="array">
34 |             <item name="config" xsi:type="array">
35 |                 <!-- here we change the componet to point to our own 
36 |                      RequireJS module -->
37 |                 <item name="component" xsi:type="string">Pulsestorm_SimpleUiComponent/js/pulsestorm_simple_component</item>
38 |             </item>            
39 |         </argument>         
40 |     </htmlContent>
41 |         
42 | </container>


--------------------------------------------------------------------------------