From 28064a7d56a4ca439ae5410878979adcc517fce8 Mon Sep 17 00:00:00 2001 From: brian treese Date: Thu, 28 Sep 2017 14:33:54 -0700 Subject: [PATCH 01/21] add logo and remove periods from the label text --- .../person-bio.component.other.sandbox.ts | 2 +- .../feature1/person-bio.component.sandbox.ts | 2 +- .../person-details.component.sandbox.ts | 2 +- .../shared/person-bio.component.sandbox.ts | 2 +- src/app/app.component.ts | 769 +++++++++++++++++- 5 files changed, 749 insertions(+), 28 deletions(-) diff --git a/examples/example-app-angular-cli/src/app/feature1/person-bio.component.other.sandbox.ts b/examples/example-app-angular-cli/src/app/feature1/person-bio.component.other.sandbox.ts index 915b6395..22363329 100644 --- a/examples/example-app-angular-cli/src/app/feature1/person-bio.component.other.sandbox.ts +++ b/examples/example-app-angular-cli/src/app/feature1/person-bio.component.other.sandbox.ts @@ -1,4 +1,4 @@ import {sandboxOf} from 'angular-playground'; import {PersonBioComponent} from './person-bio.component'; -export default sandboxOf(PersonBioComponent, {label:'feature1.'}) +export default sandboxOf(PersonBioComponent, {label:'feature1'}) .add('a special case', {template:`

Special Bio

`}); diff --git a/examples/example-app-angular-cli/src/app/feature1/person-bio.component.sandbox.ts b/examples/example-app-angular-cli/src/app/feature1/person-bio.component.sandbox.ts index ec092d52..f7f96395 100644 --- a/examples/example-app-angular-cli/src/app/feature1/person-bio.component.sandbox.ts +++ b/examples/example-app-angular-cli/src/app/feature1/person-bio.component.sandbox.ts @@ -1,4 +1,4 @@ import {sandboxOf} from 'angular-playground'; import {PersonBioComponent} from './person-bio.component'; -export default sandboxOf(PersonBioComponent, {label:'feature1.'}) +export default sandboxOf(PersonBioComponent, {label:'feature1'}) .add('default', {template:``}); diff --git a/examples/example-app-angular-cli/src/app/feature1/person-details.component.sandbox.ts b/examples/example-app-angular-cli/src/app/feature1/person-details.component.sandbox.ts index f0c4a9e5..4651ae0a 100644 --- a/examples/example-app-angular-cli/src/app/feature1/person-details.component.sandbox.ts +++ b/examples/example-app-angular-cli/src/app/feature1/person-details.component.sandbox.ts @@ -3,7 +3,7 @@ import { PersonDetailsComponent } from './person-details.component'; import { PersonBioComponent } from './person-bio.component'; export default sandboxOf(PersonDetailsComponent, { - label:'feature1.', + label:'feature1', declarations: [PersonBioComponent] }) .add('person with name and twitter', { diff --git a/examples/example-app-angular-cli/src/app/shared/person-bio.component.sandbox.ts b/examples/example-app-angular-cli/src/app/shared/person-bio.component.sandbox.ts index 6a38e26d..3e3d7235 100644 --- a/examples/example-app-angular-cli/src/app/shared/person-bio.component.sandbox.ts +++ b/examples/example-app-angular-cli/src/app/shared/person-bio.component.sandbox.ts @@ -1,7 +1,7 @@ import { PersonBioComponent } from './person-bio.component'; import { sandboxOf } from 'angular-playground'; -export default sandboxOf(PersonBioComponent, {label:'shared.'}) +export default sandboxOf(PersonBioComponent, {label:'shared'}) .add('no message', { template:`` }) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 81adc47f..f94ea8ac 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -39,7 +39,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; color: white; display: flex; flex-direction: column; - font-family: Menlo, Monaco, monospace; + font-family: Consolas, monospace; left: 50%; margin-top: -6px; max-height: 100vh; @@ -56,11 +56,12 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; content: ""; display: block; position: absolute; - top: 54px; + top: 61px; width: 100%; } .command-bar--open { + min-height: 60px; transform: translate(-50%, 0); } @@ -68,10 +69,10 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; background-color: #3c3c3c; border: 1px solid #174a6c; color: white; - font-family: Menlo, Monaco, monospace; - font-size: 14pt; + font-family: Consolas, monospace; + font-size: 16px; margin: 6px 0 0 5px; - padding: 4px; + padding: 8px; width: 365px; z-index: 1; } @@ -123,21 +124,20 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; padding: 5px 0 0; } - .command-bar__title-text { + .command-bar__name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .command-bar__prepend-text { + .command-bar__label { background: rgba(255, 255, 255, .1); border-radius: 2px; display: block; - font-size: 9px; + font-size: 10px; margin-left: 10px; - order: 1; - padding: 4px 4px 3px; + padding: 4px 5px 3px; } /* Scenarios */ @@ -151,8 +151,9 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; color: rgba(255, 255, 255, .5); cursor: pointer; display: flex; - padding: 2px 3px; + padding: 4px 3px; width: 100%; + transition: background 0.2s ease-out; } .command-bar__scenario-link:hover, @@ -167,7 +168,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; display: inline-block; fill: white; height: 20px; - margin: 4px 6px 0 0; + margin: 2px 6px 0 0; opacity: .2; width: 20px; } @@ -178,7 +179,15 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; opacity: .5; } + .command-bar__scenario-label { + line-height: 1; + max-width: calc(100% - 26px); + min-width: calc(100% - 26px); + padding-bottom: 2px; + } + .command-bar__scenario-link--selected { + background: rgba(255, 255, 255, .1); color: white; } @@ -193,6 +202,48 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; fill: white; } + /* Brand */ + .command-bar__brand { + border-top: solid 1px black; + display: block; + position: relative; + padding: 9px 0 3px; + text-align: center; + } + + .command-bar__brand::before { + border-bottom: solid 1px rgba(255, 255, 255, .1); + content: ""; + display: block; + left: 0; + position: absolute; + top: 0; + width: 100%; + } + + .command-bar__logo { + height: 30px; + width: 140px; + } + + .command-bar__logo__box { + fill: rgba(255, 255, 255, .1); + transition: fill 0.2s ease-out; + } + + .command-bar__logo__letter { + fill: rgba(255, 255, 255, .5); + transition: fill 0.2s ease-out; + } + + .command-bar__brand:hover .command-bar__logo__box { + fill: rgba(255, 255, 255, .2); + } + + .command-bar__brand:hover .command-bar__logo__letter { + fill: rgba(255, 255, 255, .75); + } + /* Content */ .content { align-items: center; @@ -205,7 +256,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; } .content__none { - font-family: Menlo, Monaco, monospace; + font-family: Consolas, monospace; max-width: 50%; } @@ -221,22 +272,22 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; class="command-bar__filter" type="text" name="filter" - placeholder="filter" + placeholder="search..." [formControl]="filter" #filterElement [apFocus]="commandBarActive" (keyup.Esc)="commandBarActive = false" (keydown.ArrowUp)="goToLastScenario($event)" (keydown.ArrowDown)="goToFirstScenario($event)"> -
+

- - {{sandboxMenuItem.label}} - - + {{sandboxMenuItem.name}} + + {{sandboxMenuItem.label}} +

- {{scenarioMenuItem.description}} + + {{scenarioMenuItem.description}} + +
+ + +

- The app has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}} loaded. + The playground has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}}.

