Add extension package

.gitignore

@@ -128,3 +128,6 @@ website/versioned_docs
 website/versioned_sidebars
 website/versions.json
 website/versions-repo
+
+# Npm package builds
+/npm_pkg

angular.json

@@ -228,6 +228,46 @@
         }
       }
     },
+    "extension": {
+      "root": "src/frontend/packages/extension",
+      "sourceRoot": "src/frontend/packages/extension/src",
+      "projectType": "library",
+      "prefix": "ext",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "src/frontend/packages/extension/tsconfig.lib.json",
+            "project": "src/frontend/packages/extension/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "src/frontend/packages/extension/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/frontend/packages/extension/src/test.ts",
+            "tsConfig": "src/frontend/packages/extension/tsconfig.spec.json",
+            "karmaConfig": "src/frontend/packages/extension/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.json"
+            ],
+            "tslintConfig": "src/frontend/packages/extension/tslint.json",
+            "files": [
+              "src/frontend/packages/extension/src/**/*.ts"
+            ]
+          }
+        }
+      }
+    },    
     "shared": {
       "root": "src/frontend/packages/shared",
       "sourceRoot": "src/frontend/packages/shared/src",

build/ngbuild.sh

@@ -0,0 +1,274 @@
+#!/usr/bin/env bash
+
+# Build the front-end packages ready
+
+# This should be moved into devkit at some point as a library builder
+
+# Script folder
+DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null && pwd )"
+STRATOS="`cd "${DIR}/..";pwd`"
+
+# Colours
+CYAN="\033[96m"
+YELLOW="\033[93m"
+RED="\033[91m"
+RESET="\033[0m"
+BOLD="\033[1m"
+
+BUILD="false"
+PUBLISH="false"
+UNPUBLISH="false"
+LINK="false"
+INSTALL_LINKS="false"
+
+function show_help() {
+
+  echo
+  echo -e "${CYAN}${BOLD}ngbuild - tool to help build Stratos as packages${RESET}"
+  echo
+  echo -e "Run with: ${BOLD}build/ngbuild.sh <Flags> <Packages>${RESET}"
+  echo
+  echo "Flags can be:"
+  echo
+  echo "  -b Build packages"
+  echo "  -p Publish packages to npm"
+  echo "  -u Unpublish packages from npm"
+  echo "  -l Link packages using npm link"
+  echo "  -i Install linked packages into node_modules"
+  echo
+  echo "With no packages specified, all are used, otherwise you can specify one or more of:"
+  echo "  core"
+  echo "  store"
+  echo "  devkit"
+  echo "  theme"
+  echo "  shared"
+  echo
+}
+
+while getopts "hbpuli" opt; do
+  case $opt in
+    h)
+      show_help
+      exit 0
+      ;;
+    b)
+      BUILD="true"
+      ;;
+    p)
+      PUBLISH="true"
+      ;;
+    u)
+      UNPUBLISH="true"
+      ;;
+    l)
+      LINK="true"
+      ;;
+    i)
+      INSTALL_LINKS="true"
+      ;;
+  esac
+done
+
+shift $(expr $OPTIND - 1 )
+
+PKGS="$@"
+if [ -z "$PKGS" ]; then
+  PKGS="shared store devkit theme core"
+fi
+
+echo -e "${CYAN}${BOLD}=============================${RESET}"
+echo -e "${CYAN}${BOLD}= Building Stratos packages =${RESET}"
+echo -e "${CYAN}${BOLD}=============================${RESET}"
+
+# ===================================================================================================
+# Store
+# ===================================================================================================
+
+function build_store() {
+  echo
+  echo -e "${YELLOW}${BOLD}= Package: @stratosui/store${RESET}"
+  echo
+
+  ng build store
+
+  rm -rf ${STRATOS}/npm_pkg/store
+  cp -r ${STRATOS}/dist/store ${STRATOS}/npm_pkg
+
+  # Patch version number
+  jq '.version = "'${VERSION}'"' ${STRATOS}/npm_pkg/store/package.json > ${STRATOS}/npm_pkg/store/package.json.up
+  # Remove script
+  jq '.scripts = {}' ${STRATOS}/npm_pkg/store/package.json.up > ${STRATOS}/npm_pkg/store/package.json
+}
+
+# ===================================================================================================
+# Shared
+# ===================================================================================================
+
+function build_shared() {
+  echo
+  echo -e "${YELLOW}${BOLD}= Package: @stratosui/shared${RESET}"
+  echo
+
+  ng build shared
+
+  rm -rf ${STRATOS}/npm_pkg/shared
+  cp -r ${STRATOS}/dist/shared ${STRATOS}/npm_pkg
+
+  # Patch version number
+  jq '.version = "'${VERSION}'"' ${STRATOS}/npm_pkg/shared/package.json > ${STRATOS}/npm_pkg/shared/package.json.up
+  # Remove script
+  jq '.scripts = {}' ${STRATOS}/npm_pkg/shared/package.json.up > ${STRATOS}/npm_pkg/shared/package.json
+  rm ${STRATOS}/npm_pkg/shared/package.json.up
+
+  # Need to copy other files - sass files for shared
+  cp -r ${STRATOS}/src/frontend/packages/shared/sass ${STRATOS}/npm_pkg/shared/sass
+}
+
+# ===================================================================================================
+# Theme
+# ===================================================================================================
+
+function build_theme() {
+  echo
+  echo -e "${YELLOW}${BOLD}= Package: @stratosui/theme${RESET}"
+  echo
+
+  pushd ${STRATOS} > /dev/null
+  ng build theme
+  popd > /dev/null
+
+  rm -rf ${STRATOS}/npm_pkg/theme
+  cp -r ${STRATOS}/dist/theme ${STRATOS}/npm_pkg
+
+  # Patch version number
+  jq '.version = "'${VERSION}'"' ${STRATOS}/npm_pkg/theme/package.json > ${STRATOS}/npm_pkg/theme/package.json.up
+  mv ${STRATOS}/npm_pkg/theme/package.json.up ${STRATOS}/npm_pkg/theme/package.json
+}
+
+# ===================================================================================================
+# Devkit
+# ===================================================================================================
+
+function build_devkit() {
+  echo
+  echo -e "${YELLOW}${BOLD}= Package: @stratosui/devkit${RESET}"
+  echo
+
+  npm run build-devkit
+
+  rm -rf ${STRATOS}/npm_pkg/devkit
+  cp -r ${STRATOS}/dist-devkit ${STRATOS}/npm_pkg/devkit
+
+  # Patch version number
+  jq '.version = "'${VERSION}'"' ${STRATOS}/npm_pkg/devkit/package.json > ${STRATOS}/npm_pkg/devkit/package.json.up
+  jq '.scripts = {}' ${STRATOS}/npm_pkg/devkit/package.json.up > ${STRATOS}/npm_pkg/devkit/package.json
+  rm ${STRATOS}/npm_pkg/devkit/package.json.up
+}
+
+# ===================================================================================================
+# Core
+# ===================================================================================================
+
+function build_core {
+  echo
+  echo -e "${YELLOW}${BOLD}= Package: @stratosui/core${RESET}"
+  echo
+
+  rm -rf ${STRATOS}/npm_pkg/core
+  mkdir -p ${STRATOS}/npm_pkg/core
+  cp -r ${STRATOS}/src/frontend/packages/core/ ${STRATOS}/npm_pkg
+
+  # Some files/folder we don't need
+  rm -rf ${STRATOS}/npm_pkg/core/test-framework
+  rm -rf ${STRATOS}/npm_pkg/core/tsconfig.spec.json
+  rm -rf ${STRATOS}/npm_pkg/core/tsconfig.lib.json
+
+  # Patch version
+  jq '.version = "'${VERSION}'"' ${STRATOS}/npm_pkg/core/package.json > ${STRATOS}/npm_pkg/core/package.json.up
+  mv ${STRATOS}/npm_pkg/core/package.json.up ${STRATOS}/npm_pkg/core/package.json
+
+  # Delete node_modules
+  rm -rf ${STRATOS}/npm_pkg/core/node_modules
+
+  # Delete test files
+  rm -f ${STRATOS}/npm_pkg/core/src/test.ts
+  find ${STRATOS}/npm_pkg/core/src -type f -name "*.spec.ts" -delete
+
+  # Dev files
+  mkdir ${STRATOS}/npm_pkg/core/dev
+  cp ${STRATOS}/dev-ssl/server.* ${STRATOS}/npm_pkg/core/dev/
+  cp ${STRATOS}/proxy.conf.js ${STRATOS}/npm_pkg/core/dev/
+}
+
+echo -e "${CYAN}${BOLD}Packages: $PKGS${RESET}"
+VERSION=$(cat "${STRATOS}/package.json" | jq -r .version)
+echo -e "${CYAN}Current version: ${BOLD}${VERSION}${RESET}"
+
+if [ ${BUILD} == "true" ]; then
+  echo
+  echo -e "${CYAN}${BOLD}Building packages to ${STRATOS}/npm_pkg${RESET}"
+  mkdir -p ${STRATOS}/npm_pkg
+  for pkg in $PKGS
+  do
+    BUILD_TARGET="build_$pkg"
+    $BUILD_TARGET
+  done
+fi
+
+if [ "${UNPUBLISH}" == "true" ]; then
+  for PKG in "$PKGS"
+  do
+    echo
+    echo -e "${YELLOW}${BOLD}= Unpublishing package: @stratosui/${PKG}${RESET}"
+    echo    
+    npm unpublish "@stratosui/${PKG}@${VERSION}"
+  done
+fi
+
+if [ ${PUBLISH} == "true" ]; then
+  echo
+  echo -e "${CYAN}${BOLD}Publishing packages to npm${RESET}"
+  echo
+
+  for PKG in $PKGS
+  do  # Delete test files
+  rm -f ${STRATOS}/npm_pkg/core/src/test.ts
+  find ${STRATOS}/npm_pkg/core/src -type f -name "*.spec.ts" -delete
+    echo
+    echo -e "${YELLOW}${BOLD}= Publishing package: @stratosui/${PKG}${RESET}"
+    echo    
+    pushd ${STRATOS}/npm_pkg/$PKG > /dev/null
+    npm publish --access public
+    popd > /dev/null
+  done
+fi
+
+# Run npm link
+if [ ${LINK} == "true" ]; then
+  echo
+  echo -e "${CYAN}${BOLD}Linking packages${RESET}"
+  echo
+
+  for PKG in $PKGS
+  do
+    echo -e "${YELLOW}${BOLD}= Linking package: @stratosui/${PKG}${RESET}"
+    pushd ${STRATOS}/npm_pkg/$PKG > /dev/null
+    npm link
+    popd > /dev/null
+  done
+fi
+
+# Run npm link for each of the packages to install them in the node_modules folder
+if [ ${INSTALL_LINKS} == "true" ]; then
+  echo
+  echo -e "${CYAN}${BOLD}NPM Linking packages${RESET}"
+  echo
+
+  for PKG in $PKGS
+  do
+    echo -e "${YELLOW}${BOLD}= NPM Linking package: @stratosui/${PKG}${RESET}"
+    npm link @stratosui/${PKG}
+  done
+fi
+
+