Release v0.0.3

.circleci/config.yml

@@ -7,11 +7,11 @@ aliases:
   # https://github.com/CircleCI-Public/circleci-dockerfiles/tree/master/node/images
   - &use_docker_node
     docker:
-      - image: circleci/node:13.5.0-stretch
+      - image: circleci/node:13.6.0-stretch
 
   - &use_docker_node_browsers
     docker:
-      - image: circleci/node:13.5.0-stretch-browsers
+      - image: circleci/node:13.6.0-stretch-browsers
 
   # https://github.com/cypress-io/cypress-docker-images/tree/master/included
   - &use_docker_cypress_included
@@ -28,9 +28,54 @@ aliases:
     attach_workspace:
       at: *workspace
 
+  - &configure_git_user
+    run:
+      name: Configure Git user
+      command: |
+        git config user.email 'morier.dev@outlook.com'
+        git config user.name 'Circle CI'
+
+  - &add_github_ssh_key
+    add_ssh_keys:
+      fingerprints:
+        - '6b:2b:a3:64:1d:a3:5c:b6:03:7a:b7:b9:39:10:8f:43'
+
+  - &add_github_to_known_hosts
+    run:
+      name: Add github.com to known hosts
+      command:
+        echo 'github.com ssh-rsa
+        AAAAB3NzaC1yc2EAAAABIwAAAQEAq2A7hRGmdnm9tUDbO9IDSwBK6TbQa+PXYPCPy6rbTrTtw7PHkccKrpp0yVhp5HdEIcKr6pLlVDBfOLX9QUsyCOV0wzfjIJNlGEYsdlLJizHhbn2mUjvSAHQqZETYP81eFzLQNnPHt4EVVUh7VfDESU84KezmD5QlWpXLmvU31/yMf+Se8xhHTvKSCZIFImWwoG6mbUoWf9nzpIoaSjB+weqqUUmpaaasXVal72J+UX2B+2RPW3RcT0eOzQgqlJL3RKrTJvdsjE3JEAvGq3lGHSZXy28G3skua2SmVi/w4yCE6gbODqnTWlg7+wC604ydGXA8VJiS5ap43JXiUFFAaQ=='
+        >> ~/.ssh/known_hosts
+
+  - &prepare_github_pages_variables
+    run:
+      name: Prepare github pages variables
+      command: |
+        echo 'export LAST_COMMIT_HASH_SHORT=$(echo $CIRCLE_SHA1 | cut -c1-7)' >> $BASH_ENV
+
+        echo 'export COMMIT_MESSAGE="[skip ci] Deploy: $DEPLOY_CONTEXT (#$LAST_COMMIT_HASH_SHORT)"' >> $BASH_ENV
+        echo 'export DIST_PATH="dist/$DEPLOY_CONTEXT"' >> $BASH_ENV
+        echo 'export DEST_PATH="$CIRCLE_BRANCH/$LAST_COMMIT_HASH_SHORT"' >> $BASH_ENV
+
+  - &deploy_to_github_pages
+    run:
+      name: Deploy to Github pages
+      command: |
+        yarn gh-pages \
+        --dotfiles \
+        --message "$COMMIT_MESSAGE" \
+        --dist "$DIST_PATH" \
+        --dest "$DEST_PATH"
+
+  - &log_deploy_url
+    run:
+      name: Log deploy URL
+      command: echo 'https://philippemorier.github.io/talus/'$DEST_PATH'/'$PROJECT_NAME'/'
+
   - &store_test_results
     store_test_results:
-      path: ./projects/editor/reports/test-results
+      path: ./test-results
 
 version: 2
 
@@ -88,8 +133,7 @@ jobs:
 
       - run:
           name: Run prettier
-          command: |
-            yarn prettier:check
+          command: yarn prettier:check
 
   'unit':
     <<: *use_docker_node_browsers
@@ -103,14 +147,31 @@ jobs:
           name: Run unit tests
           command: yarn test:code-coverage
 
-      - store_test_results:
-          path: ./test-results
+      - *store_test_results
 
       - store_artifacts:
           path: ./coverage
           destination: coverage
 
