ngx-ratio-image 0.1.0 → 0.1.2

package/package.json

@@ -1,97 +1,48 @@
 {
-	"name": "ngx-ratio-image",
-	"version": "0.1.0",
-	"author": {
-		"name": "Gerd Siebert"
-	},
-	"engines": {
-		"node": "^18.13.0 || ^20.9.0"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/gerd-siebert/ngx-ratio-image.git"
-	},
-	"keywords": [
-		"Image",
-		"Scaling",
-		"Ratio",
-		"Angular 17",
-		"Angular 18",
-		"Angular 19",
-		"Angular 20"
-	],
-	"license": "MIT",
-	"main": "dist/ngx-ratio-image/esm2022/ratio-image.mjs",
-	"scripts": {
-		"ng": "ng",
-		"prettier": "prettier --write \"**/*.{js,json,css,scss,less,md,ts,html,component.html}\"",
-		"start": "ng serve",
-		"prebuild": "rimraf .angular dist && cp ./README.md ./LICENSE projects/ngx-ratio-image",
-		"build": "echo 'Prepare-Builds' && npm run build:lib && npm run build:app",
-		"build:lib": "ng build --project ratioImage --configuration production ",
-		"build:app": "ng build --project ratioImageApp --configuration production ",
-		"watch": "ng build --watch --configuration development",
-		"test": "ng test",
-		"test:ci": "ng test --code-coverage --no-watch --browsers=ChromeHeadless --source-map=false",
-		"lint": "ng lint",
-		"packagr": "ng-packagr -p ng-package.json",
-		"publish": "rm -rf node_modules && npm install && npm run build && cd dist/ngx-ratio-image && npm publish && cd ../../",
-		"postversion": "node ./copyVersion.js && npm pkg fix",
-		"prepare": "husky"
-	},
-	"private": false,
-	"dependencies": {
-		"@angular/animations": "^17.3.12",
-		"@angular/cdk": "^17.3.10",
-		"@angular/common": "^17.3.12",
-		"@angular/compiler": "^17.3.12",
-		"@angular/core": "^17.3.12",
-		"@angular/forms": "^17.3.12",
-		"@angular/material": "^17.3.10",
-		"@angular/platform-browser": "^17.3.12",
-		"@angular/platform-browser-dynamic": "^17.3.12",
-		"@angular/router": "^17.3.12",
-		"rxjs": "~7.8.0",
-		"tslib": "^2.3.0",
-		"zone.js": "~0.14.10"
-	},
-	"devDependencies": {
-		"@angular-devkit/build-angular": "^17.3.17",
-		"@angular-eslint/builder": "17.5.3",
-		"@angular-eslint/eslint-plugin": "17.5.3",
-		"@angular-eslint/eslint-plugin-template": "17.5.3",
-		"@angular-eslint/schematics": "17.5.3",
-		"@angular-eslint/template-parser": "17.5.3",
-		"@angular/cli": "~17.3.17",
-		"@angular/compiler-cli": "^17.3.12",
-		"@schuchard/prettier": "5.1.0",
-		"@types/jasmine": "~4.3.0",
-		"@types/node": "20.19.41",
-		"@typescript-eslint/eslint-plugin": "^7.2.0",
-		"@typescript-eslint/parser": "^7.2.0",
-		"eslint": "^8.57.0",
-		"husky": "9.1.7",
-		"jasmine-core": "~4.6.0",
-		"karma": "~6.4.0",
-		"karma-chrome-launcher": "~3.2.0",
-		"karma-coverage": "~2.2.0",
-		"karma-jasmine": "~5.1.0",
-		"karma-jasmine-html-reporter": "~2.1.0",
-		"lint-staged": "latest",
-		"ng-packagr": "^17.3.0",
-		"prettier": "^2.8.8",
-		"rimraf": "^5.0.1",
-		"tslint-config-prettier": "latest",
-		"typescript": "~5.4.5"
-	},
-	"husky": {
-		"hooks": {
-			"pre-commit": "lint-staged"
-		}
-	},
-	"lint-staged": {
-		"*.{js,json,css,scss,less,md,ts,html,component.html}": [
-			"prettier --write"
-		]
-	}
-}
+  "name": "ngx-ratio-image",
+  "version": "0.1.2",
+  "author": {
+    "name": "Gerd Siebert"
+  },
+  "keywords": [
+    "Image",
+    "Scaling",
+    "Ratio",
+    "Angular 17",
+    "Angular 18",
+    "Angular 19",
+    "Angular 20",
+    "Angular 21"
+  ],
+  "description": "An Angular lib to show an image with variable ratio in container with a fixed ratio.",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gerd-siebert/ngx-ratio-image.git"
+  },
+  "bugs": {
+    "url": "https://github.com/gerd-siebert/ngx-ratio-image/issues"
+  },
+  "homepage": "https://github.com/gerd-siebert/ngx-ratio-image#readme",
+  "module": "fesm2022/ngx-ratio-image.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ngx-ratio-image.mjs",
+      "esm": "./esm2022/ngx-ratio-image.mjs",
+      "default": "./fesm2022/ngx-ratio-image.mjs"
+    }
+  }
+}

