fix: packaging (#25)

eksrha · web-flow · commit 408786c2b6b4 · 2023-02-09T17:05:04.000+01:00
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -39,7 +39,7 @@ jobs:
         working-directory: dist/ng-mat-components
         run: |
           npm version ${{ needs.create_release.outputs.version }}
-          npm set registry https://registry.npmjs.org/
+          npm set registry https://registry.npmjs.org/@fullstack-devops
           npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}
diff --git a/.gitignore b/.gitignore
@@ -48,4 +48,5 @@ testem.log
 .DS_Store
 Thumbs.db
 .yarnrc
-package-lock.json
+package-lock.json
+projects/ng-mat-components/README.md
diff --git a/.npmrc b/.npmrc
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "@angular/platform-browser-dynamic": "~13.3.11",
     "@angular/router": "~13.3.11",
     "date-fns": "^2.29.3",
+    "material-icons": "^1.13.1",
     "postcss": "^8.4.20",
     "rxjs": "~7.5.6",
     "tailwindcss": "^3.2.4",
@@ -66,4 +67,4 @@
     "sass": "^1.57.1",
     "typescript": "~4.5.2"
   }
-}
+}
diff --git a/projects/lib-workspace/src/index.html b/projects/lib-workspace/src/index.html
@@ -6,9 +6,6 @@
     <base href="." />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" />
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
   </head>
 
   <body class="mat-typography">
diff --git a/projects/lib-workspace/src/styles.scss b/projects/lib-workspace/src/styles.scss
@@ -1,20 +1,25 @@
 @use '@angular/material' as mat;
 @use '../../ng-mat-components' as fsc;
-@use './palettes';
+@use './styling/palettes';
 
-@include mat.core();
+@import 'material-icons/iconfont/material-icons.scss';
+@import './styling/roboto.scss';
 
+@include mat.core();
 @include fsc.normalize();
 @include fsc.core();
 
+
+$my-typography: mat.define-typography-config($font-family: 'Roboto-local');
+
 mat.$theme-ignore-duplication-warnings: true;
 
 // Define a dark theme
 $dark-theme: mat.define-dark-theme((color: (primary: mat.define-palette(palettes.$md-primary),
         accent: mat.define-palette(palettes.$md-accent),
       ),
       // Only include `typography` and `density` in the default dark theme.
-      typography: mat.define-typography-config(),
+      typography: $my-typography,
       density: 0,
     ));
 
@@ -37,4 +42,8 @@ $light-theme: mat.define-light-theme((color: (primary: mat.define-palette(palett
 }
 
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+html * {
+  font-family: 'Roboto-local';
+}
diff --git a/projects/lib-workspace/src/styling/_palettes.scss b/projects/lib-workspace/src/styling/_palettes.scss
diff --git a/projects/lib-workspace/src/styling/roboto.scss b/projects/lib-workspace/src/styling/roboto.scss
diff --git a/projects/ng-mat-components/README.md b/projects/ng-mat-components/README.md
@@ -4,26 +4,26 @@ Components for @angular/material
 
 ## Installation
 
-add to your local `.npmrc` the following line to be able to use this package:
-
-```javascript
-@fullstack-devops:registry=https://npm.pkg.github.com
-```
-
-And install it:
-
 - yarn
-  ```javascript
+  ```shell
   yarn add @fullstack-devops/ng-mat-components
   ```
 - npm
-  ```javascript
+  ```shell
   npm install @fullstack-devops/ng-mat-components
   ```
 
+### Installation via GitHub packages
+
+add to your local `.npmrc` the following line to be able to use this package:
+
+```shell
+@fullstack-devops:registry=https://npm.pkg.github.com
+```
+
 ## Documentation
 
-Live Demo with all current modules at https://fullstack-devops.github.io/ng-mat-components (still in dev)
+Live Demo with all current modules at https://fullstack-devops.github.io/ng-mat-components
 
 Api Documentation: https://fullstack-devops.github.io/libraries/ng-mat-components.
 
diff --git a/projects/ng-mat-components/assets/fonts/roboto.scss b/projects/ng-mat-components/assets/fonts/roboto.scss
diff --git a/projects/ng-mat-components/ng-package.json b/projects/ng-mat-components/ng-package.json
@@ -4,5 +4,9 @@
   "lib": {
     "entryFile": "src/public-api.ts"
   },
-  "assets": ["./_index.scss", "./_theming.scss"]
-}
+  "assets": [
+    "_index.scss",
+    "_theme.scss",
+    "./assets/fonts/roboto.scss"
+  ]
+}
diff --git a/projects/ng-mat-components/package.json b/projects/ng-mat-components/package.json
@@ -1,7 +1,10 @@
 {
   "name": "@fullstack-devops/ng-mat-components",
-  "version": "13.1.0-pr-21",
+  "version": "0.0.0",
   "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/@fullstack-devops"
+  },
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
@@ -18,8 +21,8 @@
   "homepage": "https://github.com/fullstack-devops/ng-mat-components",
   "description": "Central component repo for angular applications",
   "engines": {
-    "node": ">= 12.0.0",
-    "npm": ">= 7.0.0",
+    "node": ">= 16.0.0",
+    "npm": ">= 8.0.0",
     "yarn": ">= 1.13.0"
   },
   "bugs": {
@@ -33,11 +36,8 @@
     ".": {
       "sass": "./_index.scss"
     },
-    "./theming": {
-      "sass": "./_theming.scss"
-    },
-    "./_theming": {
-      "sass": "./_theming.scss"
+    "./fonts/roboto": {
+      "sass": "./assets/fonts/roboto.scss"
     }
   }
 }
