Feature: Recipe - List of Commands to be executed

README.md

@@ -91,7 +91,7 @@ Misc:
   <tr>
     <td>
 
-[`Trigger multiple / random Media`][URL_META_CLIPS]
+[`Trigger multiple / random Media`][URL_RECIPE]
 </td>
   </tr>
    <tr>
@@ -147,12 +147,12 @@ Misc:
 
 `Advanced`:
 
-- [`Trigger multiple / randoms`][URL_META_CLIPS]
+- [`Trigger multiple / randoms`][URL_RECIPE]
 - [`Screen / Media Settings`][URL_ADVANCED_SETTINGS]
 - [`Scripts`][URL_SCRIPTS]
 - [`Widgets`][URL_WIDGETS]
 
-[URL_META_CLIPS]: tutorials/meta_media.md
+[URL_RECIPE]: tutorials/recipe.md
 [URL_SCRIPTS]: tutorials/scripts.md
 [URL_WIDGETS]: tutorials/widgets.md
 [URL_ADVANCED_SETTINGS]: ./tutorials/screen_media_advanced_settings.md
@@ -174,7 +174,7 @@ See finished and upcoming changes in:
 * [ ] OBS Websockets
   * [ ] Screen Arrange View gets the current OBS-Scene as Background to move stuff around
 * [ ] Overview of local media files not existing anymore
-* [ ] Replace all selected Trigger Action with an inline Blueprint #439 (name pending) 
+* [ ] Replace all selected Trigger Action with an inline Recipes #439
 
 ### Future, if you want to help open a PR :)
 * [ ] Change media options by triggered variables (e.g. different style, or something)

angular.json

@@ -2,9 +2,6 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "newProjectRoot": "",
-  "cli": {
-    "defaultCollection": "@nrwl/angular"
-  },
   "projects": {
     "action-variables": {
       "projectType": "library",
@@ -103,9 +100,7 @@
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
-            "lintFilePatterns": [
-              "projects/app-state/**/*.ts"
-            ]
+            "lintFilePatterns": ["projects/app-state/**/*.ts"]
           }
         }
       }
@@ -315,7 +310,11 @@
           "builder": "@nrwl/linter:eslint",
           "options": {
             "cache": true,
-            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html", "!src/**/*.spec.ts"]
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html",
+              "!src/**/*.spec.ts"
+            ]
           }
         },
         "cypress-run": {
@@ -377,7 +376,7 @@
               "optimization": true,
               "extractLicenses": true,
               "inspect": false,
-              "fileReplacements": [ ]
+              "fileReplacements": []
             }
           }
         },
@@ -528,29 +527,109 @@
             "tsConfig": "projects/utils/tsconfig.spec.json"
           }
         },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": ["projects/utils/**/*.ts"]
+          }
+        }
+      }
+    },
+    "recipe-ui": {
+      "projectType": "library",
+      "root": "projects/recipe-ui",
+      "sourceRoot": "projects/recipe-ui/src",
+      "prefix": "memebox",
+      "architect": {
+        "build": {
+          "builder": "@nrwl/angular:ng-packagr-lite",
+          "options": {
+            "tsConfig": "projects/recipe-ui/tsconfig.lib.json",
+            "project": "projects/recipe-ui/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/recipe-ui/tsconfig.lib.prod.json"
+            }
+          }
+        },
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
-              "projects/utils/**/*.ts"
+              "projects/recipe-ui/src/**/*.ts",
+              "projects/recipe-ui/src/**/*.html"
             ]
           }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/projects/recipe-ui"],
+          "options": {
+            "jestConfig": "projects/recipe-ui/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
+    },
+    "recipe-core": {
+      "projectType": "library",
+      "root": "projects/recipe-core",
+      "sourceRoot": "projects/recipe-core/src",
+      "prefix": "memebox",
+      "architect": {
+        "build": {
+          "builder": "@nrwl/angular:ng-packagr-lite",
+          "options": {
+            "tsConfig": "projects/recipe-core/tsconfig.lib.json",
+            "project": "projects/recipe-core/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/recipe-core/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "projects/recipe-core/src/**/*.ts",
+              "projects/recipe-core/src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/projects/recipe-core"],
+          "options": {
+            "jestConfig": "projects/recipe-core/jest.config.js",
+            "passWithNoTests": true
+          }
         }
       }
     }
   },