package/.editorconfig

@@ -1,16 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = tab
-indent_size = 4
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.eslintrc.json

@@ -1,38 +0,0 @@
-{
-	"root": true,
-	"ignorePatterns": ["projects/**/*"],
-	"overrides": [
-		{
-			"files": ["*.ts"],
-			"extends": [
-				"eslint:recommended",
-				"plugin:@typescript-eslint/recommended",
-				"plugin:@angular-eslint/recommended",
-				"plugin:@angular-eslint/template/process-inline-templates"
-			],
-			"rules": {
-				"@angular-eslint/directive-selector": [
-					"error",
-					{
-						"type": "attribute",
-						"prefix": "",
-						"style": "camelCase"
-					}
-				],
-				"@angular-eslint/component-selector": [
-					"error",
-					{
-						"type": "element",
-						"prefix": "",
-						"style": "kebab-case"
-					}
-				]
-			}
-		},
-		{
-			"files": ["*.html"],
-			"extends": ["plugin:@angular-eslint/template/recommended", "plugin:@angular-eslint/template/accessibility"],
-			"rules": {}
-		}
-	]
-}

package/.github/workflows/node.js.yml

@@ -1,45 +0,0 @@
-# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
-# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
-
-name: Node.js CI
-
-on:
-    workflow_dispatch:
-    push:
-        branches: ['main']
-    pull_request:
-        branches: ['main']
-
-env:
-    CI: true
-    DISPLAY: ':10.0'
-    CHROME_BIN: '/usr/bin/chromium'
-
-jobs:
-    build:
-        runs-on: ubuntu-22.04
-        timeout-minutes: 5
-        strategy:
-            matrix:
-                node-version: [ 18.x, 20.x ]
-
-        steps:
-            - uses: actions/checkout@v3
-            - name: Use Node.js ${{ matrix.node-version }}
-              uses: actions/setup-node@v3
-              with:
-                  node-version: ${{ matrix.node-version }}
-                  cache: 'npm'
-            - name: Setup Chrome
-              uses: browser-actions/setup-chrome@v1.7.3
-            - run: npm ci
-            - run: npm run build --if-present
-            - run: npm run test:ci
-
-            # NEU: Lädt das fertige Paket hoch, sobald die Tests bestanden sind (nur für Node 20)
-            - name: Save the Lib dist folder for inspection
-              if: matrix.node-version == '20.x'
-              uses: actions/upload-artifact@v4
-              with:
-                  name: ngx-ratio-image
-                  path: dist/ngx-ratio-image

package/.github/workflows/npm-publish.yml

@@ -1,64 +0,0 @@
-name: Node.js Package
-
-on:
-    release:
-        types: [ created ]
-
-env:
-    CI: true
-    DISPLAY: ':10.0'
-    CHROME_BIN: '/usr/bin/chromium'
-
-jobs:
-    build:
-        runs-on: ubuntu-22.04
-        timeout-minutes: 10
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-
-            - name: Setup Node.js
-              uses: actions/setup-node@v4
-              with:
-                  node-version: 20
-                  cache: 'npm'
-
-            - run: npm ci
-            - run: npm run build
-
-            # Das gebaute Paket temporär zwischenspeichern
-            - name: Save the Lib dist folder
-              uses: actions/upload-artifact@v4
-              with:
-                  name: ngx-ratio-image
-                  path: dist/ngx-ratio-image
-
-            - name: Setup Chrome
-              uses: browser-actions/setup-chrome@v1
-            - run: npm run test:ci
-
-    publish-npm:
-        needs: build
-        runs-on: ubuntu-22.04
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-
-            - name: Setup Node.js
-              uses: actions/setup-node@v4
-              with:
-                  node-version: 20
-                  registry-url: https://registry.npmjs.org/
-
-            # Holt das fertige Build-Ergebnis aus dem "build"-Job ab
-            - name: Download Built Package
-              uses: actions/download-artifact@v4
-              with:
-                  name: ngx-ratio-image
-                  path: ./dist-package
-
-            # Veröffentlicht das Paket mit korrekt geschriebenem Secret
-            -   name: Publish to NPM
-                run: npm publish ./dist-package
-                env:
-                 NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/pre-commit

