@nativescript-community/gesturehandler 0.2.0 → 2.0.0

package/tools/builddoc.mjs

@@ -0,0 +1,54 @@
+import td from 'typedoc';
+import ts from 'typescript';
+import * as path from 'path';
+import {globby} from 'globby';
+
+import typedocJson from './typedoc.js';
+
+/**
+ * @param {Object} options
+ *  @param {string} options.entryPoint
+ *  @param {string} options.outDir
+ * @param {Partial<import('typedoc').TypeDocOptions>} [typeDocOptions]
+ */
+export async function createTypeScriptApiDocs ({ outDir }, typeDocOptions = {}) {
+    const app = new td.Application();
+    app.options.addReader(new td.TSConfigReader());
+    console.log('createTypeScriptApiDocs', typeDocOptions);
+    const files = await globby(['../src/**/*.d.ts', '../src/**/index.ts', '!**/references.d.ts', '!**/appbar', '!**/page', '!**/typings', '!**/angular', '!**/vue', '!**/react'], {
+        absolute: true,
+        cwd: path.join(process.cwd())
+    });
+    console.log('files', files);
+    app.bootstrap({
+        logger: "console",
+        disableSources: true,
+        cleanOutputDir: true,
+        tsconfig: 'tsconfig.doc.json',
+        entryPointStrategy: td.EntryPointStrategy.Expand,
+        entryPoints: files,
+        ...typedocJson,
+        ...typeDocOptions
+    });
+    //@ts-ignore
+    app.options.setCompilerOptions(files, {
+        esModuleInterop: true
+    });
+    // const program = ts.createProgram(app.options.getFileNames(), app.options.getCompilerOptions());
+
+    const project = app.converter.convert(app.getEntryPoints() ?? []);
+
+    if (project) {
+        await app.generateDocs(project, outDir);
+    } else {
+        throw new Error(`Error creating the typedoc project`);
+    }
+};
+// app.generateDocs(project, "./docs");
+// app.generateJson(project, "./docs.json");
+
+try {
+    await createTypeScriptApiDocs({ outDir: '../docs' });
+} catch(err) {
+    console.error(err);
+}

package/tools/common/.eslintrc.js

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

package/tools/common/.prettierignore

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

package/tools/common/.prettierrc.js

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

package/tools/common/references.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="./node_modules/@nativescript/types-ios/lib/ios.d.ts" />
+/// <reference path="./node_modules/@nativescript/types-android/lib/android-28.d.ts" />
+/// <reference path="./node_modules/@nativescript/core/global-types.d.ts" />

package/tools/package.json

