@api-client/ui 0.0.8 → 0.0.10

package/src/pages/http-project/HttpProject.screen.ts

@@ -114,6 +114,14 @@ export default class HttpProjectScreen extends ApplicationScreen {
 
   protected uiMap = new Map<string, IRequestUiMeta>();
 
+  /**
+   * A list of shared execution variables.
+   * These are set by the core execution logic and distributed to the UI elements
+   * that make HTTP request. These elements can freely change the sate and send it 
+   * to the execution.
+   */
+  sharedVariables: Record<string, string> = {};
+
   constructor(bindings: HttpClientProjectBindings) {
     super(bindings);
 
@@ -153,6 +161,7 @@ export default class HttpProjectScreen extends ApplicationScreen {
 
     await this.bindings.store.observeFile(this.key, 'media');
     await this.bindings.store.observeHistory();
+    await this.bindings.store.observeProjectExecutions();
 
     this.layoutStoreKey = `http-client.http-project.state.layout.${this.key}`;
     const state = await this.restoreLayout();
@@ -778,6 +787,7 @@ export default class HttpProjectScreen extends ApplicationScreen {
     <div class="request-container surface1" ?hidden="${!visible}" data-key="${key}">
       <div class="scrollable">
         <http-project-request  
+          .sharedVariables="${this.sharedVariables}"
           data-key="${key}" 
           key="${key}" 
           .project="${project}" 
@@ -831,9 +841,10 @@ export default class HttpProjectScreen extends ApplicationScreen {
     const config = item.value as IProjectRunnerOptions | undefined;
     
     return html`
-    <div class="environment-editor-content surface1" ?hidden="${!visible}" data-key="${key}">
+    <div class="project-runner-content surface1" ?hidden="${!visible}" data-key="${key}">
       <div class="scrollable">
         <project-runner
+          .sharedVariables="${this.sharedVariables}"
           .project="${this.project}" 
           .appInfo="${AppInfo}"
           .folder="${parent}"

package/src/pages/http-project/HttpProject.styles.ts

@@ -55,7 +55,8 @@ split-view {
 } */
 
 .request-container,
-.environment-editor-content {
+.environment-editor-content,
+.project-runner-content {
   border-radius: 0 0 12px 12px;
   overflow: hidden;
   padding: 12px;

package/test/events/EventTypes.test.ts

@@ -42,47 +42,6 @@ describe('events', () => {
           ensureUnique('EventTypes.HttpClient.Workspace.State', EventTypes.HttpClient.Workspace.State);
         });
       });
-
-      describe('Model', () => {
-        describe('Certificate', () => {
-          it('has Certificate namespace', () => {
-            assert.typeOf(EventTypes.HttpClient.Model.Certificate, 'object');
-          });
-      
-          [
-            ['read', 'modelclientcertificateread'],
-            ['list', 'modelclientcertificatelist'],
-            ['delete', 'modelclientcertificatedelete'],
-            ['update', 'modelclientcertificateupdate'],
-            ['insert', 'modelclientcertificateinsert'],
-          ].forEach(([prop, value]) => {
-            it(`has ${prop} property`, () => {
-              assert.equal(EventTypes.HttpClient.Model.Certificate[prop], value);
-            });
-          });
-      
-          it('has the State namespace', () => {
-            assert.typeOf(EventTypes.HttpClient.Model.Certificate.State, 'object');
-          });
-      
-          [
-            ['update', 'modelstateclientcertificateupdate'],
-            ['delete', 'modelstateclientcertificatedelete'],
-          ].forEach(([prop, value]) => {
-            it(`has ${prop} property`, () => {
-              assert.equal(EventTypes.HttpClient.Model.Certificate.State[prop], value);
-            });
-          });
-
-          it('has unique events', () => {
-            ensureUnique('EventTypes.HttpClient.Model.Certificate', EventTypes.HttpClient.Model.Certificate);
-          });
-  
-          it('has unique events on the State namespace', () => {
-            ensureUnique('EventTypes.HttpClient.Model.Certificate.State', EventTypes.HttpClient.Model.Certificate.State);
-          });
-        });
-      });
     });
 
     describe('SchemaDesign', () => {
@@ -314,25 +273,6 @@ describe('events', () => {
         });
       });
 
-      describe('File.State namespace', () => {
-        it('has the namespace', () => {
-          assert.typeOf(EventTypes.Store, 'object');
-        });
-  
-        [
-          ['change', 'storefileschange'],
-          ['fileChange', 'storefilechange'],
-        ].forEach(([prop, value]) => {
-          it(`has ${prop} property`, () => {
-            assert.equal(EventTypes.Store.File.State[prop], value);
-          });
-        });
-    
-        it('has unique events', () => {
-          ensureUnique('EventTypes.Store.File.State', EventTypes.Store.File.State);
-        });
-      });
-
       describe('User namespace', () => {
         it('has the namespace', () => {
           assert.typeOf(EventTypes.Store, 'object');
@@ -374,6 +314,28 @@ describe('events', () => {
           ensureUnique('EventTypes.Store.History', EventTypes.Store.History);
         });
       });
+
+      describe('Certificate namespace', () => {
+        it('has Certificate namespace', () => {
+          assert.typeOf(EventTypes.Store.Certificate, 'object');
+        });
+
+        [
+          ['read', 'storeclientcertificateread'],
+          ['list', 'storeclientcertificatelist'],
+          ['delete', 'storeclientcertificatedelete'],
+          ['update', 'storeclientcertificateupdate'],
+          ['insert', 'storeclientcertificateinsert'],
+        ].forEach(([prop, value]) => {
+          it(`has ${prop} property`, () => {
+            assert.equal(EventTypes.Store.Certificate[prop], value);
+          });
+        });
+
+        it('has unique events', () => {
+          ensureUnique('EventTypes.HttpClient.Model.Certificate', EventTypes.Store.Certificate);
+        });
+      });
     });
 
     describe('Config', () => {