Merge pull request #43 from askides/dev

feat: fixes and improvements

Author: askides

.github/workflows/release.yml

@@ -0,0 +1,41 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+      - dev
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        run: pnpm i
+
+      - name: Run Tests
+        run: pnpm run lib:test
+
+      - name: Install dependencies
+        run: pnpm run lib:build
+
+      - name: Semantic Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: pnpm run lib:release

libs/react-plock/.releaserc

@@ -0,0 +1,15 @@
+{
+  "branches": [
+    "main",
+    {
+      "name": "dev",
+      "prerelease": true
+    }
+  ],
+  "plugins": [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    "@semantic-release/npm",
+    "@semantic-release/github"
+  ]
+}

libs/react-plock/package.json

@@ -24,7 +24,7 @@
     "lib:bump:dev": "changelogen --bump --prerelease dev",
     "lib:publish": "changelogen --publish",
     "lib:publish:dev": "npm publish react-plock --tag dev",
-    "lib:release": "changelogen --release",
+    "lib:release": "semantic-release",
     "build": "tsup index.ts --dts --minify"
   },
   "bugs": {
@@ -38,6 +38,7 @@
     "@types/react": "^18.0.28",
     "changelogen": "^0.5.5",
     "jest": "^29.4.3",
+    "semantic-release": "^22.0.12",
     "ts-jest": "^29.0.5"
   }
 }

libs/react-plock/src/Plock.tsx

@@ -1,13 +1,13 @@
-import * as React from "react";
+import React, { useEffect, useState } from "react";
 
 export function useMediaValues(
   medias: number[] | undefined,
   columns: number[],
   gap: number[]
 ) {
-  const [values, setValues] = React.useState({ columns: 0, gap: 1 });
+  const [values, setValues] = useState({ columns: 0, gap: 1 });
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (!medias) {
       setValues({ columns: columns[0], gap: gap[0] });
       return;

package.json

@@ -3,7 +3,8 @@
   "private": true,
   "scripts": {
     "lib:test": "pnpm --filter react-plock test",
-    "lib:build": "pnpm --filter react-plock build"
+    "lib:build": "pnpm --filter react-plock build",
+    "lib:release": "pnpm --filter react-plock lib:release"
   },
   "devDependencies": {
     "@types/node": "^18.14.4",