-  'frontend-e2e':
+  'benchmark':
+    <<: *use_docker_node_browsers
+
+    <<: *set_working_directory
+
+    steps:
+      - *attach_workspace
+
+      - run:
+          name: Build benchmarks
+          command: yarn build benchmark
+
+      - run:
+          name: Run benchmarks
+          command: node ./dist/apps/benchmark/main.js
+
+      - *store_test_results
+
+  'frontend e2e':
     <<: *use_docker_cypress_included
 
     <<: *set_working_directory
@@ -122,33 +183,31 @@ jobs:
           name: Run frontend-e2e
           command: yarn e2e:ci frontend-e2e
 
-      - store_test_results:
-          path: ./test-results
+      - *store_test_results
 
       - store_artifacts:
           path: ./test-results/cypress
           destination: cypress
 
-  'benchmark':
-    <<: *use_docker_node_browsers
+  'ui e2e':
+    <<: *use_docker_cypress_included
 
     <<: *set_working_directory
 
     steps:
       - *attach_workspace
 
       - run:
-          name: Build benchmarks
-          command: yarn build benchmark
+          name: Run ui-e2e
+          command: yarn ng run ui-e2e:e2e --headless
 
-      - run:
-          name: Run benchmarks
-          command: node ./dist/apps/benchmark/main.js
+      - *store_test_results
 
-      - store_test_results:
-          path: ./test-results
+      - store_artifacts:
+          path: ./test-results/cypress
+          destination: cypress
 
-  'build':
+  'frontend build':
     <<: *use_docker_node
 
     <<: *set_working_directory
@@ -193,29 +252,38 @@ jobs:
           root: .
           paths: dist/apps/frontend
 
-  # https://circleci.com/blog/deploying-documentation-to-github-pages-with-continuous-integration/
-  'deploy':
+  'ui build':
     <<: *use_docker_node
+
     <<: *set_working_directory
+
     steps:
       - *attach_workspace
 
       - run:
-          name: Configure Git user
-          command: |
-            git config user.email 'morier.dev@outlook.com'
-            git config user.name 'Circle CI'
+          name: Build storybook
+          command: yarn ng run ui:build-storybook
 
-      - add_ssh_keys:
-          fingerprints:
-            - '6b:2b:a3:64:1d:a3:5c:b6:03:7a:b7:b9:39:10:8f:43'
+      - store_artifacts:
+          path: ./dist/storybook/ui
+          destination: dist/storybook/ui
 
-      - run:
-          name: Add github.com to known hosts
-          command:
-            echo 'github.com ssh-rsa
-            AAAAB3NzaC1yc2EAAAABIwAAAQEAq2A7hRGmdnm9tUDbO9IDSwBK6TbQa+PXYPCPy6rbTrTtw7PHkccKrpp0yVhp5HdEIcKr6pLlVDBfOLX9QUsyCOV0wzfjIJNlGEYsdlLJizHhbn2mUjvSAHQqZETYP81eFzLQNnPHt4EVVUh7VfDESU84KezmD5QlWpXLmvU31/yMf+Se8xhHTvKSCZIFImWwoG6mbUoWf9nzpIoaSjB+weqqUUmpaaasXVal72J+UX2B+2RPW3RcT0eOzQgqlJL3RKrTJvdsjE3JEAvGq3lGHSZXy28G3skua2SmVi/w4yCE6gbODqnTWlg7+wC604ydGXA8VJiS5ap43JXiUFFAaQ=='
-            >> ~/.ssh/known_hosts
+      - persist_to_workspace:
+          root: .
+          paths: dist/storybook/ui
+
+  # https://circleci.com/blog/deploying-documentation-to-github-pages-with-continuous-integration/
+  'frontend deploy':
+    <<: *use_docker_node
+    <<: *set_working_directory
+    steps:
+      - *attach_workspace
+
+      - *configure_git_user
+
+      - *add_github_ssh_key
+
+      - *add_github_to_known_hosts
 
       - run:
           name: Delete CircleCI index
