Wind Extensions ⛳

Simplifying repetitive commands to boost developer productivity and save valuable time.

📌 Console.log()

Easily insert and remove console.log statements

Usage 📋

With selection:

• Highlight a variable (or really any text)
• Press CMD + SHIFT + L
• The output (on a new line) will be: console.log('variable: ', variable);

Without selection:

• Press CMD + SHIFT + L
• The output (on the same line) will be: console.log();

To remove console.logs:

• Press CMD + SHIFT + D
• This will delete all console.log statements in the current document

📌 Vscode Google Translate

Quickly translate text right in your code 🚀

Usage 📋

Translate selected text

1. Select some text to translate
2. Press ALT + SHIFT + T
3. Select the output languages you want and enjoy 👍

Translate a line under cursor

This feature inserts a newline under the current one with translation

1. Set cursor/cursors on line(s) to translate
2. Select menu 'Translate line(s) under the cursor'
3. Select the output languages you want and enjoy

Preferred language settings

Want to quickly translate into a specific language? Run Command 'Set Preferred Language' or Set it in VSCode extension settings

Tooltip Hover Translation

By default when you hover over comments and code, you will get a translation into your preferred language hovering above the element. If you want to turn this off go into extension settings and un-check HoverTranslations then restart VSCode.

Proxy Support

You can use a proxy to translate text with the following settings:

"wind.vscodeGoogleTranslate.host": "120.0.0.1"       // Proxy disabled if empty
"wind.vscodeGoogleTranslate.port": "8080"            // Proxy port
"wind.vscodeGoogleTranslate.username": "admin"       // Proxy auth disabled if empty
"wind.vscodeGoogleTranslate.password": "password"    // Proxy password

📌 Sort JSON objects

Alphabetically sorts the keys in selected JSON objects.

Usage 📋

• Select a JSON object (note, it uses full lines so ensure the selected lines are a valid JSON object)
• Press CMD + SHIFT + P => Sort JSON

Context Menu

If there are too many entries in the Context Menu, then you can modify which get shown by adding (and editing) this to your VSCode preferences:

  "wind.sortJSON.contextMenu": {
      "sortJSON": false,
      "sortJSONAlphaNum": false,
      "sortJSONAlphaNumReverse": false,
      "sortJSONKeyLength": false,
      "sortJSONKeyLengthReverse": false,
      "sortJSONReverse": false,
      "sortJSONType": false,
      "sortJSONTypeReverse": false,
      "sortJSONValues": false,
      "sortJSONValuesReverse": false
  }

Settings

• You can override the sort order (note: this applies to all levels and overrides reverse sort too). Add this to your preferences (settings.json):
  • "wind.sortJSON.orderOverride": ["name", "version", "description"]
• You can underride the sort order (note: this applies to all levels and underrides reverse sort too). Add this to your preferences (settings.json):
  • "wind.sortJSON.orderUnderride": ["dependencies", "devDependencies"]

Sort on save

There's a vscode setting for formatters (settings.json):

  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }

But you can also selectively enable/disable this formatter with (settings.json):

{
  "editor.codeActionsOnSave": {
    "source.fixAll.sortJSON": true
  }
}

Or use a hotkey, if you prefer (keybindings.json):

{
  "key": "cmd+shift+a",
  "command": "editor.action.codeAction",
  "args": {
    "kind": "source.fixAll.sortJSON"
  }
}

📌 I18n

Easily translate and insert localized strings into your code

📌 Snippets

Javascript, Typescript

log.error

console.log('%c❌ Error:', 'color: red; font-weight: bold;');

log.success

console.log('%c✅ Success:', 'color: green; font-weight: bold;');

log.warning

console.log('%c⚠️ Warning:', 'color: orange;');

log.info

console.log('%cℹ️ Info:', 'color: blue;');

React Native

rn

import React from 'react';

import { View, Text, StyleSheet } from 'react-native';

const $1 = () => {
  return (
    <View>
      <Text>{'$1'}</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {}
});

export default $1;

rnf

import React from 'react';

import { View, Text, StyleSheet } from 'react-native';

export default function $1() {
  return (
    <View>
      <Text>{'$1'}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {}
});

rnss

import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {}
});

rnssf

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {}
});

export default styles;

rnss

import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {}
});

rnssf

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {}
});

export default styles;

rnui

import React from 'react';

import { View, Text } from 'react-native-ui-lib';

const $1 = () => {
  return (
    <View>
      <Text>{'$1'}</Text>
    </View>
  );
};

export default $1;

rnuif

import React from 'react';

import { View, Text } from 'react-native-ui-lib';

export default function $1() {
  return (
    <View>
      <Text>{'$1'}</Text>
    </View>
  );
}

Flutter

fless

import 'package:flutter/material.dart';

class $1 extends StatelessWidget {
const $1({ Key? key }) : super(key: key);

  @override
  Widget build(BuildContext context){
    return Container();
  }
}

fful

import 'package:flutter/material.dart';

class $1 extends StatefulWidget {
  const $1({ Key? key }) : super(key: key);

  @override
  State<$1> createState() => $1State();
}

class $1State extends State<$1> {
  @override
  Widget build(BuildContext context) {
    return Container(

    );
  }
}

Owner 🙎‍♂️

Wind Duong

Give five stars 🤩

If you like it, rate it