@@ -0,0 +1,116 @@
+{
+    "name": "@nativescript-community/plugin-seed-tools",
+    "version": "1.0.0",
+    "dependencies": {
+        "@angular/animations": "~13.1.3",
+        "@angular/common": "~13.1.3",
+        "@angular/compiler": "~13.1.3",
+        "@angular/compiler-cli": "~13.1.3",
+        "@angular/core": "~13.1.3",
+        "@angular/forms": "~13.1.3",
+        "@angular/platform-browser": "~13.1.3",
+        "@angular/platform-browser-dynamic": "~13.1.3",
+        "@angular/router": "~13.1.3",
+        "@appnest/readme": "^1.2.7",
+        "@commitlint/cli": "~16.2.1",
+        "@commitlint/config-conventional": "~16.2.1",
+        "@nativescript/angular": "~13.0.3",
+        "@nativescript/core": "~8.1.5",
+        "@nativescript/eslint-plugin": "0.0.4",
+        "@nativescript/types-android": "~8.1.0",
+        "@nativescript/types-ios": "~8.1.1",
+        "@nativescript/webpack": "~5.0.6",
+        "@types/node": "17.0.21",
+        "@types/react": "16.9.34",
+        "@typescript-eslint/eslint-plugin": "5.13.0",
+        "@typescript-eslint/parser": "5.13.0",
+        "colors": "1.4.0",
+        "cpy-cli": "^3.1.1",
+        "detox": "19.5.1",
+        "eslint": "8.10.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-react": "^7.29.3",
+        "eslint-plugin-react-hooks": "^4.3.0",
+        "eslint-plugin-svelte3": "3.4.1",
+        "eslint-plugin-vue": "^8.5.0",
+        "husky": "^7.0.4",
+        "jest": "^27.5.1",
+        "jest-circus": "^27.5.1",
+        "jest-cli": "^27.5.1",
+        "lerna": "^4.0.0",
+        "nativescript-vue": "~2.9.1",
+        "ng-packagr": "~13.1.3",
+        "ntl": "^5.1.0",
+        "package-json-merge": "0.0.1",
+        "patch-package": "~6.4.7",
+        "prettier": "^2.5.1",
+        "prompt": "~1.2.2",
+        "react-nativescript": "3.0.0-beta.3",
+        "rimraf": "~3.0.2",
+        "rxjs": "~7.5.5",
+        "svelte": "3.46.4",
+        "svelte-native": "~1.0.2",
+        "ts-patch": "~2.0.1",
+        "tslib": "2.3.1",
+        "typedoc": "~0.22.13",
+        "typescript": "~4.5.5",
+        "vue": "~2.6.14",
+        "yargs": "^17.3.1",
+        "zone.js": "~0.11.5"
+    },
+    "overrides": {
+        "@appnest/readme": {
+            "colors": "1.4.0"
+        }
+    },
+    "dependenciesMeta": {
+        "@nativescript-community/plugin-seed-tools": {
+            "injected": true
+        }
+    },
+    "scripts": {
+        "build": "lerna run build",
+        "build.angular": "lerna run build.angular",
+        "build.all": "lerna run build.all",
+        "clean": "rimraf 'packages/**/*.d.ts' 'packages/**/*.js' 'packages/**/*.js.map' 'packages/**/*.metadata.json' 'packages/**/*.ngsummary.json' 'packages/**/*.mjs' 'packages/**/*.mjs.map' 'packages/**/node_modules' 'packages/**/angular/package.json' 'package-lock.json' 'pnpm-lock.yaml' 'node_modules'",
+        "commitmsg": "commitlint -e $GIT_PARAMS",
+        "demo.ng.android": "cd ./demo-ng && ns run android --no-hmr",
+        "demo.ng.clean": "cd ./demo-ng && ns clean",
+        "demo.ng.ios": "cd ./demo-ng && ns run ios --no-hmr",
+        "demo.react.android": "cd ./demo-react && ns run android --no-hmr",
+        "demo.react.clean": "cd ./demo-react && ns clean",
+        "demo.react.ios": "cd ./demo-react && ns run ios --no-hmr",
+        "demo.svelte.android": "cd ./demo-svelte && ns run android --no-hmr",
+        "demo.svelte.clean": "cd ./demo-svelte && ns clean",
+        "demo.svelte.ios": "cd ./demo-svelte && ns run ios --no-hmr",
+        "demo.vue.android": "cd ./demo-vue && ns run android --no-hmr",
+        "demo.vue.clean": "cd ./demo-vue && ns clean",
+        "demo.vue.ios": "cd ./demo-vue && ns run ios --no-hmr",
+        "publish": "npm run setup && npm run build.all && lerna publish --create-release=github --force-publish",
+        "postinstall": "npm run setup",
+        "readme": "node ./tools/readme.js",
+        "setup": "npm run submodules && ts-patch install",
+        "start": "./node_modules/.bin/ntl -A -s 15 -o",
+        "submodules": "git submodule update --init",
+        "sync": "node ./tools/sync.js",
+        "update": "node ./tools/update.js"
+    },
+    "ntl": {
+        "descriptions": {
+            "build": "Build the plugin",
+            "build.angular": "Build the plugin for Angular",
+            "build.all": "Build the plugin for all platforms",
+            "clean": "Clean the local environment.",
+            "demo.ng.android": "Runs the Angular demo on Android.",
+            "demo.ng.ios": "Runs the Angular demo on iOS.",
+            "demo.react.android": "Runs the React demo on Android.",
+            "demo.react.ios": "Runs the React demo on iOS.",
+            "demo.svelte.android": "Runs the Svelte demo on Android.",
+            "demo.svelte.ios": "Runs the Svelte demo on iOS.",
+            "demo.vue.android": "Runs the Vue demo on Android.",
+            "demo.vue.ios": "Runs the Vue demo on iOS.",
+            "watch": "Watch for changes in the plugin source and re-build."
+        }
+    }
+}

