fix: add github workflow and dependabot config

.github/dependabot.yml

@@ -0,0 +1,11 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "daily"
+      time: "05:00"
+    commit-message:
+      prefix: fix
+      prefix-development: chore
+      include: scope

.github/workflows/dependabot-automerge.yml

@@ -0,0 +1,28 @@
+# **** AUTOMERGE ****
+# Merge automatically the PR that contain a minor or patch update on the dependency you define in env.DEPENDENCY
+#  - Inspiration: https://docs.github.com/en/code-security/supply-chain-security/keeping-your-dependencies-updated-automatically/automating-dependabot-with-github-actions#enable-auto-merge-on-a-pull-request
+
+name: Dependabot auto-merge
+on: pull_request
+
+permissions:
+  pull-requests: write
+  contents: write
+
+jobs:
+  dependabot:
+    runs-on: ubuntu-latest
+    if: ${{ github.actor == 'dependabot[bot]' }}
+    steps:
+      - name: Dependabot metadata
+        id: metadata
+        uses: dependabot/[email protected]
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+      - name: Enable auto-merge for Dependabot PRs
+        if: ${{contains(steps.metadata.outputs.dependency-names, env.DEPENDENCY) && (steps.metadata.outputs.update-type == 'version-update:semver-patch' || steps.metadata.outputs.update-type == 'version-update:semver-minor')}}
+        run: gh pr merge --auto --merge "$PR_URL"
+        env:
+          DEPENDENCY: "@storyblok/react"
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.github/workflows/release.yml

@@ -0,0 +1,33 @@
+name: Release CI
+
+on:
+  push:
+    branches: [main, feature/v4]
+  pull_request:
+    branches: [main, feature/v4]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: "16.13.2"
+          cache: "npm"
+      - name: Install dependencies
+        run: npm ci
+      - name: Build lib
+        run: npm run build
+      - name: Jest run
+        run: npm run test:unit
+      - name: Cypress run
+        run: npm run test:e2e
+      - name: Release
+        working-directory: lib
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npx semantic-release

.gitignore

@@ -1,5 +1,6 @@
-node_modules
-.cache/
 .DS_Store
-yarn-error.log
-yarn.lock
+node_modules
+dist
+dist-v2
+lib/cypress/videos
+.next

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/commit-msg

@@ -0,0 +1,6 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"
+# npx --no-install commitlint --edit
+

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.npmignore

@@ -0,0 +1,4 @@
+.*
+*.md
+*.json
+example

README.md

@@ -136,7 +136,7 @@ export const query = graphql`
 
 #### 2. Listen to Storyblok Visual Editor events
 
-Use `useStoryblok` to get the new story every time is triggered a `change` event from the Visual Editor. You need to pass the `originalStory` as a first param. `bridgeOptions` (second param) is an optional param if you want to set the options for bridge by yourself:
+Use `useStoryblokState` to get the new story every time is triggered a `change` event from the Visual Editor. You need to pass the `originalStory` as a first param. `bridgeOptions` (second param) is an optional param if you want to set the options for bridge by yourself:
 
 ```js
 import { StoryblokComponent, useStoryblokState } from "gatsby-source-storyblok"
@@ -190,11 +190,9 @@ import { storyblokEditable } from "gatsby-source-storyblok";
 
 const Feature = ({ blok }) => {
   return (
-    <div {...storyblokEditable(blok)} key={blok._uid} data-test="feature">
-      <div>
-        <div>{blok.name}</div>
-        <p>{blok.description}</p>
-      </div>
+    <div {...storyblokEditable(blok)} key={blok._uid}>
+      <div>{blok.name}</div>
+      <p>{blok.description}</p>
     </div>
   );
 };