feat(component): initial setup

CONTRIBUTING.md

@@ -98,6 +98,7 @@ The scope should be the name of the npm package affected (as perceived by the pe
 
 The following is the list of supported scopes:
 
+- **component**
 - **data**
 - **effects**
 - **entity**

build/tasks.ts

@@ -18,7 +18,10 @@ export async function copySchematicsCore(config: Config) {
       .toString('utf-8');
     const pkgConfig = JSON.parse(packageJson);
 
-    if (pkgConfig.schematics || pkgConfig['ng-update'].migrations) {
+    if (
+      pkgConfig.schematics ||
+      (pkgConfig['ng-update'] && pkgConfig['ng-update'].migrations)
+    ) {
       ncp(
         `${modulesDir}/schematics-core`,
         `${modulesDir}/${pkg}/schematics-core`,

modules/component/BUILD

@@ -0,0 +1,34 @@
+package(default_visibility = ["//visibility:public"])
+
+load("//tools:defaults.bzl", "ng_module", "ng_package")
+
+ng_module(
+    name = "component",
+    srcs = glob([
+        "*.ts",
+        "src/**/*.ts",
+    ]),
+    module_name = "@ngrx/component",
+    deps = [
+        # TODO: @ngrx/component - add ngrx deps, also add it to package.json as peerDependency
+        # "//modules/store",
+        "@npm//@angular/common",
+        "@npm//@angular/core",
+        "@npm//rxjs",
+    ],
+)
+
+ng_package(
+    name = "npm_package",
+    srcs = glob(["**/*.externs.js"]) + [
+        "package.json",
+    ],
+    entry_point = "modules/component/index.js",
+    packages = [
+        # TODO: @ngrx/component - add schematic
+        # "//modules/component/schematics-core:npm_package",
+    ],
+    deps = [
+        ":component",
+    ],
+)

modules/component/CHANGELOG.md

@@ -0,0 +1,3 @@
+# Change Log
+
+See [CHANGELOG.md](https://github.com/ngrx/platform/blob/master/CHANGELOG.md)

modules/component/README.md

@@ -0,0 +1,5 @@
+# @ngrx/component
+
+The sources for this package are in the main [NgRx](https://github.com/ngrx/platform) repo. Please file issues and pull requests against that repo.
+
+License: MIT

modules/component/index.ts

@@ -0,0 +1,7 @@
+/**
+ * DO NOT EDIT
+ *
+ * This file is automatically generated at build
+ */
+
+export * from './public_api';

modules/component/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@ngrx/component",
+  "version": "0.0.0-PLACEHOLDER",
+  "description": "Reactive utilities for components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ngrx/platform.git"
+  },
+  "keywords": [
+    "Angular",
+    "Redux",
+    "NgRx",
+    "Schematics",
+    "Angular CLI"
+  ],
+  "author": "NgRx",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ngrx/platform/issues"
+  },
+  "homepage": "https://github.com/ngrx/platform#readme",
+  "peerDependencies": {
+    "@angular/common": "NG_VERSION",
+    "@angular/core": "NG_VERSION",
+    "rxjs": "RXJS_VERSION"
+  },
+  "sideEffects": false
+}

modules/component/public_api.ts

@@ -0,0 +1 @@
+export * from './src/index';

modules/component/rollup.config.js

@@ -0,0 +1,11 @@
+export default {
+  entry: './dist/component/@ngrx/component.es5.js',
+  dest: './dist/component/bundles/component.umd.js',
+  format: 'umd',
+  exports: 'named',
+  moduleName: 'ngrx.component',
+  globals: {
+    // TODO: @ngrx/component - add ngrx deps, also add it to tsconfig-build.json as path
+    // '@ngrx/store': 'ngrx.store',
+  },
+};

modules/component/spec/BUILD

@@ -0,0 +1,27 @@
+load("//tools:defaults.bzl", "jasmine_node_test", "ts_test_library")
+
+ts_test_library(
+    name = "test_lib",
+    srcs = glob(
+        [
+            "**/*.ts",
+        ],
+    ),
+    deps = [
+        "//modules/component",
+        # TODO: @ngrx/component - add ngrx deps
+        # "//modules/store",
+        "@npm//@angular/common",
+        "@npm//rxjs",
+    ],
+)
+
+jasmine_node_test(
+    name = "test",
+    deps = [
+        ":test_lib",
+        "//modules/component",
+        # TODO: @ngrx/component - add ngrx deps
+        # "//modules/store",
+    ],
+)

modules/component/spec/placeholder.spec.ts

@@ -0,0 +1,9 @@
+// TODO: @ngrx/component - remove this file
+
+import { sum } from '@ngrx/component';
+
+describe('placeholder', () => {
+  it('should run specs', () => {
+    expect(sum(2, 5)).toBe(7);
+  });
+});

modules/component/src/index.ts

@@ -0,0 +1 @@
+export * from './placeholder';

modules/component/src/placeholder.ts

@@ -0,0 +1,5 @@
+// TODO: @ngrx/component - remove this file
+
+export function sum(a: number, b: number) {
+  return a + b;
+}

modules/component/tsconfig-build.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "declaration": true,
+    "stripInternal": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "strictPropertyInitialization": false,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "noEmitOnError": false,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "downlevelIteration": true,
+    "outDir": "../../dist/packages/component",
+    "paths": {},
+    "rootDir": ".",
+    "sourceMap": true,
+    "inlineSources": true,
+    "lib": ["es2015", "dom"],
+    "target": "es2015",
+    "skipLibCheck": true
+  },
+  "files": ["public_api.ts"],
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    // Work around for issue: https://github.com/angular/angular/issues/22210
+    "strictMetadataEmit": false,
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@ngrx/component",
+    "enableIvy": false
+  }
+}

tools/defaults.bzl

@@ -17,6 +17,7 @@ NGRX_SCOPED_PACKAGES = ["@ngrx/%s" % p for p in [
     "entity",
     "router-store",
     "data",
+    "component",
     "schematics",
     "store-devtools",
 ]]

tsconfig.json

@@ -17,6 +17,7 @@
     "rootDir": "./",
     "strict": true,
     "paths": {
+      "@ngrx/component": ["./modules/component"],
       "@ngrx/data": ["./modules/data"],
       "@ngrx/data/schematics-core": ["./modules/data/schematics-core"],
       "@ngrx/effects": ["./modules/effects"],