From 3dbb1da079d17e4089dfe3c5f38ff8e95199c05c Mon Sep 17 00:00:00 2001
From: Arpit Bhalla <55053424+arpitBhalla@users.noreply.github.com>
Date: Wed, 16 Feb 2022 22:31:35 +0530
Subject: [PATCH] update

---
 README.md                 | 382 +++-----------------------------------
 src/extension.ts          |  52 ++----
 src/getExistingImports.ts |  37 ++--
 src/snip.ts               |  50 -----
 src/snippets.ts           |   7 +-
 src/types.ts              |   1 +
 6 files changed, 63 insertions(+), 466 deletions(-)
 delete mode 100644 src/snip.ts

diff --git a/README.md b/README.md
index 144f4cd..a9392d4 100644
--- a/README.md
+++ b/README.md
@@ -1,353 +1,29 @@
-# React Native Elements Snippets
-
-![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/rne.snippets?style=flat-square) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
-
-![ScreenShot](./img/Screenshot.png)
-
-**Note:** There are two ways to insert these:
-
-- **Trigger Suggest** (<kbd>⌃</kbd><kbd>Space</kbd> on macOS) and then type in the name; or you can
-  enable the **Editor: Tab Completion** setting, then type the name of the
-  snippet and press <kbd>Tab</kbd>.
-
-## Features
-
-- Works in JS/X and TSX
-- Automatically adds missing imports when a snippet is inserted (as long as it succeeds in parsing the entire file)
-- Supports `React Native Elements Universe` Package
-
-## Installation
-
-As in any Visual Studio Code Extension you have several options to install:
-
-- Enter the Visual Studio Code Marketplace, search for `React Native Elements Snippets` (or enter directly on the extension page) and click on Install button.
-
-- Inside Visual Studio Code, enter in the Extension panel, search for `React Native Elements Snippets` and click on Install button
-
-- Run the following command in the Command Palette:
-
-> ext install rne.snippets
-
-## Snippets
-
-<!-- snippets -->
-
-- [`rneAvatar`](#rneavatar)
-- [`rneAvatarBadge`](#rneavatarbadge)
-- [`rneBadge`](#rnebadge)
-- [`rneBadgeMini`](#rnebadgemini)
-- [`rneBottomSheet`](#rnebottomsheet)
-- [`rneButton`](#rnebutton)
-- [`rneButtonGroup`](#rnebuttongroup)
-- [`rneButtonIcon`](#rnebuttonicon)
-- [`rneButtonType`](#rnebuttontype)
-- [`rneCard`](#rnecard)
-- [`rneCheckBox`](#rnecheckbox)
-- [`rneChip`](#rnechip)
-- [`rneChipIcon`](#rnechipicon)
-- [`rneDivider`](#rnedivider)
-- [`rneFAB`](#rnefab)
-- [`rneIcon`](#rneicon)
-- [`rneImage`](#rneimage)
-- [`rneLinearProgress`](#rnelinearprogress)
-- [`rneLinearProgressIndeterminate`](#rnelinearprogressindeterminate)
-- [`rneRadio`](#rneradio)
-- [`rneSearchBar`](#rnesearchbar)
-- [`rneSlider`](#rneslider)
-- [`rneSpeedDial`](#rnespeeddial)
-- [`rneSpeedDialAction`](#rnespeeddialaction)
-- [`rneText`](#rnetext)
-- [`rneuCircularSlider`](#rneucircularslider)
-
-### `rneAvatar`
-
-#### Avatar Component
-
-```javascript
-<Avatar  title="$0" size="${1|small,medium,large,xlarge|}" rounded={${2|true,false|}}/>
-```
-
-### `rneAvatarBadge`
-
-#### Avatar with Badge Component
-
-```javascript
-<View>
-  <Avatar
-    source={{
-      uri: "$1",
-    }}
-    size="${2|small,medium,large,xlarge|}"
-  />
-  <Badge
-    status="${3|success,error,primary,warning|}"
-    containerStyle={{ position: "absolute", top: -4, right: -4 }}
-  />
-</View>
-```
-
-### `rneBadge`
-
-#### Badge Component
-
-```javascript
-<Badge value="$1" status="${2|success,error,primary,warning|}" $0 />
-```
-
-### `rneBadgeMini`
-
-#### Mini Badge Component
-
-```javascript
-<Badge status="${1|success,error,primary,warning|}" />
-```
-
-### `rneBottomSheet`
-
-#### Bottom Sheet Component
-
-```javascript
-<BottomSheet isVisible={$1} containerStyle={{ backgroundColor: "$2" }}>
-  $0
-</BottomSheet>
-```
-
-### `rneButton`
-
-#### Simple Button Component
-
-```javascript
-<Button onPress={$1} title={$2} $0 />
-```
-
-### `rneButtonGroup`
-
-#### Button Group Component
-
-```javascript
-<ButtonGroup onPress={$1} selectedIndex={$2} buttons={[$3]} />
-```
-
-### `rneButtonIcon`
-
-#### Button with Icon Component
-
-```javascript
-<Button
-    onPress={$1}${2:
-    iconPosition="${3|left,right,bottom,top|}"}
-    icon={{name:'$4',color:'$5'}}
-    title={$6}
- $0/>
-```
-
-### `rneButtonType`
-
-#### Button with types Component
-
-```javascript
-<Button onPress={$1} type="${2|solid,clear,outline|}" title={$3} $0 />
-```
-
-### `rneCard`
-
-#### Basic Card Component
-
-```javascript
-<Card>
-  <Card.Title>$1</Card.Title>
-  ${2:
-  <Card.Divider/>}
-  <Card.Image source={$3}>
-   ${4:
-    <Text style={{marginBottom: 10}}>
-    $5
-    </Text>
-    }
-        $6
-  </Card.Image>
-</Card>
-```
-
-### `rneCheckBox`
-
-#### CheckBox Component
-
-```javascript
-<CheckBox
-  title="$1"
-  iconType="${2|material,material-community,simple-line-icon,zocial,font-awesome,octicon,ionicon,foundation,evilicon,entypo,antdesign,font-awesome-5|}"
-  checkedIcon="$3"
-  uncheckedIcon="$4"
-  checkedColor="$5"
-  checked={$6}
-/>
-```
-
-### `rneChip`
-
-#### Simple Chip Component
-
-```javascript
-<Chip title="$1" type="${2|solid,outline|}" />
-```
-
-### `rneChipIcon`
-
-#### Chip with Icon Component
-
-```javascript
-<Chip
-  title="$1"
-  type="${2|solid,outline|}"
-  icon={{
-    name: "$3",
-    type: "$4",
-    color: "$5",
-  }}
-/>
-```
-
-### `rneDivider`
-
-#### Divider Component
-
-```javascript
-<Divider />
-```
-
-### `rneFAB`
-
-#### Floating Action Button Component
-
-```javascript
-<FAB title="$1" placement="${2|left,right|}" size="${3|small,large|}" $0 />
-```
-
-### `rneIcon`
-
-#### Icon Component
-
-```javascript
-<Icon
-  name="$1"
-  type="${2|material,material-community,simple-line-icon,zocial,font-awesome,octicon,ionicon,foundation,evilicon,entypo,antdesign,font-awesome-5|}"
-  size={$3}
-  color="$4"
-  $0
-/>
-```
-
-### `rneImage`
-
-#### Image Component
-
-```javascript
-<Image
-  source={{ uri: '$1' }}
-  style={{ width: $2, height: $3 }}
-  ${4:PlaceholderContent={$5}}
-/>
-```
-
-### `rneLinearProgress`
-
-#### Linear Progress Component
-
-```javascript
-<LinearProgress
-  color="${1|primary,secondary|}"
-  variant="determinate"
-  value={$2}
-  $0
-/>
-```
-
-### `rneLinearProgressIndeterminate`
-
-#### Linear Progress indeterminate variant Component
-
-```javascript
-<LinearProgress color="${1|primary,secondary|}" $0 />
-```
-
-### `rneRadio`
-
-#### CheckBox Component
-
-```javascript
-<CheckBox
-  title="$1"
-  iconType="material"
-  checkedIcon="radio-button-checked"
-  uncheckedIcon="radio-button-unchecked"
-  checkedColor="$2"
-  checked={$3}
-/>
-```
-
-### `rneSearchBar`
-
-#### Search Bar Component
-
-```javascript
-<SearchBar placeholder="$1" onChangeText={$2} value={$3} $0 />
-```
-
-### `rneSlider`
-
-#### Slider Component
-
-```javascript
-<Slider
-  value={$1}
-  onValueChange={$2}
-  maximumValue={$3}
-  minimumValue={$4}
-  thumbProps={{ $5 }}
-/>
-```
-
-### `rneSpeedDial`
-
-#### Speed Dial Wrapper Component
-
-```javascript
-<SpeedDial
-  isOpen={$1}
-  onOpen={$2}
-  onClose={$3}
-  icon={{ name: "$4" }}
-  openIcon={{ name: "$5" }}
->
-  $0
-</SpeedDial>
-```
-
-### `rneSpeedDialAction`
-
-#### Speed Dial Action Component
-
-```javascript
-<SpeedDial.Action icon={{ name: "$1" }} title="$2" onPress={$3} />
-```
-
-### `rneText`
-
-#### Text Component
-
-```javascript
-<Text ${1|h1,h2,h3,h4,h5,h6|} $1styles={{$2}}>
-    $0
-</Text>
-```
-
-### `rneuCircularSlider`
-
-#### Universal Circular Slider Component
-
-```javascript
-<CircularSliderUniverse value={$1} onChange={$2} showThumbText />
-```
-
-<!-- snippetsend -->
+<p align="center">
+  <a href="https://reactnativeelements.com/">
+    <img alt="react-native-elements" src="https://user-images.githubusercontent.com/5962998/65694309-a825f000-e043-11e9-8382-db0dba0851e3.png" width="300">
+  </a>
+</p>
+
+<p align="center">
+  Cross Platform <a href="https://reactnative.dev">React Native</a> UI Toolkit
+</p>
+
+<p align="center">
+  <a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-blue.svg"></a>
+  <a href="https://github.com/react-native-elements/react-native-elements"><img src="https://img.shields.io/github/stars/react-native-elements/react-native-elements"></a>
+  <a href="https://www.npmjs.com/package/react-native-elements"><img src="https://img.shields.io/npm/dm/react-native-elements.svg"></a> 
+  <a href="https://react-native-elements-slack.herokuapp.com"><img src="https://react-native-elements-slack.herokuapp.com/badge.svg"></a> 
+  <a href="https://lerna.js.org/"><img src="https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg"></a>
+</p>
+
+<p align="center">
+  <a href="#backers"><img src="https://opencollective.com/react-native-elements/backers/badge.svg"></a>
+  <a href="#sponsors"><img src="https://opencollective.com/react-native-elements/sponsors/badge.svg"></a>
+  <a href="https://codecov.io/gh/react-native-elements/react-native-elements"><img src="https://codecov.io/gh/react-native-elements/react-native-elements/coverage.svg"></a>
+  <a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg"></a>
+
+</p>
+
+<br />
+
+![React Native Elements UI Toolkit](https://user-images.githubusercontent.com/5962998/37248832-a7060286-24b1-11e8-94a8-847ab6ded4ec.png)
diff --git a/src/extension.ts b/src/extension.ts
index cb3c066..3e22fad 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -1,7 +1,6 @@
 import * as vscode from "vscode";
 import loadSnippets from "./snippets";
 import getExistingImports from "./getExistingImports";
-import { getSnippetImports } from "./utils";
 class RNECompletionItem extends vscode.CompletionItem {
   imports: string[] | undefined;
 }
@@ -21,7 +20,7 @@ export async function activate(
     );
   }
 
-  const snippets = await loadSnippets();
+  const snippets = loadSnippets();
 
   function getAdditionalTextEdits({
     imports,
@@ -34,13 +33,12 @@ export async function activate(
     let existingImports: Set<string> | null;
     let insertPosition: vscode.Position = new vscode.Position(0, 0);
     let coreInsertPosition: vscode.Position | null = null;
-    let universeInsertPosition: vscode.Position | null = null;
     try {
       ({
         existingImports,
         insertPosition,
         coreInsertPosition,
-        universeInsertPosition,
+        // universeInsertPosition,
       } = getExistingImports(document));
     } catch (error) {
       existingImports = null;
@@ -50,15 +48,8 @@ export async function activate(
     const finalExistingImports = existingImports;
     if (finalExistingImports) {
       const coreImports = imports.filter(
-        (comp: string) =>
-          !comp.endsWith("Universe") && !finalExistingImports.has(comp)
+        (comp: string) => !finalExistingImports.has(comp)
       );
-      const universeImports = imports
-        .filter(
-          (comp: string) =>
-            comp.endsWith("Universe") && !finalExistingImports.has(comp)
-        )
-        .map((comp: string) => `${comp.replace("Universe", "")} as ${comp}`);
       if (coreImports.length) {
         if (coreInsertPosition) {
           additionalTextEdits.push(
@@ -78,31 +69,12 @@ export async function activate(
           );
         }
       }
-      if (universeImports.length) {
-        if (universeInsertPosition) {
-          additionalTextEdits.push(
-            vscode.TextEdit.insert(
-              universeInsertPosition,
-              ", " + universeImports.join(", ")
-            )
-          );
-        } else {
-          additionalTextEdits.push(
-            vscode.TextEdit.insert(
-              insertPosition,
-              `import { ${universeImports.join(
-                ", "
-              )} } from 'react-native-elements-universe'\n`
-            )
-          );
-        }
-      }
     }
     return additionalTextEdits;
   }
 
   for (const snippet of Object.values(snippets)) {
-    const { prefix, description } = snippet;
+    const { prefix, description, imports } = snippet;
     context.subscriptions.push(
       vscode.commands.registerCommand(`extension.${prefix}`, async () =>
         vscode.window.withProgress(
@@ -118,15 +90,14 @@ export async function activate(
             }>,
             token: vscode.CancellationToken
           ) => {
-            const body = (typeof snippet.body === "function"
-              ? snippet.body()
-              : snippet.body
+            const body = (
+              typeof snippet.body === "function" ? snippet.body() : snippet.body
             ).replace(/^\n|\n$/gm, "");
 
             if (token.isCancellationRequested) return;
 
             const additionalTextEdits = getAdditionalTextEdits({
-              imports: getSnippetImports(body),
+              imports: imports,
             });
 
             if (token.isCancellationRequested) return;
@@ -151,11 +122,10 @@ export async function activate(
   const getCompletionItems = ((): RNECompletionItem[] => {
     const result = [];
     for (const snippet of Object.values(snippets)) {
-      const { prefix, description, docKey, previewURL } = snippet;
+      const { prefix, description, docKey, previewURL, imports } = snippet;
 
-      const body = (typeof snippet.body === "function"
-        ? snippet.body?.()
-        : snippet.body
+      const body = (
+        typeof snippet.body === "function" ? snippet.body?.() : snippet.body
       ).replace(/^\n|\n$/gm, "");
 
       let extendedDoc = `**${description.trim()}**`;
@@ -171,7 +141,7 @@ export async function activate(
       const completion = new RNECompletionItem(prefix);
       completion.insertText = new vscode.SnippetString(body);
       completion.documentation = new vscode.MarkdownString(extendedDoc);
-      completion.imports = getSnippetImports(body);
+      completion.imports = imports;
       result.push(completion);
     }
     return result;
diff --git a/src/getExistingImports.ts b/src/getExistingImports.ts
index ec883dc..70a67c4 100644
--- a/src/getExistingImports.ts
+++ b/src/getExistingImports.ts
@@ -2,13 +2,11 @@ import * as vscode from "vscode";
 import jscodeshift, { ImportDeclaration, ASTPath } from "jscodeshift";
 import chooseJSCodeshiftParser from "jscodeshift-choose-parser";
 
-export default function getExistingImports(
-  document: vscode.TextDocument
-): {
+export default function getExistingImports(document: vscode.TextDocument): {
   existingImports: Set<string>;
   insertPosition: vscode.Position;
   coreInsertPosition: vscode.Position | null;
-  universeInsertPosition: vscode.Position | null;
+  // universeInsertPosition: vscode.Position | null;
 } {
   const text = document.getText();
   const parser = chooseJSCodeshiftParser(document.uri.fsPath);
@@ -18,7 +16,7 @@ export default function getExistingImports(
 
   let insertLine = 0;
   let coreInsertPosition: vscode.Position | null = null;
-  let universeInsertPosition: vscode.Position | null = null;
+  // let universeInsertPosition: vscode.Position | null = null;
 
   let root;
   try {
@@ -49,25 +47,26 @@ export default function getExistingImports(
             result.add(local.name);
           }
         }
-      } else if (source === "react-native-elements-universe") {
-        for (const specifier of node?.specifiers) {
-          if (specifier.type !== "ImportSpecifier") continue;
-          const { loc } = specifier;
-          if (loc) {
-            const { line, column } = loc.end;
-            universeInsertPosition = new vscode.Position(line - 1, column);
-          }
-          const { imported, local } = specifier;
-          if (imported && local && imported.name + "Universe" === local.name) {
-            result.add(local.name);
-          }
-        }
       }
+      //  else if (source === "react-native-elements-universe") {
+      //   for (const specifier of node?.specifiers) {
+      //     if (specifier.type !== "ImportSpecifier") continue;
+      //     const { loc } = specifier;
+      //     if (loc) {
+      //       const { line, column } = loc.end;
+      //       universeInsertPosition = new vscode.Position(line - 1, column);
+      //     }
+      //     const { imported, local } = specifier;
+      //     if (imported && local && imported.name + "Universe" === local.name) {
+      //       result.add(local.name);
+      //     }
+      //   }
+      // }
     });
   return {
     existingImports: result,
     insertPosition: new vscode.Position(insertLine, 0),
     coreInsertPosition,
-    universeInsertPosition,
+    // universeInsertPosition,
   };
 }
diff --git a/src/snip.ts b/src/snip.ts
deleted file mode 100644
index 93e762a..0000000
--- a/src/snip.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { CompiledSnippet } from "./types";
-
-export default function snip(
-  strings: TemplateStringsArray,
-  ...expressions: any[]
-): CompiledSnippet {
-  const parts = [];
-  for (let i = 0; i < strings.length - 1; i++) {
-    parts.push(strings[i]);
-    parts.push(
-      Array.isArray(expressions[i])
-        ? `|${expressions[i].join(",")}|`
-        : String(expressions[i])
-    );
-  }
-  parts.push(...strings.slice(expressions.length));
-  const body = parts.join("").replace(/\s+$/gm, "");
-
-  const makeSnippet = (): string => {
-    let lastIndex = 0;
-    const parts = [];
-    const ifRx = /^\s*\{\{\s*#if\s*(\S+)\s*(===\s*(\S+)\s*)\}\}([^\n]*\n)?/gm;
-    const endifRx = /^\s*\{\{\s*\/if\s*\}\}([^\n]*\n)?/gm;
-    let start, end;
-    while ((start = ifRx.exec(body))) {
-      endifRx.lastIndex = start.index + start[0].length;
-      if ((end = endifRx.exec(body))) {
-        let value;
-        try {
-          value = start[3] ? JSON.parse(start[3]) : true;
-        } catch (error) {
-          throw new Error(`value is not JSON: ${start[3]}`);
-        }
-        parts.push(body.substring(lastIndex, start.index));
-        // if (options[parameter] === value) {
-        //   parts.push(body.substring(start.index + start[0].length, end.index));
-        // }
-        lastIndex = end.index + end[0].length;
-      }
-    }
-    parts.push(body.substring(lastIndex));
-
-    let counter = 0;
-    return parts
-      .join("")
-      .replace(/^\n|\n$/g, "")
-      .replace(/#/g, () => String(++counter));
-  };
-  return makeSnippet;
-}
diff --git a/src/snippets.ts b/src/snippets.ts
index 3f48336..3fdbd4d 100644
--- a/src/snippets.ts
+++ b/src/snippets.ts
@@ -1,10 +1,10 @@
 import Components from "./components";
 import { Snippet } from "./types";
 
-export default async function loadSnippets(): Promise<Record<string, Snippet>> {
+export default function loadSnippets(): Record<string, Snippet> {
   const result = {};
   Components.map((file) => {
-    const { prefix, description, body, docKey } = file;
+    const { prefix, description, body, docKey, imports } = file;
     if (!prefix || typeof prefix !== "string") {
       throw new Error(
         `src/components/${prefix}: prefix must be a string if exported`
@@ -26,7 +26,8 @@ export default async function loadSnippets(): Promise<Record<string, Snippet>> {
       body,
       docKey,
       previewURL: prefix,
+      imports: imports,
     };
   });
-  return Promise.resolve(result);
+  return result;
 }
diff --git a/src/types.ts b/src/types.ts
index 1527de8..2b6a004 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -14,5 +14,6 @@ export type Snippet = {
   description: string;
   body: SnippetBody;
   docKey?: string;
+  imports?: string[];
   previewURL?: string;
 };