@@ -226,25 +294,40 @@ jobs:
           command: mv dist/apps/frontend/index-github.html dist/apps/frontend/index.html
 
       - run:
-          name: Prepare deployment variables
+          name: Set deploy context & project variables
           command: |
-            echo 'export LAST_COMMIT_HASH_SHORT=$(echo $CIRCLE_SHA1 | cut -c1-7)' >> $BASH_ENV
+            echo 'export DEPLOY_CONTEXT="apps"' >> $BASH_ENV
+            echo 'export PROJECT_NAME="frontend"' >> $BASH_ENV
+
+      - *prepare_github_pages_variables
+
+      - *deploy_to_github_pages
+
+      - *log_deploy_url
+
+  'ui deploy':
+    <<: *use_docker_node
+    <<: *set_working_directory
+    steps:
+      - *attach_workspace
+
+      - *configure_git_user
+
+      - *add_github_ssh_key
 
-            echo 'export COMMIT_MESSAGE="[skip ci] Deploy: apps (#$LAST_COMMIT_HASH_SHORT)"' >> $BASH_ENV
-            echo 'export DEST_PATH="$CIRCLE_BRANCH/$LAST_COMMIT_HASH_SHORT"' >> $BASH_ENV
+      - *add_github_to_known_hosts
 
       - run:
-          name: Deploy to Github pages
+          name: Set deploy context & project variables
           command: |
-            yarn gh-pages \
-            --dotfiles \
-            --message "$COMMIT_MESSAGE" \
-            --dist dist/apps \
-            --dest "$DEST_PATH"
+            echo 'export DEPLOY_CONTEXT="storybook"' >> $BASH_ENV
+            echo 'export PROJECT_NAME="ui"' >> $BASH_ENV
 
-      - run:
-          name: Log deploy URL
-          command: echo 'https://philippemorier.github.io/talus/'$DEST_PATH'/frontend/'
+      - *prepare_github_pages_variables
+
+      - *deploy_to_github_pages
+
+      - *log_deploy_url
 
 workflows:
   version: 2
@@ -268,24 +351,50 @@ workflows:
           requires:
             - 'dependencies'
 
-      - 'build':
+      - 'frontend build':
+          requires:
+            - 'linting'
+            - 'prettier'
+            - 'unit'
+            - 'benchmark'
+
+      - 'frontend e2e':
           requires:
             - 'linting'
             - 'prettier'
             - 'unit'
             - 'benchmark'
 
-      - 'frontend-e2e':
+      - 'ui build':
           requires:
             - 'linting'
             - 'prettier'
             - 'unit'
             - 'benchmark'
 
-      - 'deploy':
+      - 'ui e2e':
+          requires:
+            - 'linting'
+            - 'prettier'
+            - 'unit'
+            - 'benchmark'
+
+      - 'frontend deploy':
+          requires:
+            - 'frontend build'
+            - 'frontend e2e'
+          filters:
+            branches:
+              only:
+                - master
+                - develop
+
+      - 'ui deploy':
           requires:
-            - 'build'
-            - 'frontend-e2e'
+            - 'ui build'
+            - 'ui e2e'
           filters:
             branches:
-              only: master
+              only:
+                - master
+                - develop

.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-knobs/register';

.storybook/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../tsconfig.json",
+  "exclude": ["../**/test.ts", "../**/*.spec.ts"],
+  "include": ["../**/*"]
+}

.storybook/webpack.config.js

@@ -0,0 +1,11 @@
+// Export a function. Accept the base config as the only param.
+module.exports = async ({ config, mode }) => {
+  // `mode` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+  // You can change the configuration based on that.
+  // 'PRODUCTION' is used when building the static version of storybook.
+
+  // Make whatever fine-grained changes you need
+
+  // Return the altered config
+  return config;
+};

README.md

@@ -164,6 +164,12 @@ See scripts on [nx.dev](https://nx.dev/angular/api/workspace/npmscripts)
 
 - `yarn nx --help`
 
+## Ng
+
+### Update
+
+- `ng update @angular/cli @angular/core`
+
 ## Github Pages
 
 CircleCI pushes every build onto the