Merge pull request #2 from node-projects/feature/slidershow

Create first Version of slidershow #1 --> created project and first v…

Author: jogibear9988

.github/workflows/main.yml

@@ -0,0 +1,15 @@
+name: Build
+on: push
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '21.x'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install dependencies and build 🔧
+        run: npm ci && npm run build

.github/workflows/publish.yml

@@ -0,0 +1,21 @@
+name: Publish to NPM
+on:
+  release:
+    types: [created]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '21.x'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install dependencies and build 🔧
+        run: npm ci && npm run build
+      - name: Publish package on NPM 📦
+        run: npm publish --access=public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

.npmignore

@@ -0,0 +1,5 @@
+src/
+sample/
+node_modules/
+tsconfig.json
+.github/

.release-it.json

@@ -0,0 +1,11 @@
+{
+    "git": {
+        "commitMessage": "chore: release v${version}"
+    },
+    "github": {
+        "release": true
+    },
+    "npm": {
+        "publish": false
+    }
+}

README.md

@@ -1,2 +1,13 @@
 # automatic-slidershow-webcomponent
 
+# description
+a simple slider show as webcomponent..
+
+# development
+## upload new version
+simple run
+  
+    npm run release
+
+then you need to go to github and create a release from the uploaded tag.
+this will then create a npm package via github action.

custom-elements.json

@@ -0,0 +1,48 @@
+{
+    "schemaVersion": "1.0.0",
+    "readme": "README.md",
+    "modules": [
+        {
+            "kind": "javascript-module",
+            "path": "dist/slider/AutomaticSliderShowWebcomponent.js",
+            "declarations": [
+                {
+                    "kind": "class",
+                    "description": "A web component for an automatic slider show",
+                    "name": "AutomaticSliderShowWebcomponent",
+                    "members": [
+                        {
+                            "kind": "property",
+                            "name": "_slideIndex",
+                            "type": {
+                                "text": "number"
+                            }
+                        },
+                        {
+                            "kind": "property",
+                            "name": "_interval",
+                            "type": {
+                                "text": "number"
+                            }
+                        }
+                    ],
+                    "superclass": {
+                        "name": "BaseCustomWebComponentConstructorAppend"
+                    },
+                    "tagName": "node-projects-slidershow",
+                    "customElement": true
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "custom-element-definition",
+                    "name": "node-projects-slidershow",
+                    "declaration": {
+                        "name": "AutomaticSliderShowWebcomponent",
+                        "module": "dist/slider/AutomaticSliderShowWebcomponent.js"
+                    }
+                }
+            ]
+        }
+    ]
+}