+  "cli": {
+    "defaultCollection": "@nrwl/angular"
+  },
   "schematics": {
-    "@schematics/angular:component": {
-      "style": "scss"
+    "@nrwl/angular:application": {
+      "style": "scss",
+      "linter": "eslint",
+      "unitTestRunner": "jest"
     },
     "@nrwl/angular:library": {
-      "style": "scss",
       "linter": "eslint",
       "unitTestRunner": "jest",
+      "buildable": true,
+      "style": "scss",
       "strict": true
     },
-    "@nrwl/angular:component": {
-      "style": "scss"
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "style": "scss",
+      "skipTests": true
     }
   }
 }

jest.config.js

@@ -11,10 +11,10 @@ for (const [key, value] of currentPaths) {
 module.exports = {
   moduleNameMapper,
   modulePathIgnorePatterns: [
-    "<rootDir>/dist/",
-    "<rootDir>/out*",
-    "<rootDir>/memebox-streamdeck",
-    "<rootDir>/cypress"
+    '<rootDir>/dist/',
+    '<rootDir>/out*',
+    '<rootDir>/memebox-streamdeck',
+    '<rootDir>/cypress'
   ],
   rootDir: __dirname,
   preset: 'jest-preset-angular',

jest.preset.js

@@ -0,0 +1,3 @@
+const nxPreset = require('@nrwl/jest/preset');
+
+module.exports = { ...nxPreset };

nx.json

@@ -5,51 +5,49 @@
     "default": {
       "runner": "@nrwl/workspace/tasks-runners/default",
       "options": {
-        "cacheableOperations": [
-          "build",
-          "test",
-          "lint",
-          "package",
-          "prepare"
-        ]
+        "cacheableOperations": ["build", "test", "lint", "package", "prepare"]
       }
     }
   },
   "targetDependencies": {
-    "prepare": [
-      {
-        "target": "prepare",
-        "projects": "dependencies"
-      }
-    ],
-    "package": [
-      {
-        "target": "package",
-        "projects": "dependencies"
-      }
-    ]
-  },
-  "affected": {
-    "defaultBase": "develop"
-  },
-  "workspaceLayout": {
-    "libsDir": "projects",
-    "appsDir": "projects"
-  },
-  "cli": {
-    "analytics": false,
-    "defaultCollection": "@nrwl/angular"
+    "prepare": [{ "target": "prepare", "projects": "dependencies" }],
+    "package": [{ "target": "package", "projects": "dependencies" }]
   },
+  "affected": { "defaultBase": "develop" },
+  "workspaceLayout": { "libsDir": "projects", "appsDir": "projects" },
+  "cli": { "analytics": false, "defaultCollection": "@nrwl/angular" },
   "generators": {
     "@schematics/angular:component": {
       "prefix": "app",
       "style": "scss",
       "skipTests": true
     },
-    "@schematics/angular:directive": {
-      "prefix": "app",
-      "skipTests": true
+    "@schematics/angular:directive": { "prefix": "app", "skipTests": true },
+    "@nrwl/angular:application": {
+      "linter": "eslint",
+      "unitTestRunner": "jest"
+    },
+    "@nrwl/angular:library": {
+      "linter": "eslint",
+      "unitTestRunner": "jest",
+      "buildable": true,
+      "style": "scss",
+      "strict": true
     }
   },
-  "defaultProject": "memebox-app"
+  "defaultProject": "memebox-app",
+  "projects": {
+    "action-variables": { "tags": [] },
+    "action-variables-ui": { "tags": [] },
+    "app-state": { "tags": [] },
+    "contracts": { "tags": [] },
+    "memebox-app": { "tags": [] },
+    "server": { "tags": [] },
+    "shared-state": { "tags": [] },
+    "state-components": { "tags": [] },
+    "ui-components": { "tags": [] },
+    "utils": { "tags": [] },
+    "recipe-core": { "tags": [] },
+    "recipe-ui": { "tags": [] }
+  }
 }