@@ -1 +0,0 @@
-echo pre-commit

package/.npmrc.bak

@@ -1,2 +0,0 @@
-//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}
-registry=https://registry.npmjs.org/

package/.nvmrc

@@ -1 +0,0 @@
-20

package/.prettierignore

@@ -1,2 +0,0 @@
-.angular
-dist

package/.run/lint.run.xml

@@ -1,12 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="lint" type="js.build_tools.npm" singleton="false" nameIsGenerated="true">
-    <package-json value="$PROJECT_DIR$/package.json" />
-    <command value="run" />
-    <scripts>
-      <script value="lint" />
-    </scripts>
-    <node-interpreter value="project" />
-    <envs />
-    <method v="2" />
-  </configuration>
-</component>

package/.run/test.run.xml

@@ -1,12 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="test" type="js.build_tools.npm" singleton="false" nameIsGenerated="true">
-    <package-json value="$PROJECT_DIR$/package.json" />
-    <command value="run" />
-    <scripts>
-      <script value="test" />
-    </scripts>
-    <node-interpreter value="project" />
-    <envs />
-    <method v="2" />
-  </configuration>
-</component>

package/.vscode/extensions.json

@@ -1,4 +0,0 @@
-{
-	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-	"recommendations": ["angular.ng-template"]
-}

package/.vscode/launch.json

@@ -1,20 +0,0 @@
-{
-	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-	"version": "0.2.0",
-	"configurations": [
-		{
-			"name": "ng serve",
-			"type": "chrome",
-			"request": "launch",
-			"preLaunchTask": "npm: start",
-			"url": "http://localhost:4200/"
-		},
-		{
-			"name": "ng test",
-			"type": "chrome",
-			"request": "launch",
-			"preLaunchTask": "npm: test",
-			"url": "http://localhost:9876/debug.html"
-		}
-	]
-}

package/.vscode/tasks.json

@@ -1,42 +0,0 @@
-{
-	// For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
-	"version": "2.0.0",
-	"tasks": [
-		{
-			"type": "npm",
-			"script": "start",
-			"isBackground": true,
-			"problemMatcher": {
-				"owner": "typescript",
-				"pattern": "$tsc",
-				"background": {
-					"activeOnStart": true,
-					"beginsPattern": {
-						"regexp": "(.*?)"
-					},
-					"endsPattern": {
-						"regexp": "bundle generation complete"
-					}
-				}
-			}
-		},
-		{
-			"type": "npm",
-			"script": "test",
-			"isBackground": true,
-			"problemMatcher": {
-				"owner": "typescript",
-				"pattern": "$tsc",
-				"background": {
-					"activeOnStart": true,
-					"beginsPattern": {
-						"regexp": "(.*?)"
-					},
-					"endsPattern": {
-						"regexp": "bundle generation complete"
-					}
-				}
-			}
-		}
-	]
-}

package/angular.json

