René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Create an ESLint rule for migrating to scoped packages imports ","articleBody":"# Why?\r\n\r\nProvide an automated way to migrate `imports` and `require` statements from:\r\n- `tns-core-modules` to `@nativescript/core`;\r\n- and `nativescript-angular` to `@nativescript/angular`.\r\n\r\n# How?\r\n\r\nThe above can be achieved by providing an ESLint rule that detects the old type of imports and recommends using the new one. It should also provide an autofix that migrates the imports.\r\n\r\n# Migration description\r\n\r\n## JS/TS\r\n\r\nThe rule should work for both JS and TS projects.\r\n\r\n## `tns-core-modules` -\u003e `@nativescript/core`\r\n\r\nThe rule should migrate the imports from that package in the following way:\r\n\r\n### for imports from `application`, `application-settings`, `connectivity`, `image-asset`, `trace`:\r\n\r\n1. `import { run } from \"tns-core-modules/application\"` -\u003e\r\n`import { Application } from \"@nativescript/core\"`\r\n2. `const run = require(\"tns-core-modules/application\").run` -\u003e\r\n`const Application = require(\"@nativescript/core/application\")`\r\n\r\nIn cases 1 and 2, the rule should also change all uses of `run` in the code to `Application.run`.\r\n\r\n3. `import * as application from \"tns-core-modules/application\"` -\u003e\r\n`import { Application } from \"@nativescript/core\"`\r\n4. `const application = require(\"tns-core-modules/application\")` -\u003e\r\n`const Application = require(\"@nativescript/core\").Application`\r\n\r\nIn cases 3 and 4, the rule should also change all uses of `application` in the code to `Application`.\r\n\r\n### for imports from `utils/utils`:\r\n\r\nThe same as `application` with this exception:\r\n\r\nimport * as utils from \"tns-core-modules/utils/utils\";\r\nutils.ad;\r\n`\r\n-\u003e\r\n`\r\nimport { Utils } from \"@nativescript/core\";\r\nUtils.android;\r\n`\r\n\r\n### for imports from `profiling`:\r\n\r\nMigrate to `import { Profiling } from @nativescript/core` for the methods that are now exported through the `Profiling` constant from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L69-L76\r\n\r\nMigrate to `import { SomeInterface } from '@nativescript/core'` for all symbols that are now directly exported from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L60\r\n\r\n### for imports from `trace`:\r\n\r\nMigrate to `import { Trace } from @nativescript/core` for the methods that are now exported through the `Trace` constant from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L88-L93\r\n\r\nMigrate to `import { SomeInterface } from '@nativescript/core'` for all symbols that are now directly exported from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L80\r\n\r\n### for imports from `http`:\r\n\r\nMigrate to `import { Http } from @nativescript/core` for the methods that are now exported through the `Http` constant from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L52\r\nMigrate to `import { SomeInterface } from '@nativescript/core'` for all symbols that are now directly exported from `@nativescript/core`:\r\nhttps://github.com/NativeScript/NativeScript/blob/8d2dd2eb21965f988f339a1c17683712cdfc3654/nativescript-core/index.ts#L49\r\n\r\n### for imports from `platform`:\r\n\r\nFor `isAndroid` and `isIOS` migrate to `@nativescript/core`.\r\nFor `screen` and `device` migrate to `import { Screen, Device } from '@nativescript/core';`.\r\nFor any other path migrate to `@nativescript/core/platform`.\r\n\r\n### for imports from `ui/*`, `data/observable-array`, `data/observable`, `file-system`, `color`, `image-asset`, `image-source`, `text`, `xml`:\r\n\r\n1. `import { Observable } from \"tns-core-modules/data/observable\"` -\u003e\r\n`import { Observable } from \"@nativescript/core\"`\r\n2. `const Observable = require(\"tns-core-modules/data/observable\")` -\u003e\r\n`const Observable = require(\"@nativescript/core\").Observable`\r\n\r\n### for every other import starting with `tns-core-modules`, the `tns-core-modules` prefix should be replaced with `@nativescript/core`.\r\n\r\n## `nativescript/angular` -\u003e `@nativescript/angular`","author":{"url":"https://github.com/sis0k0","@type":"Person","name":"sis0k0"},"datePublished":"2019-11-21T14:43:17.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/8131/NativeScript/issues/8131"}