feat: initial setup for versioning

Author: flauc

.github/workflows/ci.yml

@@ -0,0 +1,16 @@
+name: CI
+on: push
+jobs:
+  test:
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '17'
+      - run: npm ci
+      - run: npm build
+      - name: Release
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npm run semantic-release

.npmignore

@@ -0,0 +1,7 @@
+node_modules
+.vscode
+.github
+.editorconfig
+web-dev-server.config.mjs
+demo
+src

demo/index.html

@@ -18,6 +18,7 @@
     import '../dist/src/ce-product.js';
     import '../dist/src/ce-cart.js';
     import '../dist/src/ce-cart-toggle.js';
+    import '../dist/src/ce-add-to-cart.js';
 
     const title = 'Hello owc World!';
     render(

package-lock.json

@@ -3,7 +3,7 @@
   "description": "An SDK containing web components for integrating with plodovi",
   "license": "MIT",
   "author": "Plodovi",
-  "version": "0.0.0",
+  "version": "0.0.0-development",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -17,7 +17,8 @@
     "build": "tsc && npm run analyze -- --exclude dist",
     "prepublish": "tsc && npm run analyze -- --exclude dist",
     "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore"
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "semantic-release": "semantic-release"
   },
   "dependencies": {
     "lit": "2.0.2"
@@ -35,7 +36,8 @@
     "lint-staged": "10.5.4",
     "prettier": "2.4.1",
     "tslib": "2.3.1",
-    "typescript": "4.5.2"
+    "typescript": "4.5.2",
+    "semantic-release": "^20.1.3"
   },
   "customElements": "custom-elements.json",
   "eslintConfig": {
@@ -67,5 +69,12 @@
     "arrowParens": "avoid",
     "tabWidth": 2,
     "useTabs": false
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/plodovi/sdk.git"
+  },
+  "release": {
+    "branches": ["main"]
   }
-}
+}

package.json

@@ -0,0 +1,25 @@
+import { html, css, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+
+export class AddToCart extends LitElement {
+  static styles = css`
+    :host {
+      display: block;
+      padding: 25px;
+      color: var(--plodovi-products-text-color, #000);
+    }
+  `;
+
+  @property({ type: Number }) counter = 5;
+
+  __increment() {
+    this.counter += 1;
+  }
+
+  render() {
+    return html`
+      <h2>${this.title} Nr. ${this.counter}!</h2>
+      <button @click=${this.__increment}>increment</button>
+    `;
+  }
+}

src/AddToCart.ts

@@ -0,0 +1,3 @@
+import { AddToCart } from './AddToCart.js';
+
+window.customElements.define('plodovi-add-to-cart', AddToCart);

src/ce-add-to-cart.ts

@@ -2,4 +2,5 @@ export { Products } from './Products.js';
 export { Product } from './Product.js';
 export { Cart } from './Cart.js';
 export { CartToggle } from './CartToggle.js';
+export { AddToCart } from './AddToCart.js';
 export { init } from './init.js';