initial commit

Author: devmuaz

.eslintrc.json

@@ -0,0 +1,25 @@
+{
+	"env": {
+		"browser": false,
+		"commonjs": true,
+		"es6": true,
+		"node": true,
+		"mocha": true
+	},
+	"parserOptions": {
+		"ecmaVersion": 2018,
+		"ecmaFeatures": {
+			"jsx": true
+		},
+		"sourceType": "module"
+	},
+	"rules": {
+		"no-const-assign": "warn",
+		"no-this-before-super": "warn",
+		"no-undef": "warn",
+		"no-unreachable": "warn",
+		"no-unused-vars": "warn",
+		"constructor-super": "warn",
+		"valid-typeof": "warn"
+	}
+}

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.vscode-test/
+*.vsix

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+	// See https://go.microsoft.com/fwlink/?LinkId=733558
+	// for the documentation about the extensions.json format
+	"recommendations": [
+		"dbaeumer.vscode-eslint"
+	]
+}

.vscode/launch.json

@@ -0,0 +1,26 @@
+// A launch configuration that launches the extension inside a new window
+// Use IntelliSense to learn about possible attributes.
+// Hover to view descriptions of existing attributes.
+// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"name": "Run Extension",
+			"type": "extensionHost",
+			"request": "launch",
+			"args": [
+				"--extensionDevelopmentPath=${workspaceFolder}"
+			]
+		},
+		{
+			"name": "Extension Tests",
+			"type": "extensionHost",
+			"request": "launch",
+			"args": [
+				"--extensionDevelopmentPath=${workspaceFolder}",
+				"--extensionTestsPath=${workspaceFolder}/test/suite/index"
+			]
+		}
+	]
+}

.vscodeignore

@@ -0,0 +1,9 @@
+.vscode/**
+.vscode-test/**
+test/**
+.gitignore
+.yarnrc
+vsc-extension-quickstart.md
+**/jsconfig.json
+**/*.map
+**/.eslintrc.json

CHANGELOG.md

@@ -0,0 +1,3 @@
+## v0.0.1 (2021-11-24)
+
+- Initial release

README.md

@@ -0,0 +1,45 @@
+# Flutter Image Asset Generator
+
+A simple [Visual Studio Code](https://code.visualstudio.com/) extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them to your pubspec.yaml file.
+
+## Usage
+
+After installing the extension, you should see a new option has been added yo your context menu when you right click on any folder inside the `Explorer` section named `Flutter Image Assets: Generate`:
+
+<p align='center'>
+	<img
+		src='https://github.com/devmuaz/flutter-image-assets/blob/master/assets/preview.png?raw=true'
+		title='Flutter Image Assets Preview'
+		alt='Flutter Image Assets Preview'
+	/>
+</p>
+
+Click on it and select the image you want to add.. after that, the selected image will be scaled down to 1x, 2x, and 3x in seprated directories.
+
+<p align='center'>
+	<img
+		src='https://github.com/devmuaz/flutter-image-assets/blob/master/assets/preview2.png?raw=true'
+		title='Flutter Image Assets Preview'
+		alt='Flutter Image Assets Preview'
+	/>
+</p>
+
+## Known Issues
+
+Currently, this extension only generates the scaled images.. but not adding them to the `pubspec.yaml` file so you have to add them yourself.. and it will be added soon as possible.
+
+## Medium articles by the author
+
+You can always read the articles I write on my [devmuaz](https://devmuaz.medium.com/) medium account which I write pretty great Flutter content out there.
+
+## Contributions & Support
+
+Issues and pull requests are always welcome 😄
+
+If you found this extension useful for you and liked it, please star the repo ⭐️ it would mean a lot!
+
+## License
+
+**MIT**
+
+**Enjoy!**

assets/icon.png

@@ -0,0 +1,80 @@
+const vscode = require('vscode');
+const fileSystem = require('fs');
+const imageUtils = require('./src/image_utils');
+
+/**
+ * @param {vscode.ExtensionContext} context
+ */
+const activate = (context) => {
+
+	const command = 'flutter-image-assets.generate';
+	const commandHandler = async (args) => {
+		const destinationPath = getDestinationPath(args);
+
+		if (destinationPath) {
+			const imagePath = await getImagePath();
+
+			// generating images for (1x, 2x, and 3x)
+			for (let mode = 1; mode < 4; mode++) {
+				imageUtils.scaleImageToMode(destinationPath, imagePath, mode);
+			}
+		}
+	}
+
+	context.subscriptions.push(vscode.commands.registerCommand(command, commandHandler));
+}
+
+/**
+ * @param {string} args
+ */
+const getDestinationPath = (args) => {
+	if (args) {
+		const uri = vscode.Uri.parse(args);
+		const path = uri.fsPath;
+		const exists = fileSystem.existsSync(path);
+		const isDirectoryAndExists = exists ? isDirectory(path) : false;
+
+		if (isDirectoryAndExists) {
+			return path;
+		} else {
+			vscode.window.showErrorMessage(`The '${path}' isn't a directory.`);
+		}
+	} else {
+		vscode.window.showErrorMessage(`Can't run the command without a destination directory.`);
+	}
+}
+/**
+ * 
+ * @returns The path of the image file that where selected through the vscode open dialog
+ */
+const getImagePath = async () => {
+	const options = {
+		canSelectMany: false,
+		openLabel: 'Select Image',
+		filters: { 'Images': ['png', 'jpg', 'jpeg', 'JPG', 'JPEG'] }
+	};
+
+	const uri = await vscode.window.showOpenDialog(options);
+	if (uri && uri[0]) {
+		return uri[0].fsPath;
+	}
+}
+
+/**
+ * @param {string} path
+ */
+const isDirectory = (path) => {
+	try {
+		return fileSystem.lstatSync(path).isDirectory();
+	} catch (e) {
+		return false;
+	}
+}
+
+// this method is called when your extension is deactivated
+const deactivate = () => { }
+
+module.exports = {
+	activate,
+	deactivate
+}

assets/preview.png

@@ -0,0 +1,13 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"target": "ES2020",
+		"checkJs": true, /* Typecheck .js files. */
+		"lib": [
+			"ES2020"
+		]
+	},
+	"exclude": [
+		"node_modules"
+	]
+}