- The app does not have any sandboxed components. + The playground does not have any sandboxed components.

- Pick sandboxed components: ctrl + o or F1 + Search sandboxed components: ctrl + o or F1

@@ -333,7 +1054,7 @@ export class AppComponent { this.selectScenario(null, null); } }); - } + } } goToFirstScenario(event: any) { From a64911d4ebfc1e592b750dc034b4593323b36cbf Mon Sep 17 00:00:00 2001 From: brian treese Date: Thu, 28 Sep 2017 14:37:28 -0700 Subject: [PATCH 02/21] add loading screens to demo apps --- .../example-app-angular-cli/src/index.html | 50 ++++++++++++++++++- .../example-app-embed-mode/src/index.html | 50 ++++++++++++++++++- examples/example-app-webpack/src/index.html | 50 ++++++++++++++++++- 3 files changed, 147 insertions(+), 3 deletions(-) diff --git a/examples/example-app-angular-cli/src/index.html b/examples/example-app-angular-cli/src/index.html index 20b40d56..86721fb6 100644 --- a/examples/example-app-angular-cli/src/index.html +++ b/examples/example-app-angular-cli/src/index.html @@ -9,6 +9,54 @@ - Loading... + + +

+ + Loading... +

+ diff --git a/examples/example-app-embed-mode/src/index.html b/examples/example-app-embed-mode/src/index.html index d2bac6a6..4783d592 100644 --- a/examples/example-app-embed-mode/src/index.html +++ b/examples/example-app-embed-mode/src/index.html @@ -7,6 +7,54 @@ - Loading... + + +

+ + Loading... +

+ diff --git a/examples/example-app-webpack/src/index.html b/examples/example-app-webpack/src/index.html index abbd26cb..4b6ce884 100644 --- a/examples/example-app-webpack/src/index.html +++ b/examples/example-app-webpack/src/index.html @@ -7,6 +7,54 @@ - Loading... + + +

+ + Loading... +

+ From e2424b40fdd4303261108e1cb4b14f92130c6c82 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 17:48:20 -0700 Subject: [PATCH 03/21] add changelog notes for 2.0.0 --- CHANGELOG.md | 122 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 506054cd..63224861 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,125 @@ + + +### Requirements +* Requires Angular 4.2 or higher +* Requires Typescript version 2.4 or higher +* If using Angular CLI version 1.2 or higher is required +* Requires changing compilerOptions -> module property in "tsconfig.json" or "tsconfig.app.json" to use "esnext" + +### Features +* **command bar:** New improved look to the command bar for navigating between + scenarios and components that have been sandboxed +* **perfomance:** Change the tool to now build an index of sandboxes and only + load a sandbox and its dependencies lazily when switching to that scenario + with the command bar +* **labels:** Added a new way to differentiate sandboxes by giving them a specific + label that is shown in the command bar for categorizing and can be used in search + +### Fixes +* **command bar:** Fix edge browser keydown events + ([8c54c41](https://github.com/SoCreate/angular-playground/pull/51/commits/8c54c41)) +* **examples:** Fix examples showing how to embed sandboxes + ([8ac215c](https://github.com/SoCreate/angular-playground/commit/8ac215c)) +* **performance:** Change code to lazy load sandbox bundle when scenario is selected + ([4bc33ff](https://github.com/SoCreate/angular-playground/commit/4bc33ff)) +* **performance:** Update build to create functions that lazy load sandboxes + ([503c67b](https://github.com/SoCreate/angular-playground/commit/503c67b)) +* **command bar:** Change code to work with menu items index that was built from all + sandboxes to seperate the loading of components from listing what is available to + be loaded so that a sandboxes/related components are not loaded in one large bundle + but instead each sandbox is independently bundled + ([503c67b](https://github.com/SoCreate/angular-playground/commit/503c67b)) +* **performance:** Add new factory methods to get menu items/Remove combining of sandbox + ([eb40a11](https://github.com/SoCreate/angular-playground/commit/eb40a11)) +* **performance:** Update build to create functions that lazy load sandboxes + ([b4d241b](https://github.com/SoCreate/angular-playground/commit/b4d241b)) +* **command bar:** Update api to only deal with sandbox type information + ([2a188de](https://github.com/SoCreate/angular-playground/commit/2a188de)) +* **typescript:** Update tsconfig to support using import function for lazy loading + ([7e1ca6f](https://github.com/SoCreate/angular-playground/commit/7e1ca6f)) +* **package upgrades:** Update webpack example to newer version of angular + ([3fc808a](https://github.com/SoCreate/angular-playground/commit/3fc808a)) +* **style:** Change menu style + ([49256d8](https://github.com/SoCreate/angular-playground/commit/49256d8)) +* **package upgrades:** Upgrade sample and dev cli projects to latest package versions + ([f3e970f](https://github.com/SoCreate/angular-playground/commit/f3e970f)) + + ### Breaking Changes +* **component scenario combining removed:** Each sandbox will now uniquely show up as + its own section in the command bar even if it is sandboxing the same component +* **embed url:** Embed url has now changed to uniquely reference the sandbox file + based on the path within the application + + Before: + ```html + View in Playground + + ``` + + After: + ```html + View in Playground + + ``` + +* **api:** Rename prependText property to label + ([05b6bba](https://github.com/SoCreate/angular-playground/commit/05b6bba)) + + Before: + ```typescript + import {sandboxOf} from 'angular-playground'; + import {PersonBioComponent} from './person-bio.component'; + export default sandboxOf(PersonBioComponent, {prependText:'feature1.'}) + .add('a special case', {template:`

Special Bio

`}); + ``` + + After: + ```typescript + import {sandboxOf} from 'angular-playground'; + import {PersonBioComponent} from './person-bio.component'; + export default sandboxOf(PersonBioComponent, {label:'feature1'}) + .add('a special case', {template:`

Special Bio

`}); + ``` + +* **typescript configuration:** In order to lazy load sandboxes for components the + new version requires that the compilerOptions -> module option in the tsconfig file + be set to "esnext" + + Before: + ```json + { + "extends": "../tsconfig.json", + "compilerOptions": { + "outDir": "../out-tsc/app", + "baseUrl": "./", + "module": "es2015", + "types": [] + }, + "exclude": [ + "test.ts", + "**/*.spec.ts" + ] + } + ``` + + After: + ```json + { + "extends": "../tsconfig.json", + "compilerOptions": { + "outDir": "../out-tsc/app", + "baseUrl": "./", + "module": "esnext", + "types": [] + }, + "exclude": [ + "test.ts", + "**/*.spec.ts" + ] + } + ``` + + # 1.7.1 (2017-08-21) From 6c6091347122a4c401976c07d0332d92f9194917 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 17:48:38 -0700 Subject: [PATCH 04/21] 2.0.0 --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index c5d19d75..a3d9dd87 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "1.7.1", + "version": "2.0.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 91d53072..bc031c1c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "1.7.1", + "version": "2.0.0", "description": "A drop in app module for working on Angular components in isolation (aka Scenario Driven Development).", "main": "dist/index.js", "typings": "dist/index.d.ts", From 45d7bba3f999953582c8751b9eba09aee54382af Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 18:23:42 -0700 Subject: [PATCH 05/21] fix version information in change log --- CHANGELOG.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 63224861..82850c92 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,5 @@ - + +# 2.0.0 (2017-09-28) ### Requirements * Requires Angular 4.2 or higher From 8186bf6fad797ac7c252d882572ddd634e5e112e Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 18:24:23 -0700 Subject: [PATCH 06/21] fix version anchor tag in change log --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 82850c92..a96d8525 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,4 @@ - + # 2.0.0 (2017-09-28) ### Requirements From 3c7d374e6a8b9ad88ccae29b4023c77973c7493f Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 21:26:57 -0700 Subject: [PATCH 07/21] fix issue with peer dependencies not set to the right versions --- package.json | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index bc031c1c..309876d3 100644 --- a/package.json +++ b/package.json @@ -35,14 +35,14 @@ }, "homepage": "http://www.angularplayground.it", "peerDependencies": { - "@angular/common": ">=2.4.1 || >=4.0.0-rc.1", - "@angular/compiler": ">=2.4.1 || >=4.0.0-rc.1", - "@angular/core": ">=2.4.1 || >=4.0.0-rc.1", - "@angular/forms": ">=2.4.1 || >=4.0.0-rc.1", - "@angular/platform-browser": ">=2.4.1 || >=4.0.0-rc.1", - "@angular/platform-browser-dynamic": ">=2.4.1 || >=4.0.0-rc.1", - "rxjs": ">=5.0.1", - "zone.js": ">=0.7.2" + "@angular/common": ">=4.2.0", + "@angular/compiler": ">=4.2.0", + "@angular/core": ">=4.2.0", + "@angular/forms": ">=4.2.0", + "@angular/platform-browser": ">=4.2.0", + "@angular/platform-browser-dynamic": ">=4.2.0", + "rxjs": ">=5.4.2", + "zone.js": ">=0.8.14" }, "dependencies": { "node-watch": "^0.4.1" From 223c1c610458683175ee58f539ff0576f9af2776 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 21:33:27 -0700 Subject: [PATCH 08/21] add changelog notes for 2.0.1 --- CHANGELOG.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a96d8525..2e6649f6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ + +# 2.0.1 (2017-09-28) + +### Fixes +* **package peer dependencies:** Fix issue with peer dependencies not set to the right versions + ([3c7d374](https://github.com/SoCreate/angular-playground/commit/3c7d374)) + # 2.0.0 (2017-09-28) @@ -18,7 +25,7 @@ ### Fixes * **command bar:** Fix edge browser keydown events - ([8c54c41](https://github.com/SoCreate/angular-playground/pull/51/commits/8c54c41)) + ([8c54c41](https://github.com/SoCreate/angular-playground/commit/8c54c41)) * **examples:** Fix examples showing how to embed sandboxes ([8ac215c](https://github.com/SoCreate/angular-playground/commit/8ac215c)) * **performance:** Change code to lazy load sandbox bundle when scenario is selected From df51f796314e7d18fa7ec5e702284f5c0482477f Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 21:34:33 -0700 Subject: [PATCH 09/21] 2.0.1 --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index a3d9dd87..5373bec1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.0", + "version": "2.0.1", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 309876d3..dedc7049 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.0", + "version": "2.0.1", "description": "A drop in app module for working on Angular components in isolation (aka Scenario Driven Development).", "main": "dist/index.js", "typings": "dist/index.d.ts", From cd16815cee711ed9ca22dd00eee6e831cd17efb7 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 22:04:10 -0700 Subject: [PATCH 10/21] add peer dependency support for 5.0.0-beta.0 and higher versions --- package.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index dedc7049..864d101c 100644 --- a/package.json +++ b/package.json @@ -35,12 +35,12 @@ }, "homepage": "http://www.angularplayground.it", "peerDependencies": { - "@angular/common": ">=4.2.0", - "@angular/compiler": ">=4.2.0", - "@angular/core": ">=4.2.0", - "@angular/forms": ">=4.2.0", - "@angular/platform-browser": ">=4.2.0", - "@angular/platform-browser-dynamic": ">=4.2.0", + "@angular/common": ">=4.2.0 || >=5.0.0-beta.0", + "@angular/compiler": ">=4.2.0 || >=5.0.0-beta.0", + "@angular/core": ">=4.2.0 || >=5.0.0-beta.0", + "@angular/forms": ">=4.2.0 || >=5.0.0-beta.0", + "@angular/platform-browser": ">=4.2.0 || >=5.0.0-beta.0", + "@angular/platform-browser-dynamic": ">=4.2.0 || >=5.0.0-beta.0", "rxjs": ">=5.4.2", "zone.js": ">=0.8.14" }, From f3f7c71e3e09381302787ef738100569aa53c843 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 22:06:07 -0700 Subject: [PATCH 11/21] add changelog notes for 2.0.1 --- CHANGELOG.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2e6649f6..cca6b8d1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,10 @@ - -# 2.0.1 (2017-09-28) + +# 2.0.2 (2017-09-28) ### Fixes -* **package peer dependencies:** Fix issue with peer dependencies not set to the right versions - ([3c7d374](https://github.com/SoCreate/angular-playground/commit/3c7d374)) +* **package peer dependencies:** Fix issue with peer dependencies for 5.0.0-beta.0 and higher + ([cd16815](https://github.com/SoCreate/angular-playground/commit/cd16815)) + # 2.0.0 (2017-09-28) From 29a088496bd90e425c2256c948ba20250ae76830 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Thu, 28 Sep 2017 22:06:34 -0700 Subject: [PATCH 12/21] 2.0.2 --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 5373bec1..07aa6ee6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.1", + "version": "2.0.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 864d101c..423eb52c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.1", + "version": "2.0.2", "description": "A drop in app module for working on Angular components in isolation (aka Scenario Driven Development).", "main": "dist/index.js", "typings": "dist/index.d.ts", From 046bad0828a1210be99304a68fc4c554c9f1211f Mon Sep 17 00:00:00 2001 From: brian treese Date: Fri, 29 Sep 2017 09:55:38 -0700 Subject: [PATCH 13/21] remove link transitions --- src/app/app.component.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 270cfdde..a82dbba0 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -153,7 +153,6 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; display: flex; padding: 4px 3px; width: 100%; - transition: background 0.2s ease-out; } .command-bar__scenario-link:hover, From c96047fe75a18b43dbada7a911784f9b8a20df35 Mon Sep 17 00:00:00 2001 From: brian treese Date: Fri, 29 Sep 2017 09:57:04 -0700 Subject: [PATCH 14/21] prevent list item headers from inheriting font family --- src/app/app.component.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index a82dbba0..b95c85ac 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -117,6 +117,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; align-items: center; color: rgba(255, 255, 255, .5); display: flex; + font-family: Consolas, monospace; font-size: 12px; font-weight: normal; justify-content: space-between; From f7a3cc938447b7bdc299bebb61042e267a7deec6 Mon Sep 17 00:00:00 2001 From: brian treese Date: Fri, 29 Sep 2017 10:08:25 -0700 Subject: [PATCH 15/21] set command bar to show hide with css to maintain scroll position --- src/app/app.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index b95c85ac..01359816 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -267,7 +267,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; `], template: `
-
+
Date: Fri, 29 Sep 2017 10:13:01 -0700 Subject: [PATCH 16/21] change the initial none message to be centered without affecting sandboxed component displays --- src/app/app.component.ts | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 01359816..867a01f8 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -245,7 +245,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; } /* Content */ - .content { + .content__none { align-items: center; border: 0; display: flex; @@ -255,12 +255,13 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; width: 100%; } - .content__none { + .content__none-message { font-family: Consolas, monospace; max-width: 50%; + text-align: center; } - .content__none em { + .content__none-message em { color: #666; } @@ -978,15 +979,17 @@ import { fuzzySearch } from './shared/fuzzy-search.function';
-

- The playground has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}}. -

-

- The playground does not have any sandboxed components. -

-

- Search sandboxed components: ctrl + o or F1 -

+
+

+ The playground has {{totalSandboxes}} sandboxed component{{totalSandboxes > 1 ? 's' : ''}}. +

+

+ The playground does not have any sandboxed components. +

+

+ Search sandboxed components: ctrl + o or F1 +

+
From 85260b753de241be566317e1367d16208524d046 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Fri, 29 Sep 2017 12:24:29 -0700 Subject: [PATCH 17/21] add change log notes for 2.0.3 --- CHANGELOG.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index cca6b8d1..0d65b83b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,16 @@ + +# 2.0.3 (2017-09-29) + +### Fixes +* **style:** Change the initial none message to be centered without affecting sandboxed component displays + ([37e9433](https://github.com/SoCreate/angular-playground/commit/37e9433)) +* **style:** Set command bar to show hide with css to maintain scroll position + ([f7a3cc9](https://github.com/SoCreate/angular-playground/commit/f7a3cc9)) +* **style:** Prevent list item headers from inheriting font family + ([c96047f](https://github.com/SoCreate/angular-playground/commit/c96047f)) +* **style:** Remove link transitions + ([046bad0](https://github.com/SoCreate/angular-playground/commit/046bad0)) + # 2.0.2 (2017-09-28) @@ -5,6 +18,12 @@ * **package peer dependencies:** Fix issue with peer dependencies for 5.0.0-beta.0 and higher ([cd16815](https://github.com/SoCreate/angular-playground/commit/cd16815)) + +# 2.0.1 (2017-09-28) + +### Fixes +* **package peer dependencies:** Fix issue with peer dependencies not set to the right versions + ([3c7d374](https://github.com/SoCreate/angular-playground/commit/3c7d374)) # 2.0.0 (2017-09-28) From 383dc48730632807f5f8315faeb514529a1611e9 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Fri, 29 Sep 2017 12:24:48 -0700 Subject: [PATCH 18/21] 2.0.3 --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 07aa6ee6..03fbe000 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.2", + "version": "2.0.3", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 423eb52c..c7a673a3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.2", + "version": "2.0.3", "description": "A drop in app module for working on Angular components in isolation (aka Scenario Driven Development).", "main": "dist/index.js", "typings": "dist/index.d.ts", From dff29625d78f0922bd1b810f08a5573d0c03200a Mon Sep 17 00:00:00 2001 From: brian treese Date: Fri, 29 Sep 2017 14:34:06 -0700 Subject: [PATCH 19/21] fix issues with embed mode --- src/app/app.component.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 867a01f8..73a9be21 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -45,7 +45,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; max-height: 100vh; padding-top: 10px; position: absolute; - transform: translate(-50%, -110%); + transform: translate(-50%, -120%); transition: transform ease 100ms; width: 376px; z-index: 9999999999999; @@ -268,7 +268,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function'; `], template: `
-
+
-
+

@@ -309,7 +309,7 @@ import { fuzzySearch } from './shared/fuzzy-search.function';

- + +# 2.0.4 (2017-09-29) + +### Fixes +* **embedding:** Fix issues with embed mode + ([dff2962](https://github.com/SoCreate/angular-playground/commit/dff2962)) + # 2.0.3 (2017-09-29) From 9774d7b176d3c4389ce1713f69c41b03e9634916 Mon Sep 17 00:00:00 2001 From: Jami Lurock Date: Fri, 29 Sep 2017 17:15:48 -0700 Subject: [PATCH 21/21] 2.0.4 --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 03fbe000..c0189908 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.3", + "version": "2.0.4", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index c7a673a3..e1c07b91 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-playground", - "version": "2.0.3", + "version": "2.0.4", "description": "A drop in app module for working on Angular components in isolation (aka Scenario Driven Development).", "main": "dist/index.js", "typings": "dist/index.d.ts",