diff --git a/.github/assets/package-form-cover.png b/.github/assets/astro-reactive-form-cover.png similarity index 100% rename from .github/assets/package-form-cover.png rename to .github/assets/astro-reactive-form-cover.png diff --git a/.github/assets/library-cover.png b/.github/assets/astro-reactive-library-cover.png similarity index 100% rename from .github/assets/library-cover.png rename to .github/assets/astro-reactive-library-cover.png diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml index a479269..4a43b50 100644 --- a/.github/workflows/build-and-test.yml +++ b/.github/workflows/build-and-test.yml @@ -10,7 +10,7 @@ on: branches: ["main"] jobs: - build: + build-and-test: runs-on: ubuntu-latest strategy: diff --git a/.gitignore b/.gitignore index 20ddcf9..b06a188 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ node_modules +dist npm-debug.log* yarn-debug.log* @@ -10,5 +11,3 @@ pnpm-debug.log* *~ *swp *swo - -demo/dist \ No newline at end of file diff --git a/README.md b/README.md index 80dd2ed..3c2406e 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Let your data build your UI. Blazing-fast, reactive user interfaces with native | Packages | Version | Docs | Description | | --- | --- | --- | --- | -| [astro-reactive-form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/astro-reactive-form/README.md#astro-reactive-form-) | [![npm](https://img.shields.io/npm/v/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form) | 🛠 | generate a dynamic form which can be modified programatically | +| [astro-reactive-form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/astro-reactive-form/README.md) | [![npm](https://img.shields.io/npm/v/astro-reactive-form)](https://www.npmjs.com/package/astro-reactive-form) | 🛠 | generate a dynamic form which can be modified programatically | | astro-reactive-validator | 🛠 | 🛠 | set of utilities for validating inputs | | astro-reactive-datagrid | 🛠 | 🛠 | generate a dynamic datagrid or table of values | diff --git a/package-lock.json b/package-lock.json index 0ae2cbc..a80c263 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,6 @@ } }, "demo": { - "name": "demo-astro-reactive-library", "version": "0.0.1", "license": "ISC", "dependencies": { @@ -921,9 +920,9 @@ } }, "node_modules/@types/node": { - "version": "18.8.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.1.tgz", - "integrity": "sha512-vuYaNuEIbOYLTLUAJh50ezEbvxrD43iby+lpUA2aa148Nh5kX/AVO/9m1Ahmbux2iU5uxJTNF9g2Y+31uml7RQ==", + "version": "18.8.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.2.tgz", + "integrity": "sha512-cRMwIgdDN43GO4xMWAfJAecYn8wV4JbsOGHNfNUIDiuYkUYAR5ec4Rj7IO2SAhFPEfpPtLtUTbbny/TCT7aDwA==", "dev": true }, "node_modules/@types/parse5": { @@ -7942,7 +7941,7 @@ } }, "packages/astro-reactive-form": { - "version": "0.2.3", + "version": "0.2.4", "license": "MIT", "devDependencies": { "@types/chai": "^4.3.3", @@ -8682,9 +8681,9 @@ } }, "@types/node": { - "version": "18.8.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.1.tgz", - "integrity": "sha512-vuYaNuEIbOYLTLUAJh50ezEbvxrD43iby+lpUA2aa148Nh5kX/AVO/9m1Ahmbux2iU5uxJTNF9g2Y+31uml7RQ==", + "version": "18.8.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.8.2.tgz", + "integrity": "sha512-cRMwIgdDN43GO4xMWAfJAecYn8wV4JbsOGHNfNUIDiuYkUYAR5ec4Rj7IO2SAhFPEfpPtLtUTbbny/TCT7aDwA==", "dev": true }, "@types/parse5": { diff --git a/package.json b/package.json index f3f09a9..2aff15f 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "description": "Astro components for building reactive user interfaces 🚀", "version": "0.0.0", "repository": "https://github.com/ayoayco/astro-reactive-library", - "homepage": "https://ayco.io/showcase/astro-reactive-library", + "homepage": "https://ayco.io/showcase/astro-reactive-library#readme", "author": { "name": "Ayo Ayco", "email": "ramon.aycojr@gmail.com", @@ -16,6 +16,7 @@ "scripts": { "start": "npm run dev -w demo", "test": "npm run test --workspaces --if-present", + "test:watch": "npm run test:watch --workspaces --if-present", "dev": "npm run dev -w demo", "bump": "npm version patch -w", "bump-minor": "npm version minor -w", diff --git a/packages/astro-reactive-form/README.md b/packages/astro-reactive-form/README.md index 2a43c3a..d5c3184 100644 --- a/packages/astro-reactive-form/README.md +++ b/packages/astro-reactive-form/README.md @@ -7,7 +7,9 @@ # Astro Reactive Form 🔥 -Generate a dynamic form which can be modified programatically. The Reactive Form component for [Astro](https://astro.build) 🔥 +Generate a dynamic form based on your data, and modify programatically. + +The Reactive Form component for [Astro](https://astro.build) 🔥 _[All contributions are welcome.](https://github.com/ayoayco/astro-reactive-library/issues)_ @@ -26,7 +28,7 @@ Use in an Astro page: import { FormControl, FormGroup } from "astro-reactive-form/core"; import Form from "astro-reactive-form"; -// create a form group (rendered as
) +// create a form group const form = new FormGroup([ { name: "username", @@ -39,10 +41,10 @@ const form = new FormGroup([ }, ]); -// set the name (rendered as ) +// set the name optionally form.name = "Simple Form"; -// insert a control +// you can insert a control at any point form.controls.push( new FormControl({ type: "checkbox", @@ -52,10 +54,10 @@ form.controls.push( }) ); -// get a FormControl object +// you can get a FormControl object const userNameControl = form.get("username"); -// set values dynamically +// you can set values dynamically userNameControl?.setValue("RAMOOOON"); form.get('is-awesome')?.setValue("checked"); --- diff --git a/packages/astro-reactive-form/RELEASE.md b/packages/astro-reactive-form/RELEASE.md index 1bf6c64..1fd106c 100644 --- a/packages/astro-reactive-form/RELEASE.md +++ b/packages/astro-reactive-form/RELEASE.md @@ -1,3 +1,7 @@ +## v0.2.4 to v0.2.5 +- update package README +- update dependencies + ## v0.2.2 - initial light and dark mode scaffold - update package README diff --git a/packages/astro-reactive-form/package.json b/packages/astro-reactive-form/package.json index 72544ed..f1f1aef 100644 --- a/packages/astro-reactive-form/package.json +++ b/packages/astro-reactive-form/package.json @@ -1,7 +1,7 @@ { "name": "astro-reactive-form", "description": "The Reactive Form component for Astro 🔥", - "version": "0.2.4", + "version": "0.2.5", "repository": "https://github.com/ayoayco/astro-reactive-library", "homepage": "https://github.com/ayoayco/astro-reactive-library#readme", "author": {