bryanwilhite / unicorn-whale Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 3.17 MB

an 🦄 Nx Workspace playground 🐳 originally intended to be an alternative while ⛵ StackBlitz develops

License: MIT License

JavaScript 7.30% TypeScript 74.98% HTML 12.81% SCSS 4.91%

unicorn-whale's People

Contributors

Watchers

unicorn-whale's Issues

consider moving your “Tour of Heroes” sample to this repo

follow “Unit testing of simple input box” by Julia Passynkova

@ipassynk => https://medium.com/@juliapassynkova/unit-testing-of-simple-input-box-fdbba93f3d2e

ng generate app component-testing --directory='' --routing=false --skip-tests --style=scss
ng generate component components/simple-input --flat=false --module=app --project=component-testing --skip-tests=false --dry-run
ng generate component components/index --flat=false --module=app --project=component-testing --skip-tests --dry-run

run `ng generate app <name>` for the first time

https://nrwl.io/nx/guide-nx-workspace =>

ng generate app --help

usage: ng generate app <name> [options]
options:
  --directory
    The directory of the new application.
  --dryRun (-d)
    Run through without making any changes.
  --force (-f)
    Forces overwriting of files.
  --inline-style (-s)
    Specifies if the style will be in the ts file.
  --inline-template (-t)
    Specifies if the template will be in the ts file.
  --prefix (-p)
    The prefix to apply to generated selectors.
  --routing
    Generates a routing module.
  --skip-format
    Skip formatting files
  --skip-package-json
    Do not add dependencies to package.json.
  --skip-tests (-S)
    Skip creating spec files.
  --style
    The file extension to be used for style files.
  --tags
    Add tags to the application (used for linting)
  --view-encapsulation
    Specifies the view encapsulation strategy.

run `ng generate lib` for the first time

https://nrwl.io/nx/guide-nx-workspace =>

usage: ng generate lib <name> [options]
options:
  --directory 
    A directory where the app is placed
  --dry-run (-d)
    Run through without making any changes.
  --force (-f)
    Forces overwriting of files.
  --lazy 
    Add RouterModule.forChild when set to true, and a simple array of routes when set to false.
  --parent-module 
    Update the router configuration of the parent module using loadChildren or children, depending on what `lazy` is set to.
  --prefix (-p)
    The prefix to apply to generated selectors.
  --publishable 
    Generate a simple TS library when set to true.
  --routing 
    Add router configuration. See lazy for more information.
  --skip-package-json 
    Do not add dependencies to package.json.
  --skip-ts-config 
    Do not update tsconfig.json for development experience.
  --tags 
    Add tags to the library (used for linting)

@angular/animations: please load the web-animations.js polyfill to allow programmatic access

moving on from #6

migrate samples to 7.x workspace

ng generate app fire-base-animation --directory='' --routing=false --skip-tests --style=scss --dry-run
ng generate app responsive-thumbnails --directory='' --routing=false --skip-tests --style=scss --dry-run
ng generate app year-of-moo-animation --directory='' --routing=false --skip-tests --style=scss --dry-run

translate “responsive strip of fixed inline blocks” CodePen

https://codepen.io/rasx/pen/mEVdBy =>

ng generate app responsive-thumbnails --skip-tests --style=scss --dry-run

ng generate component components/thumbs-container --flat=false --module=app --project=responsive-thumbnails --spec=false --styleext=scss --dry-run
ng generate component components/thumb --flat=false --module=app --project=responsive-thumbnails --spec=false --styleext=scss --dry-run

build out “Animation Examples in Angular 4.3”

https://angularfirebase.com/lessons/animation-examples-in-angular-4-3/

use the fire-base-animation App

can a SEO-effective splash screen be made out of Angular's conventional `index.html`?

a lifecycle hook like ngAfterViewInit can call, say, document.getElementById() to collapse a block with a higher z-index than the root Component; this splash block is declared in the static HTML of the conventional index.html of the Angular app

this splash block that should be attractive and even animated is just one of many HTML declarations that is needed for the conventional index.html; others should check all of the SEO boxes as of now this file is essentially left blank 👎

explore “Testing with the Angular HttpClient API” by Ciro Nunes

https://medium.com/netscape/testing-with-the-angular-httpclient-api-648203820712

add year-of-moo-animation App

continuing on from #4, the two subtopics should be covered immediately:

does `Renderer2` help with any `@ViewChild` manipulations here?

https://malcoded.com/posts/why-angular-not-works/

unicorn-whale/nx-workspace/apps/year-of-moo-animation/src/app/components/animation-builder/animation-builder.component.ts

Line 23 in 0e59c1c

@ViewChild('photos') photosContainer: ElementRef;

unicorn-whale/nx-workspace/apps/component-testing/src/app/components/template-forms/template-forms.component.ts

Line 10 in 3ff987e

@ViewChild(NgForm) myForm: NgForm;

unicorn-whale/nx-workspace/apps/responsive-thumbnails/src/app/components/thumbs-container/thumbs-container.component.ts

Line 13 in 0e59c1c

@ViewChild('thumbsContainer') thumbsContainer: ElementRef;

disable the `no-console` rule?

https://stackoverflow.com/a/39769468/22944 =>

`nx-workspace-menu` needs to be a shared lib

this issue continues on from #3 with something actually needed to prevent violating the DRY principle

npm audit log

after running create-nx-workspace my-nx-workspace:

                       === npm audit security report ===

# Run  npm install --save-dev [email protected]  to resolve 6 vulnerabilities
SEMVER WARNING: Recommended action is a potentially breaking change

  Moderate        Memory Exposure

  Package         tunnel-agent

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > request > tunnel-agent

  More info       https://nodesecurity.io/advisories/598




  Moderate        Prototype pollution

  Package         hoek

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > request > hawk > boom > hoek

  More info       https://nodesecurity.io/advisories/566




  Moderate        Prototype pollution

  Package         hoek

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > request > hawk > cryptiles > boom
                  > hoek

  More info       https://nodesecurity.io/advisories/566




  Moderate        Prototype pollution

  Package         hoek

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > request > hawk > hoek

  More info       https://nodesecurity.io/advisories/566




  Moderate        Prototype pollution

  Package         hoek

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > request > hawk > sntp > hoek

  More info       https://nodesecurity.io/advisories/566




  Low             Regular Expression Denial of Service

  Package         timespan

  Dependency of   karma [dev]

  Path            karma > log4js > loggly > timespan

  More info       https://nodesecurity.io/advisories/533



# Run  npm install --save-dev [email protected]  to resolve 1 vulnerability

  High            Arbitrary File Write via Archive Extraction

  Package         adm-zip

  Dependency of   protractor [dev]

  Path            protractor > webdriver-js-extender > selenium-webdriver >
                  adm-zip

  More info       https://nodesecurity.io/advisories/681



found 7 vulnerabilities (1 low, 5 moderate, 1 high) in 25623 scanned packages
  run `npm audit fix` to fix 1 of them.
  6 vulnerabilities require semver-major dependency updates.

bryanwilhite / unicorn-whale Goto Github PK

unicorn-whale's People

Contributors

Watchers

unicorn-whale's Issues

Recommend Projects

Recommend Topics

Recommend Org