Chore update project for new package validator (#91)

* chore: updates for new validator package and landing-page app

* docs: update packages examples

* chore: bump patch, update docs

README.md

@@ -15,11 +15,11 @@
   <br />
 <p>
 
-| Packages | Version | Docs | Description |
+| Packages | Version | Description |
-| --- | --- | --- | --- |
+| --- | --- | --- |
-| [@astro-reactive/form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/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/form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/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](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/validator/README.md)| ![npm](https://img.shields.io/npm/v/@astro-reactive/validator) | 🛠 | set up validators for your form easily |
+| [@astro-reactive/validator](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/validator/README.md)| [![npm](https://img.shields.io/npm/v/@astro-reactive/validator)](https://www.npmjs.com/package/@astro-reactive/validator) | set up validators for your form easily |
-| astro-reactive-datagrid | 🛠 | 🛠 | generate a dynamic datagrid or table of values |
+| astro-reactive-datagrid | 🛠 | generate a dynamic datagrid or table of values |
 
 # HACKTOBERFEST 2022
 

apps/docs/src/pages/en/introduction.md

@@ -13,11 +13,11 @@ layout: ../../layouts/MainLayout.astro
 
 Let your data build your UI. Blazing-fast, reactive user interfaces with native [Astro](https://astro.build) components and architecture.
 
-| Packages | Version | Docs | Description |
+| Packages | Version | Description |
-| --- | --- | --- | --- |
+| --- | --- | --- |
-| [@astro-reactive/form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/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/form](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/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](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/validator/README.md)| ![npm](https://img.shields.io/npm/v/@astro-reactive/validator) | 🛠 | set up validators for your form easily |
+| [@astro-reactive/validator](https://github.com/ayoayco/astro-reactive-library/blob/main/packages/validator/README.md)| [![npm](https://img.shields.io/npm/v/@astro-reactive/validator)](https://www.npmjs.com/package/@astro-reactive/validator) | set up validators for your form easily |
-| astro-reactive-datagrid | 🛠 | 🛠 | generate a dynamic datagrid or table of values |
+| astro-reactive-datagrid | 🛠 | generate a dynamic datagrid or table of values |
 
 # Running locally
 

apps/landing-page/package.json

@@ -25,5 +25,17 @@
   "dependencies": {
     "micromodal": "^0.4.10",
     "tailwindcss": "^3.1.8"
-  }
+  },
+  "description": "[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ayoayco/astro-reactive-library.git"
+  },
+  "author": "Ayo Ayco",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ayoayco/astro-reactive-library/issues"
+  },
+  "homepage": "https://github.com/ayoayco/astro-reactive-library#readme"
 }

landing-page/.vscode/extensions.json

@@ -1,4 +0,0 @@
-{
-  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss"],
-  "unwantedRecommendations": []
-}

landing-page/.vscode/launch.json

@@ -1,11 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "command": "./node_modules/.bin/astro dev",
-      "name": "Development server",
-      "request": "launch",
-      "type": "node-terminal"
-    }
-  ]
-}

package.json

@@ -17,6 +17,7 @@
     "start": "npm run dev -w apps/demo",
     "dev": "npm run dev -w apps/demo",
     "docs": "npm run dev -w apps/docs",
+    "landing-page": "npm run dev -w apps/landing-page",
     "test": "npm run test --workspaces --if-present",
     "lint": "npm run lint --workspaces --if-present",
     "lint:fix": "npm run lint:fix --workspaces --if-present",
@@ -32,6 +33,7 @@
     "packages/form",
     "packages/validator",
     "apps/demo",
-    "apps/docs"
+    "apps/docs",
+    "apps/landing-page"
   ]
 }

packages/form/README.md

@@ -25,8 +25,7 @@ Use in an Astro page:
 
 ```astro
 ---
-import { FormControl, FormGroup } from "@astro-reactive/form/core";
+import Form, { FormControl, FormGroup } from "@astro-reactive/form";
-import Form from "@astro-reactive/form";
 
 // create a form group
 const form = new FormGroup([
@@ -105,3 +104,6 @@ Currently this only supports very basic form creation, but the goal of the proje
 ... and so much more
 
 _All contributions are welcome. Let's make the fastest web form component powered by Astro_
+
+# Older Versions
+Older versions can be found [here](https://www.npmjs.com/package/astro-reactive-form).

packages/form/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astro-reactive/form",
   "description": "The Reactive Form component for Astro 🔥",
-  "version": "0.4.1",
+  "version": "0.4.4",
   "repository": "https://github.com/ayoayco/astro-reactive-library",
   "homepage": "https://github.com/ayoayco/astro-reactive-library#readme",
   "author": {

packages/validator/README.md

@@ -25,8 +25,7 @@ Use in an Astro page:
 
 ```astro
 ---
-import { FormControl, FormGroup } from "@astro-reactive/form/core";
+import Form, { FormControl, FormGroup } from "@astro-reactive/form";
-import Form from "@astro-reactive/form";
 import { Validators } from "@astro-reactive/validator";
 
 const form = new FormGroup([
@@ -78,7 +77,6 @@ form.get('is-awesome')?.setValue("checked");
 ```
 
 # Screenshots
-Result of example above:
 
 ![Screen Shot 2022-10-15 at 1 31 11 PM](https://user-images.githubusercontent.com/4262489/195984173-c19e8cf0-bc55-41d5-8267-e3de44c6bf64.png)
 

packages/validator/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astro-reactive/validator",
   "description": "Form validation library for Astro 🔥",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "repository": "https://github.com/ayoayco/astro-reactive-library",
   "homepage": "https://github.com/ayoayco/astro-reactive-library#readme",
   "author": {