package/tools/readme/blueprint.json

@@ -0,0 +1,10 @@
+{
+	"line": "none",
+    "ids": {
+        "npm": "{{ pkg.name }}"
+    },
+    "headingPrefix": {
+        "1": "",
+        "2": ""
+    }
+}

package/tools/readme/demos-and-development.md

@@ -0,0 +1,35 @@
+## Demos and Development
+
+
+### Setup
+
+To run the demos, you must clone this repo **recursively**.
+
+```
+git clone https://github.com/{{ pkg.name }}.git --recursive
+```
+
+**Install Dependencies:**
+```bash
+npm i # or 'yarn install' or 'pnpm install'
+```
+
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
+
+```bash
+npm run build
+
+npm run build.angular # or for Angular
+```
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
+```

package/tools/readme/edit-warning.md

@@ -0,0 +1,20 @@
+
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->

package/tools/readme/questions.md

@@ -0,0 +1,3 @@
+## Questions
+
+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).

package/tools/readme.js

@@ -0,0 +1,54 @@
+const fs = require('fs');
+const exec = require('child_process').exec;
+
+const pluginConfig = fs.readFileSync('config.json');
+const pluginConfigJson = JSON.parse(pluginConfig);
+
+let enabled = false;
+
+if ('readme' in pluginConfigJson) {
+    enabled = pluginConfigJson['readme'];
+}
+
+if (enabled) {
+    fs.readdir('./packages', (error, files) => {
+        const packagesCount = files.length;
+
+        let readmeOutput = '';
+
+        if (packagesCount > 1) {
+            readmeOutput += 'This monorepo contains multiple packages:<br><br>';
+        }
+
+        for (const package of files) {
+            const multiPackageMarkdown = `<details>
+<summary><b>${package}</b></summary>
+
+{{ load:packages/${package}/README.md }}
+</details>`;
+
+            const singlePackageMarkdown = `{{ load:packages/${package}/README.md }}`;
+
+            if (packagesCount > 1) {
+                readmeOutput += multiPackageMarkdown;
+            } else {
+                readmeOutput += singlePackageMarkdown;
+            }
+        }
+
+        try {
+            fs.writeFileSync('blueprint.md', readmeOutput);
+        } catch (err) {
+            console.error(err);
+        }
+
+        exec('./node_modules/.bin/readme generate -c ./tools/readme/blueprint.json', function (err, stdout, stderr) {
+            if (err) {
+                console.log(stderr);
+            }
+            console.log(stdout);
+        });
+    });
+} else {
+    console.log('README generation is disabled. To enable, add "readme": true to the config.json');
+}

package/tools/sync.js

@@ -0,0 +1,102 @@
+const fs = require('fs');
+const crypto = require('crypto');
+
+const changes = {
+    devDependencies: {},
+    scripts: {},
+    ntl: {}
+};
+
+const pluginPackageJSON = JSON.parse(fs.readFileSync('./package.json'));
+
+function checkAndUpdate(json, field) {
+    if (pluginPackageJSON[field] === undefined) {
+        pluginPackageJSON[field] = {};
+    }
+
+    for (const [key, value] of Object.entries(json)) {
+        if (typeof pluginPackageJSON[field][key] === 'undefined') {
+            pluginPackageJSON[field][key] = value;
+        } else if (JSON.stringify(value) !== JSON.stringify(pluginPackageJSON[field][key])) {
+            if (typeof value === 'object') {
+                pluginPackageJSON[field] = {};
+                pluginPackageJSON[field][key] = value;
+            } else {
+                pluginPackageJSON[field][key] = value;
+            }
+        }
+    }
+}
+
+function deleteProperty(obj, match) {
+    delete obj[match];
+    for (const v of Object.values(obj)) {
+        if (v instanceof Object) {
+            deleteProperty(v, match);
+        }
+    }
+}
+
+function compareFile(file1, file2) {
+    const file1Content = fs.readFileSync(file1);
+    const file2Content = fs.readFileSync(file2);
+
+    const hash1 = crypto.createHash('md5').update(file1Content).digest('hex');
+    const hash2 = crypto.createHash('md5').update(file2Content).digest('hex');
+
+    return hash1 === hash2;
+}
+
+fs.readdirSync('./tools/common').forEach((file) => {
+    if (!fs.existsSync(`./${file}`)) {
+        console.log('Copying common file over.');
+        fs.copyFileSync(`./tools/common/${file}`, `./${file}`);
+    } else if (!compareFile(`./${file}`, `./tools/common/${file}`)) {
+        console.log(`File: ${file} is different from common version.`);
+        console.log('Copying common file over.');
+        fs.copyFileSync(`./tools/common/${file}`, `./${file}`);
+    }
+});
+
+const pluginConfig = fs.readFileSync('config.json');
+const pluginConfigJson = JSON.parse(pluginConfig);
+
+const pluginAngular = pluginConfigJson['angular'];
+const pluginDemos = pluginConfigJson['demos'];
+
+const commonPackageJSON = JSON.parse(fs.readFileSync('./tools/package.json'));
+checkAndUpdate(commonPackageJSON['scripts'], 'scripts');
+checkAndUpdate(commonPackageJSON['ntl'], 'ntl');
+checkAndUpdate(commonPackageJSON['dependenciesMeta'], 'dependenciesMeta');
+
+if (!pluginAngular) {
+    deleteProperty(pluginPackageJSON, 'build.angular');
+    pluginPackageJSON['scripts']['build.all'] = 'npm run build';
+}
+
+if (!pluginDemos.includes('ng')) {
+    deleteProperty(pluginPackageJSON, 'demo.ng.android');
+    deleteProperty(pluginPackageJSON, 'demo.ng.ios');
+    deleteProperty(pluginPackageJSON, 'demo.ng.clean');
+}
+
+if (!pluginDemos.includes('react')) {
+    deleteProperty(pluginPackageJSON, 'demo.react.android');
+    deleteProperty(pluginPackageJSON, 'demo.react.ios');
+    deleteProperty(pluginPackageJSON, 'demo.react.clean');
+}
+
+if (!pluginDemos.includes('svelte')) {
+    deleteProperty(pluginPackageJSON, 'demo.svelte.android');
+    deleteProperty(pluginPackageJSON, 'demo.svelte.ios');
+    deleteProperty(pluginPackageJSON, 'demo.svelte.clean');
+}
+
+if (!pluginDemos.includes('vue')) {
+    deleteProperty(pluginPackageJSON, 'demo.vue.android');
+    deleteProperty(pluginPackageJSON, 'demo.vue.ios');
+    deleteProperty(pluginPackageJSON, 'demo.vue.clean');
+}
+
+console.log('Common files and package.json have been synced.');
+fs.writeFileSync('./package.json', JSON.stringify(pluginPackageJSON, 0, 4) + '\n');

package/tools/tsconfig.doc.json

@@ -0,0 +1,10 @@
+{
+    "extends": "./tsconfig",
+    "compilerOptions": {
+        "sourceMap": false,
+        "noEmitOnError": false,
+        "plugins": []
+    },
+    "include": ["../src/**/*.ts"],
+    "exclude": ["**/*android*", "**/*ios*"]
+}

package/tools/tsconfig.eslint.json

@@ -0,0 +1,4 @@
+{
+    "extends": "./tsconfig.json",
+    "include": ["../**/*", "../**/.eslintrc.js", "../demo-vue/types"]
+}

package/tools/tsconfig.json

@@ -0,0 +1,38 @@
+{
+    "compilerOptions": {
+        "target": "es2017",
+        "module": "esnext",
+        "moduleResolution": "node",
+        "removeComments": true,
+        "noLib": false,
+        "emitDecoratorMetadata": false,
+        "experimentalDecorators": true,
+        "lib": ["es2017", "dom"],
+        "sourceMap": true,
+        "pretty": true,
+        "jsx": "react",
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "noEmitHelpers": true,
+        "noEmitOnError": false,
+        "noImplicitAny": false,
+        "noImplicitReturns": true,
+        "noImplicitUseStrict": true,
+        "noFallthroughCasesInSwitch": true,
+        "skipDefaultLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "resolveJsonModule": true,
+        "preserveValueImports": true,
+        "esModuleInterop": true,
+        "types": ["node", "svelte", "vue"],
+        "typeRoots": ["./node_modules", "../node_modules"],
+        "skipLibCheck": true,
+        "sourceRoot": "../src",
+        "baseUrl": "../",
+        "outDir": "../packages",
+        "plugins": [{ "transform": "@nativescript/webpack/dist/transformers/NativeClass", "type": "raw" }]
+    },
+    "include": ["../src/**/*", "../references.d.ts", "../demo-snippets/**/*", "../demo-vue/types"],
+    "exclude": ["node_modules"],
+    "compileOnSave": false
+}

package/tools/typedoc.js

@@ -0,0 +1,17 @@
+const packageJSON = require('../package.json')
+module.exports = {
+    mode: 'modules',
+    out: '../docs',
+    exclude: ['**/node_modules/**', '**/*.spec.ts', '*typings*'],
+    name: packageJSON.description,
+    excludePrivate: true,
+    ignoreCompilerErrors: true,
+    excludeNotExported: true,
+    includeDeclarations: true,
+    excludePrivate: true,
+    preserveConstEnums: 'true',
+    excludeExternals: true,
+    tsconfig: 'tsconfig.doc.json',
+    'external-modulemap': 'src/([\\w\\-_]+)/',
+    readme: '../README.md'
+};

package/tools/update.js

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const exec = require('child_process').exec;
+const { execSync } = require('child_process');
+
+const pluginConfig = fs.readFileSync('config.json');
+
+const validDirectories = ['tools', 'demo-ng', 'demo-react', 'demo-svelte', 'demo-vue'];
+
+function getDirectories(path) {
+    return fs.readdirSync(path).filter(function (file) {
+        return fs.statSync(path + '/' + file).isDirectory();
+    });
+}
+
+function updateRepo(name) {
+    const stdout = execSync(`cd ${name} && git status --porcelain`);
+
+    if (stdout.length !== 0) {
+        console.log(`${name} has uncommited files. Must be clean to update.`);
+        process.exit(1);
+    }
+
+    execSync(`cd ${name} && git checkout master && git pull`);
+}
+
+if (pluginConfig) {
+    for (const directory of getDirectories('.')) {
+        if (validDirectories.includes(directory)) {
+            updateRepo(directory);
+        }
+    }
+}

package/tsconfig.json

@@ -1,13 +1,9 @@
 {
-    "extends": "../../tsconfig.json",
+    "extends": "./tools/tsconfig",
     "compilerOptions": {
-        "rootDir": "../../src/gesturehandler",
-        "outDir": "./",
         "paths": {
-            "tns-core-modules": ["./node_modules/@nativescript/core"],
-            "tns-core-modules/*": ["./node_modules/@nativescript/core/*"]
+            "@nativescript-community/gesturehandler": ["src/gesturehandler"],
+            "@nativescript-community/gesturehandler/*": ["src/gesturehandler/*"]
         }
-    },
-    "include": ["../../src/gesturehandler/**/*", "../../references.d.ts", "../../src/references.d.ts"],
-    "exclude": ["../../src/gesturehandler/angular/**"]
+    }
 }

package/.pnpm-debug.log

@@ -1 +0,0 @@
-{}