update version to 0.2.0 and enhance README with badges and changelog

Author: smartlabsAT

.editorconfig

@@ -0,0 +1,30 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+trim_trailing_whitespace = true
+
+# TypeScript, JavaScript and JSON files
+[*.{ts,tsx,js,jsx,json}]
+indent_style = space
+indent_size = 2
+
+# Markdown files
+[*.md]
+trim_trailing_whitespace = false
+
+# YAML files
+[*.{yml,yaml}]
+indent_style = space
+indent_size = 2
+
+# Package files
+[{package.json,tsconfig.json}]
+indent_style = space
+indent_size = 2

CHANGELOG.md

@@ -0,0 +1,45 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.2.0] - 2025-07-12
+
+### Added
+- Added `devMode` prop to BreakpointProvider to control console logging
+- Added CHANGELOG.md file
+- Added proper TypeScript compiler options for better type safety
+- Added repository metadata to package.json
+
+### Changed
+- Updated dependencies to latest versions (ESLint, Storybook, TypeScript-ESLint, Prettier)
+- Moved @emotion/styled from dependencies to devDependencies (only used in Storybook)
+- Optimized build configuration (external source maps instead of inline)
+- Improved TypeScript configuration with stricter compiler options
+- Made automatic `pnpm link:self` after build optional
+
+### Fixed
+- Fixed import examples in README.md (was using 'my-breakpoint-package')
+- Fixed missing package.json metadata (description, author, license, keywords)
+- Removed duplicate @emotion/styled dependency
+- Fixed security vulnerability in @babel/runtime
+
+## [0.1.2] - 2025-02-10
+
+### Added
+- Initial release of react-resize-detector-context
+- BreakpointProvider component for responsive breakpoint detection
+- BreakpointConditional component for conditional rendering
+- useBreakpoint hook for accessing breakpoint context
+- Utility methods: isAtLeast, isBelow, valueByBreakpoint
+- Full TypeScript support
+- Storybook stories with examples
+- Comprehensive documentation
+
+[Unreleased]: https://github.com/smartlabsat/react-resize-detector-context/compare/v0.2.0...HEAD
+[0.2.0]: https://github.com/smartlabsat/react-resize-detector-context/compare/v0.1.2...v0.2.0
+[0.1.2]: https://github.com/smartlabsat/react-resize-detector-context/releases/tag/v0.1.2

README.md

@@ -1,11 +1,23 @@
 # ⚛️ React Resize Detector Context
 
+
 ![Demo GIF](/doc/assets/demo.gif)
 
+
+
 A lightweight React context that leverages [react-resize-detector](https://github.com/maslianok/react-resize-detector) to dynamically detect the
 current breakpoint based on an element's width. It provides utility functions and helper components to conditionally render content based on
 responsive breakpoints – all fully typed in TypeScript for excellent IDE support. 😎
 
+[![npm version](https://img.shields.io/npm/v/react-resize-detector-context.svg)](https://www.npmjs.com/package/react-resize-detector-context)
+[![npm downloads](https://img.shields.io/npm/dm/react-resize-detector-context.svg)](https://www.npmjs.com/package/react-resize-detector-context)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/react-resize-detector-context)](https://bundlephobia.com/package/react-resize-detector-context)
+[![codecov](https://codecov.io/gh/smartlabsat/react-resize-detector-context/branch/main/graph/badge.svg)](https://codecov.io/gh/smartlabsat/react-resize-detector-context)
+[![CI](https://github.com/smartlabsat/react-resize-detector-context/actions/workflows/ci.yml/badge.svg)](https://github.com/smartlabsat/react-resize-detector-context/actions/workflows/ci.yml)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md)
+
 ---
 
 ## Table of Contents 📚
@@ -23,6 +35,7 @@ responsive breakpoints – all fully typed in TypeScript for excellent IDE suppo
     - [useBreakpoint Hook](#usebreakpoint-hook)
 - [Available Scripts](#available-scripts)
 - [Contribution Guidelines](#contribution-guidelines)
+- [Changelog](#changelog)
 - [License](#license)
 
 ---
@@ -67,7 +80,7 @@ values.
 
 ```typescript
 import React from 'react';
-import { BreakpointProvider, useBreakpoint } from 'my-breakpoint-package';
+import { BreakpointProvider, useBreakpoint } from 'react-resize-detector-context';
 
 const breakpoints = {
   XS: 0,
@@ -114,7 +127,7 @@ Render content only when specific breakpoint conditions are met.
 
 ```typescript
 import React from 'react';
-import { BreakpointProvider, BreakpointConditional } from 'my-breakpoint-package';
+import { BreakpointProvider, BreakpointConditional } from 'react-resize-detector-context';
 
 const breakpoints = {
   XS: 0,
@@ -152,7 +165,7 @@ Define your own custom breakpoints – for example, using car sizes:
 
 ```typescript
 import React from 'react';
-import { BreakpointProvider, useBreakpoint } from 'my-breakpoint-package';
+import { BreakpointProvider, useBreakpoint } from 'react-resize-detector-context';
 
 const carBreakpoints = {
   Smart: 0,
@@ -243,7 +256,7 @@ The `useBreakpoint` hook provides access to the responsive context. It returns a
 
 ```typescript
 import React from 'react';
-import { BreakpointProvider, useBreakpoint } from 'my-breakpoint-package';
+import { BreakpointProvider, useBreakpoint } from 'react-resize-detector-context';
 
 const breakpoints = {
   XS: 0,
@@ -340,6 +353,12 @@ Let's build something awesome together! 🚀✨
 
 ---
 
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for a list of changes.
+
+---
+
 ## License
 
 This project is licensed under the MIT License.

SECURITY.md

@@ -0,0 +1,44 @@
+# Security Policy
+
+## Supported Versions
+
+We release patches for security vulnerabilities. Which versions are eligible for receiving such patches depends on the CVSS v3.0 Rating:
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 0.1.x   | :white_check_mark: |
+| < 0.1.0 | :x:                |
+
+## Reporting a Vulnerability
+
+We take the security of our software seriously. If you believe you have found a security vulnerability in react-resize-detector-context, please report it to us as described below.
+
+**Please do not report security vulnerabilities through public GitHub issues.**
+
+Instead, please report them via email to [email protected].
+
+You should receive a response within 48 hours. If for some reason you do not, please follow up via email to ensure we received your original message.
+
+Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue:
+
+- Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.)
+- Full paths of source file(s) related to the manifestation of the issue
+- The location of the affected source code (tag/branch/commit or direct URL)
+- Any special configuration required to reproduce the issue
+- Step-by-step instructions to reproduce the issue
+- Proof-of-concept or exploit code (if possible)
+- Impact of the issue, including how an attacker might exploit the issue
+
+This information will help us triage your report more quickly.
+
+## Preferred Languages
+
+We prefer all communications to be in English or German.
+
+## Policy
+
+We follow the principle of [Responsible Disclosure](https://en.wikipedia.org/wiki/Responsible_disclosure).
+
+## Comments on this Policy
+
+If you have suggestions on how this process could be improved please submit a pull request.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-resize-detector-context",
   "description": "React context that detects element width and provides responsive breakpoint utilities with conditional rendering components",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "author": "Christopher Schwarz",
   "license": "MIT",
   "keywords": [