👷 : ci custom badges

👷 : ci custom badges

👷 : ci custom badges

👷 : fix ci"

👷 : fix ci"

👷 : fix ci"

👷 : fix ci"

👷 : fix ci"

Create greetings.yml

🔖 : Version

📄 : add code of conduct

📄 : doc

✅ : test subscription

💚 : Add test to ci

🔖 : 1.0.9

🐛 : fix package.json

🔖 : 1.0.10 | remove console log

💚 : build and test

💚 : test

💚 : fix yml

Author: NOPROD

.github/workflows/greetings.yml

@@ -0,0 +1,13 @@
+name: Greetings
+
+on: [pull_request, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: 'Hi ! Thanks for this issue, i will look at it quickly !'' first issue'
+        pr-message: 'Hi ! Thanks for your awesome contribution, i will look at it quickly !'' first pr'

.gitlab-ci.yml

@@ -6,6 +6,8 @@ stages:
 test:
   script:
     - npm install
+    - npm run build
+    - npm run test
     - npx nyc --reporter cobertura mocha
   artifacts:
     reports:

CODE-OF-CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[email protected].
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

README.md

@@ -6,11 +6,11 @@
 
 ### [RxJS v6](https://github.com/ReactiveX/rxjs) integration for [Vue next]()
 
-![](https://img.shields.io/github/license/NOPR9D/rx-vue-next)
-![](https://img.shields.io/gitlab/pipeline/nopr3d/vue-next-rx)
-
 </br>
 
+![](https://img.shields.io/github/license/NOPR9D/rx-vue-next)
+![](https://gitlab.com/nopr3d/vue-next-rx/badges/main/pipeline.svg)
+
 <br>
 
 > **NOTE**
@@ -19,7 +19,7 @@
 
 ---
 
-### Installation
+# Installation
 
 #### NPM + ES2015 or more
 
@@ -54,11 +54,11 @@ Example:
 
 ---
 
-## Usage
+# Usage
 
 <br />
 
-### Subscriptions
+# Subscriptions
 
 ```js
 // Expose `Subject` with domStream, use them in subscriptions functions
@@ -85,7 +85,7 @@ export default defineComponent({
 <!-- On click will show 0, 1 ,2 ,3... -->
 ```
 
-#### Or
+### Or
 
 </br>
 
@@ -101,7 +101,7 @@ export default defineComponent({
 });
 ```
 
-### Tips
+## Tips
 
 You can get the data by simply plucking it from the source stream:
 
@@ -121,7 +121,7 @@ or
 
 ---
 
-### Ref
+# Ref
 
 ```js
 import { ref } from "@nopr3d/rx-vue-next";
@@ -156,7 +156,7 @@ export default defineComponent({
 
 <br />
 
-### Watch
+# Watch
 
 ```js
 import { ref, watch } from "@nopr3d/rx-vue-next";
@@ -190,11 +190,11 @@ export default defineComponent({
 
 <br />
 
-## Other API Methods
+# Other API Methods
 
 </br>
 
-### `$watchAsObservable(expOrFn, [options])`
+## `$watchAsObservable(expOrFn, [options])`
 
 This is a prototype method added to instances. You can use it to create an observable from a Data. The emitted value is in the format of `{ newValue, oldValue }`:
 
@@ -227,7 +227,7 @@ export default defineComponent({
 
 ---
 
-#### `$subscribeTo(observable, next, error, complete)`
+## `$subscribeTo(observable, next, error, complete)`
 
 This is a prototype method added to instances. You can use it to subscribe to an observable, but let VueRx manage the dispose/unsubscribe.
 
@@ -243,7 +243,7 @@ const vm = new Vue({
 });
 ```
 
-#### `$fromDOMEvent(selector, event)`
+## `$fromDOMEvent(selector, event)`
 
 This is a prototype method added to instances. Use it to create an observable from DOM events within the instances' element. This is similar to `Rx.Observable.fromEvent`, but usable inside the `subscriptions` function even before the DOM is actually rendered.
 
@@ -268,10 +268,18 @@ const vm = new Vue({
 <div>{{inputValue}}</div>
 ```
 
-### Example
+---
+
+## Example
 
 See `/examples` for some simple examples.
 
-### License
+</br>
+
+---
+
+## License
 
 [MIT](http://opensource.org/licenses/MIT)
+
+---

get-updated-badge-info.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+echo "collecting stas for badges"
+
+commits=`git rev-list --all --count`
+latest_release_tag=$(git describe --tags `git rev-list --tags --max-count=1`)
+echo "{\"commits\":\"$commits\", \"release_tag"\:\"$latest_release_tag\"}" > badges.json

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@nopr3d/rx-vue-next",
-  "version": "1.0.7",
+  "version": "1.0.10",
   "description": "RxJs for Vue 3",
   "author": "Boucham Amine",
   "license": "MIT",
@@ -20,9 +20,7 @@
     "build": "rollup -c rollup.config.js",
     "publish": "npm publish --access public",
     "lint": "eslint src test example",
-    "test": "npm run test:unit && npm run test:types",
-    "test:unit": "jest",
-    "test:types": "tsc -p types/test",
+    "test": "jest",
     "dev:test": "jest --watch",
     "coverage": "npx nyc --reporter cobertura mocha"
   },
@@ -32,6 +30,7 @@
     "@typescript-eslint/eslint-plugin": "^4.9.1",
     "@typescript-eslint/parser": "^4.9.1",
     "@vue/eslint-config-typescript": "^7.0.0",
+    "@vue/test-utils": "^2.0.0-beta.12",
     "buble": "^0.20.0",
     "eslint": "^7.2.0",
     "eslint-plugin-vue": "^7.2.0",

package.json

@@ -0,0 +1,48 @@
+/* eslint-env jest */
+
+"use strict";
+
+const { mount, config } = require("@vue/test-utils");
+const VueNextRx = require("../dist/rx-vue-next.js");
+
+// library
+const { Observable } = require("rxjs");
+const { startWith } = require("rxjs/operators");
+
+config.global.plugins.push(VueNextRx);
+
+const defaultTemplate = "<div id='test'>Hello world</div>";
+
+function mock() {
+  let observer;
+  const observable = new Observable((_observer) => {
+    observer = _observer;
+  });
+  return {
+    ob: observable,
+    next: (val) => observer.next(val),
+  };
+}
+
+test("Subscriptions Basic", () => {
+  const { ob, next } = mock();
+  const component = {
+    template: defaultTemplate,
+    subscriptions() {
+      return { hello: ob.pipe(startWith(0)) };
+    },
+  };
+  const wrapper = mount(component);
+
+  const results = [];
+  wrapper.componentVM.$observables.hello.subscribe((val) => {
+    results.push(val);
+  });
+
+  next(1);
+  next(2);
+  next(3);
+  expect(results).toEqual([0, 1, 2, 3]);
+  // Assert the rendered text of the component
+  expect(wrapper.text()).toContain("Hello world");
+});