@@ -1,167 +0,0 @@
-{
-	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-	"version": 1,
-	"cli": {
-		"packageManager": "npm",
-		"schematicCollections": [
-			"@angular-eslint/schematics"
-		],
-		"analytics": false
-	},
-	"newProjectRoot": "projects",
-	"projects": {
-		"ratioImageApp": {
-			"projectType": "application",
-			"schematics": {
-				"@schematics/angular:component": {
-					"style": "scss"
-				}
-			},
-			"root": "projects/ratio-image-app",
-			"sourceRoot": "projects/ratio-image-app/src",
-			"prefix": "app",
-			"architect": {
-				"build": {
-					"builder": "@angular-devkit/build-angular:browser",
-					"options": {
-						"outputPath": "dist/ratio-image-app",
-						"index": "projects/ratio-image-app/src/index.html",
-						"main": "projects/ratio-image-app/src/main.ts",
-						"polyfills": [
-							"zone.js"
-						],
-						"tsConfig": "projects/ratio-image-app/tsconfig.app.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"projects/ratio-image-app/src/favicon.ico",
-							"projects/ratio-image-app/src/assets"
-						],
-						"styles": [
-							"@angular/material/prebuilt-themes/pink-bluegrey.css",
-							"projects/ratio-image-app/src/styles.scss"
-						],
-						"scripts": []
-					},
-					"configurations": {
-						"production": {
-							"budgets": [
-								{
-									"type": "initial",
-									"maximumWarning": "500kb",
-									"maximumError": "1mb"
-								},
-								{
-									"type": "anyComponentStyle",
-									"maximumWarning": "2kb",
-									"maximumError": "4kb"
-								}
-							],
-							"outputHashing": "all"
-						},
-						"development": {
-							"buildOptimizer": false,
-							"optimization": false,
-							"vendorChunk": true,
-							"extractLicenses": false,
-							"sourceMap": true,
-							"namedChunks": true
-						}
-					},
-					"defaultConfiguration": "production"
-				},
-				"serve": {
-					"builder": "@angular-devkit/build-angular:dev-server",
-					"configurations": {
-            "production": {
-              "buildTarget": "ratioImageApp:build:production"
-						},
-            "development": {
-              "buildTarget": "ratioImageApp:build:development"
-						}
-					},
-					"options": {
-						"port": 4202
-					},
-					"defaultConfiguration": "development"
-				},
-				"extract-i18n": {
-					"builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "ratioImageApp:build"
-					}
-				},
-				"test": {
-					"builder": "@angular-devkit/build-angular:karma",
-					"options": {
-						"polyfills": [
-							"zone.js",
-							"zone.js/testing"
-						],
-						"tsConfig": "projects/ratio-image-app/tsconfig.spec.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"projects/ratio-image-app/src/favicon.ico",
-							"projects/ratio-image-app/src/assets"
-						],
-						"styles": [
-							"@angular/material/prebuilt-themes/pink-bluegrey.css",
-							"projects/ratio-image-app/src/styles.scss"
-						],
-						"scripts": []
-					}
-				},
-				"lint": {
-					"builder": "@angular-eslint/builder:lint",
-					"options": {
-						"lintFilePatterns": [
-							"projects/ratio-image-app/**/*.ts",
-							"projects/ratio-image-app/**/*.html"
-						]
-					}
-				}
-			}
-		},
-		"ratioImage": {
-			"projectType": "library",
-			"root": "projects/ngx-ratio-image",
-			"sourceRoot": "projects/ngx-ratio-image/src",
-			"prefix": "lib",
-			"architect": {
-				"build": {
-					"builder": "@angular-devkit/build-angular:ng-packagr",
-					"options": {
-						"project": "projects/ngx-ratio-image/ng-package.json"
-					},
-					"configurations": {
-						"production": {
-							"tsConfig": "projects/ngx-ratio-image/tsconfig.lib.prod.json"
-						},
-						"development": {
-							"tsConfig": "projects/ngx-ratio-image/tsconfig.lib.json"
-						}
-					},
-					"defaultConfiguration": "production"
-				},
-				"test": {
-					"builder": "@angular-devkit/build-angular:karma",
-					"options": {
-						"tsConfig": "projects/ngx-ratio-image/tsconfig.spec.json",
-						"polyfills": [
-							"zone.js",
-							"zone.js/testing"
-						]
-					}
-				},
-				"lint": {
-					"builder": "@angular-eslint/builder:lint",
-					"options": {
-						"lintFilePatterns": [
-							"projects/ngx-ratio-image/**/*.ts",
-							"projects/ngx-ratio-image/**/*.html"
-						]
-					}
-				}
-			}
-		}
-	}
-}

package/copyVersion.js

@@ -1,40 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-// Pfade zu den package.json-Dateien
-const mainPackagePath = path.join(__dirname, 'package.json');
-const libPackagePath = path.join(__dirname, 'projects', 'ngx-ratio-image', 'package.json');
-
-// Funktion zum Lesen und Parsen der package.json-Dateien
-function readPackageJson(filePath) {
-	return JSON.parse(fs.readFileSync(filePath, 'utf8'));
-}
-
-// Funktion zum Schreiben der aktualisierten package.json-Dateien
-function writePackageJson(filePath, data) {
-	fs.writeFileSync(filePath, JSON.stringify(data, null, 2), 'utf8');
-}
-
-// Funktion zur Erhöhung der Version
-function incrementVersion(version) {
-	const versionParts = version.split('.').map(Number);
-	versionParts[2] += 1; // Patch-Version erhöhen
-	return versionParts.join('.');
-}
-
-// Hauptlogik
-function copyVersions() {
-	// Haupt-package.json lesen und Version hochsetzen
-	const mainPackageJson = readPackageJson(mainPackagePath);
-	const newVersion = mainPackageJson.version;
-
-	// lib/package.json lesen und Version synchronisieren
-	const libPackageJson = readPackageJson(libPackagePath);
-	libPackageJson.version = newVersion;
-	writePackageJson(libPackagePath, libPackageJson);
-
-	console.log(`Version updated to ${newVersion} in both package.json files.`);
-}
-
-// Skript ausführen
-copyVersions();

package/dist/ngx-ratio-image/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 gerd-siebert
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.