chore: move to @nativescript-community

Author: farfromrefug

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    extends: './tools/.eslintrc.js'
+};

.gitignore

@@ -1,35 +1,56 @@
-platforms
-node_modules
-hooks
-.vscode/
-.idea/
-*.DS_Store
-bin
-package-lock.json
+# NativeScript
+hooks/
+node_modules/
+/platforms/
 
-*.js
+# NativeScript Template
 *.js.map
+!ngcc.config.js
+!webpack.config.js
+
+# Logs
+logs
 *.log
-*.d.ts
-*.tgz
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+.idea
+.cloud
+.project
+tmp/
+package-lock.json
+
+!.eslintrc.js
+!.prettierrc.js
 
-demo/lib
-demo/app/*.js
-demo/*.d.ts
-demo/platforms
-demo/node_modules
-demo/.vscode
-demo-ng/app/*.js
-demo-ng/*.d.ts
-demo-ng/platforms
-demo-ng/node_modules
-demo-ng/.vscode
-src/angular/index.d.ts
-src/angular/index.metadata.json
+!e2e/*.js
+!detox.config.js
+devices.js
+
+*.framework
+**/*.js.map
+src/**/*.js
+packages/**/*.js
+packages/**/*.d.ts
+bin
+build
+Pods
+!packages/platforms
+/packages/**/*.aar
+*.xcuserdatad
+/packages/README.md
+packages/**/*js.map
+packages/**/*js
+packages/**/angular/*.json
+packages/*.ngsummary.json
+packages/*.metadata.json
+packages/angular
+packages/typings
+pnpm-lock.yaml
 
-!webpack.*.js
-!index.d.ts
-!src/*.d.ts
-!references.d.ts
-!src/typings/*
-!demo-ng/ngcc.config.js
+/blueprint.md

.gitmodules

@@ -0,0 +1,6 @@
+[submodule "demo-ng"]
+	path = demo-ng
+	url = [email protected]:nativescript-community/plugin-seed-demo-ng.git
+[submodule "tools"]
+	path = tools
+	url = [email protected]:nativescript-community/plugin-seed-tools.git

.npmrc

@@ -0,0 +1,3 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+loglevel=error

.prettierignore

@@ -0,0 +1,4 @@
+package-lock.json
+node_modules/
+plugin/
+docs/

.prettierrc

@@ -0,0 +1,7 @@
+module.exports = {
+    printWidth: 200,
+    semi: true,
+    tabWidth: 4,
+    trailingComma: 'none',
+    singleQuote: true
+};

.prettierrc.js

@@ -1,52 +1,122 @@
-<a align="center" href="https://www.npmjs.com/package/@nstudio/nativescript-checkbox">
-    <h3 align="center">NativeScript Checkbox</h3>
-</a>
-<h4 align="center">A NativeScript plugin to provide a checkbox widget, radio buttons are also possible.</h4>
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-checkbox</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-checkbox?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-checkbox.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-checkbox"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-checkbox.svg" height="20"/></a>
+	</p>
 
 <p align="center">
-    <a href="https://www.npmjs.com/package/@nstudio/nativescript-checkbox">
-        <img src="https://github.com/nstudio/nativescript-checkbox/workflows/Build%20CI/badge.svg" alt="Action Build">
-    </a>
-    <a href="https://www.npmjs.com/package/@nstudio/nativescript-checkbox">
-        <img src="https://img.shields.io/npm/dt/nativescript-checkbox.svg?label=npm%20downloads" alt="npm">
-    </a>
-    <a href="https://github.com/@nstudio/nativescript-checkbox/stargazers">
-        <img src="https://img.shields.io/github/stars/@nstudio/nativescript-checkbox.svg" alt="stars">
-    </a>
-    <br />
+  <b>NativeScript plugin for checkbox.</b></br>
+  <sub><sub>
 </p>
 
----
+<br />
 
-### Installation
 
-From your command prompt/terminal go to your app's root folder and execute:
+| <img src="https://github.com/nativescript-community/ui-checkbox/raw/master/images/demo-ios.gif" height="500" /> | <img src="https://github.com/nativescript-community/ui-checkbox/raw/master/images/demo-android.gif" height="500" /> |
+| --- | ----------- |
+| iOS Demo | Android Demo |
 
-#### NativeScript 7+:
 
-```bash
-ns plugin add @nstudio/nativescript-checkbox
-```
+[](#table-of-contents)
 
-#### NativeScript prior to 7:
+## Table of Contents
 
-```bash
-tns plugin add @nstudio/[email protected]
-```
+* [Installation](#installation)
+		* [Platform controls used:](#platform-controls-used)
+* [API](#api)
+* [Properties](#properties)
+* [Events](#events)
+* [API](#api-1)
+* [Css Styling](#css-styling)
+* [Styling [Android]](#styling-android)
+	* [Angular Usage Sample:](#angular-usage-sample)
+	* [NativeScript-Vue Usage Sample](#nativescript-vue-usage-sample)
+* [Demos](#demos)
+* [Demos and Development](#demos-and-development)
+	* [Setup](#setup)
+	* [Build](#build)
+	* [Demos](#demos-1)
+* [Questions](#questions)
+
+
+[](#installation)
+
+## Installation
+Run the following command from the root of your project:
+
+`ns plugin add @nativescript-community/ui-checkbox`
 
 #### Platform controls used:
 
 | Android                                                                                  | iOS                                                  |
 | ---------------------------------------------------------------------------------------- | ---------------------------------------------------- |
 | [Android CheckBox](https://developer.android.com/reference/android/widget/CheckBox.html) | [BEMCheckBox](http://cocoapods.org/pods/BEMCheckBox) |
 
-## Sample Usage
 
-| Android Sample                     | iOS Sample                            |
-| ---------------------------------- | ------------------------------------- |
-| ![Sample1](./screens/checkbox.gif) | ![Sample2](./screens/iosCheckbox.gif) |
+[](#api)
+
+## API
+
+
+[](#properties)
+
+## Properties
+
+- **checked** - boolean
+- **text** - text to use with the checkbox
+- **fillColor** - Color of the checkbox element
+- **boxType** - Either 'square' (default) or 'circle'. It's recommended to use 'circle' for radiobuttons. Note that plugin version 3.0.0 switched the default for iOS to 'square' for alignment with Android. Still want `circle` on iOS and `square` on Android? Just make the `boxType` value conditional.
+
+
+[](#events)
+
+## Events
+
+- **checkedChange** - Use a reference to the CheckBox component to grab it's `checked` property when this event fires to see the new value.
+
 
-## Usage
+[](#api)
+
+## API
+
+- **toggle()** - Change the checked state of the view to the inverse of its current state.
+
+
+[](#css-styling)
+
+## Css Styling
+
+- **color** - set the text label color
+- **font-size** - checkbox is sized to text from here : default 15
+- **border-width** - set the line width of the checkbox element: iOS only
+
+
+[](#styling-android)
+
+## Styling [Android]
+
+- **checkStyle** - set to the name of your drawable
+- **checkPadding** - set the padding of the checkbox
 
 ###
 
@@ -56,7 +126,7 @@ tns plugin add @nstudio/[email protected]
   xmlns:CheckBox="@nstudio/nativescript-checkbox" loaded="pageLoaded">
   <ActionBar title="Native Checkbox" />
   <StackLayout>
-    <CheckBox:CheckBox checked="{{ checkProp }}" text="{{ myCheckText }}" fillColor="{{ myCheckColor }}" id="myCheckbox" />
+    <CheckBox:CheckBox checked="checkProp" text="myCheckText" fillColor="myCheckColor" id="myCheckbox" />
     <CheckBox:CheckBox text="CheckBox Label" checked="false" />
   </StackLayout>
 </Page>
@@ -141,56 +211,63 @@ And in your template, use it as:
 
 Use `checked` instead of `v-model`. [See #99](https://github.com/nstudio/nativescript-checkbox/issues/99).
 
-## Properties
 
-- **checked** - boolean
-- **text** - text to use with the checkbox
-- **fillColor** - Color of the checkbox element
-- **boxType** - Either 'square' (default) or 'circle'. It's recommended to use 'circle' for radiobuttons. Note that plugin version 3.0.0 switched the default for iOS to 'square' for alignment with Android. Still want `circle` on iOS and `square` on Android? Just make the `boxType` value conditional.
 
-## Events
+[](#demos)
 
-- **checkedChange** - Use a reference to the CheckBox component to grab it's `checked` property when this event fires to see the new value.
+## Demos
+This repository includes Angular, Vue.js, and Svelte demos. In order to run these execute the following in your shell:
+```shell
+$ git clone https://github.com/@nativescript-community/ui-checkbox
+$ cd ui-checkbox
+$ npm i
+$ npm run setup
+$ npm run build # && npm run build.angular
+$ cd demo-ng # or demo-vue or demo-svelte
+$ ns run ios|android
+```
 
-## API
 
-- **toggle()** - Change the checked state of the view to the inverse of its current state.
+[](#demos-and-development)
 
-## Css Styling
+## Demos and Development
 
-- **color** - set the text label color
-- **font-size** - checkbox is sized to text from here : default 15
-- **border-width** - set the line width of the checkbox element: iOS only
 
-## Styling [Android]
+### Setup
 
-- **checkStyle** - set to the name of your drawable
-- **checkPadding** - set the padding of the checkbox
+To run the demos, you must clone this repo **recursively**.
+
+```
+git clone https://github.com/@nativescript-community/ui-checkbox.git --recursive
+```
 
-Add the following to `app/App_Resources/Android/drawable/checkbox_grey.xml`
+**Install Dependencies:**
+```bash
+npm i # or 'yarn install' or 'pnpm install'
+```
+
+**Interactive Menu:**
 
-```xml
-<?xml version="1.0" encoding="utf-8"?>
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
 
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:state_enabled="false" android:state_checked="true" android:drawable="@drawable/ic_checkbox_checked_incomplete" />
-    <item android:state_enabled="false" android:state_checked="false" android:drawable="@drawable/ic_checkbox_grey_incomplete" />
-    <item android:state_checked="true" android:drawable="@drawable/ic_checkbox_checked_grey"/>
-    <item android:state_checked="false" android:drawable="@drawable/ic_checkbox_grey" />
-</selector>
+### Build
+
+```bash
+npm run build
+
+npm run build.angular # or for Angular
 ```
 
-## Radiobuttons, anyone?
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
 
-Want to use radiobutton behavior for your checkboxes (only one option possible within a group)?
-Set `boxType="circle"` and check out the second tab in the [Angular demo](demo-ng/), here's a screenshot:
+npm run demo.svelte.ios # Example
+```
 
-<img src="./screens/radiobuttons.png" width="225px"/>
+[](#questions)
 
-## Contributing & Running Demo Apps
+## Questions
 
-- Execute from root:
-  - For android: `npm run demo.android`
-  - For iOS: `npm run demo.ios`
-  - `npm run demo.ng.android` (for angular android)
-  - `npm run demo.ng.ios` (for angular ios)
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

README.md

@@ -0,0 +1,7 @@
+{
+    "readme": true,
+    "angular": true,
+    "demos": [
+        "ng"
+    ]
+}