@livepreso/react-plugin-textfield 0.5.1 → 0.6.0

package/scripts/extract-svg.js

@@ -1,290 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const https = require("https");
-const { transform } = require("@svgr/core");
-// const svgrJSX = require("@svgr/plugin-jsx");
-
-// Array of symbol names to download
-const SYMBOL_NAMES = [
-	"backspace",
-	"align_horizontal_center",
-	"align_horizontal_left",
-	"align_horizontal_right",
-	"align_vertical_bottom",
-	"align_vertical_center",
-	"align_vertical_top",
-	"border_all",
-	"border_bottom",
-	"border_clear",
-	"border_horizontal",
-	"border_inner",
-	"border_left",
-	"border_outer",
-	"border_right",
-	"border_top",
-	"border_vertical",
-	"close",
-	"delete",
-	"delete_column",
-	"delete_row",
-	"format_align_center",
-	"format_align_justify",
-	"format_align_left",
-	"format_align_right",
-	"format_bold",
-	"format_clear",
-	"format_color_fill",
-	"format_italic",
-	"format_list_bulleted",
-	"format_list_numbered",
-	"format_strikethrough",
-	"format_underlined",
-	"help_center",
-	"horizontal_rule",
-	"link",
-	"link_off",
-	"more_vert",
-	"redo",
-	"undo",
-	"format_line_spacing",
-	"vertical_align_top",
-	"vertical_align_center",
-	"vertical_align_bottom",
-	"wand_stars",
-];
-
-/**
- * Extracts SVG files from GitHub and saves them with new names
- * @param {string} style - The style directory (rounded/sharp/outlined)
- * @param {string} weight - The weight parameter for the file name (e.g., 'wght600')
- * @param {string} size - The size parameter for the file name (e.g., '24px')
- * @param {string} outputDir - Optional output directory (defaults to current directory)
- * @param {boolean} createIndex - Whether to create an index.js file (defaults to true)
- */
-
-// eslint-disable-next-line max-params
-function extractSvgFiles(
-	style,
-	weight,
-	size,
-	outputDir = "./",
-	createIndex = true,
-) {
-	// Ensure output directory exists
-	if (!fs.existsSync(outputDir)) {
-		fs.mkdirSync(outputDir, { recursive: true });
-	}
-
-	// Track promises for all downloads
-	const downloadPromises = [];
-
-	// Process each symbol from the predefined array
-	SYMBOL_NAMES.forEach((symbolName) => {
-		const githubUrl = `https://raw.githubusercontent.com/google/material-design-icons/refs/heads/master/symbols/web/${symbolName}/materialsymbols${style}/${symbolName}_${weight}_${size}.svg`;
-
-		const outputFileName = `${symbolName}.svg`;
-		const outputFilePath = path.join(outputDir, outputFileName);
-
-		// Add download promise to array
-		const downloadPromise = downloadFile(githubUrl, outputFilePath)
-			.then(() => {
-				console.log(`Downloaded: ${outputFilePath}`);
-			})
-			.catch((error) =>
-				console.error(`Failed to download ${symbolName}: ${error.message}`),
-			);
-
-		downloadPromises.push(downloadPromise);
-	});
-
-	// Wait for all downloads to complete, then create index if requested
-	Promise.all(downloadPromises)
-		.then(() => {
-			console.log("All downloads complete!");
-
-			// Get all SVG files in the directory
-			const svgFiles = fs
-				.readdirSync(outputDir)
-				.filter((file) => file.toLowerCase().endsWith(".svg"));
-
-			// Create React components from all found SVGs
-			svgFiles.forEach((file) => {
-				const baseName = path.basename(file, ".svg");
-
-				const componentName = toCamelCase(baseName, true);
-				const svgCode = fs.readFileSync(`${outputDir}/${file}`, "utf-8");
-				const reactFilePath = `${outputDir}/${componentName}.js`;
-
-				const reactSvg = transform.sync(
-					svgCode,
-					{
-						icon: size,
-						jsxRuntime: "classic",
-						plugins: ["@svgr/plugin-jsx"],
-					},
-					{ componentName, filePath: reactFilePath },
-				);
-
-				fs.writeFileSync(reactFilePath, reactSvg);
-			});
-
-			if (createIndex) {
-				createSvgIndex({
-					style,
-					weight,
-					size,
-					svgDir: outputDir,
-				});
-			}
-		})
-		.catch((error) => {
-			console.error("Error during download & React component creation:", error);
-		});
-}
-
-/**
- * Downloads a file from a URL and saves it to the specified path
- * @param {string} url - The URL to download from
- * @param {string} outputPath - The path to save the file to
- * @returns {Promise} A promise that resolves when the file is downloaded
- */
-function downloadFile(url, outputPath) {
-	return new Promise((resolve, reject) => {
-		https
-			.get(url, (response) => {
-				if (response.statusCode === 200) {
-					const file = fs.createWriteStream(outputPath);
-					response.pipe(file);
-
-					file.on("finish", () => {
-						file.close();
-						resolve();
-					});
-
-					file.on("error", (err) => {
-						fs.unlink(outputPath, () => {}); // Delete the file if there was an error
-						reject(err);
-					});
-				} else if (response.statusCode === 404) {
-					reject(new Error(`File not found (404): ${url}`));
-				} else {
-					reject(new Error(`Failed to download file: ${response.statusCode}`));
-				}
-			})
-			.on("error", (err) => {
-				reject(err);
-			});
-	});
-}
-
-/**
- * Converts a string to camelCase format
- * @param {string} str - The string to convert
- * @returns {string} The camelCase formatted string
- */
-function toCamelCase(str, captitaliseFirstLetter = false) {
-	// Replace non-alphanumeric characters with spaces, then split into words
-	return str
-		.replace(/[^a-zA-Z0-9]/g, " ")
-		.split(" ")
-		.filter((word) => word.length > 0) // Remove empty strings
-		.map((word, index) => {
-			// First word starts with lowercase, rest with uppercase
-			if (index === 0 && !captitaliseFirstLetter) {
-				return word.toLowerCase();
-			}
-			return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-		})
-		.join("");
-}
-
-/**
- * Creates an index.js file that exports all SVG files from a directory
- * @param {string} svgDir - Directory containing SVG files
- * @param {string} outputFile - Path to the output index.js file
- */
-function createSvgIndex({
-	style,
-	weight,
-	size,
-	svgDir,
-	outputFile = "index.js",
-}) {
-	// Get all SVG files in the directory
-	const svgFiles = fs
-		.readdirSync(svgDir)
-		.filter(
-			(file) =>
-				file.toLowerCase().endsWith(".js") && file.toLowerCase() !== "index.js",
-		);
-
-	if (svgFiles.length === 0) {
-		console.warn(`No SVG files found in ${svgDir}`);
-		return;
-	}
-
-	// Create the content for the index.js file
-	let indexContent = "// Auto-generated index file for SVG exports\n\n";
-
-	// Add imports and exports
-	svgFiles.forEach((file) => {
-		const baseName = path.basename(file, ".js");
-		indexContent += `import ${baseName} from './${file}';\n`;
-	});
-
-	indexContent += "\nexport const MATERIAL_SVG_PARAMS = {\n";
-	indexContent += `\tstyle: "${style}", \n`;
-	indexContent += `\tweight: "${weight}", \n`;
-	indexContent += `\tsize: "${size}", \n`;
-	indexContent += `};\n`;
-
-	indexContent += "\nexport {\n";
-	svgFiles.forEach((file) => {
-		const baseName = path.basename(file, ".js");
-		indexContent += `  ${baseName},\n`;
-	});
-	indexContent += "};\n\n";
-
-	// Add a default export with all icons in an object
-	indexContent += "export default {\n";
-	svgFiles.forEach((file) => {
-		const baseName = path.basename(file, ".js");
-		indexContent += `  ${baseName},\n`;
-	});
-	indexContent += "};\n";
-
-	// Write the index.js file
-	const outputPath = path.join(svgDir, outputFile);
-	fs.writeFileSync(outputPath, indexContent);
-	console.log(`Created SVG index file: ${outputPath}`);
-}
-
-// Example usage:
-// extractSvgFiles('rounded', 'wght600', '24px', './extracted-icons', true);
-
-module.exports = extractSvgFiles;
-
-// If script is run directly
-if (require.main === module) {
-	const args = process.argv.slice(2);
-	if (args.length < 3) {
-		console.log(
-			"Usage: node extract-svg.js <style> <weight> <size> [outputDir] [createIndex]",
-		);
-		console.log(
-			"Example: node extract-svg.js rounded wght600 24px ./icons true",
-		);
-		process.exit(1);
-	}
-
-	const [
-		style,
-		weight,
-		size,
-		outputDir = "./extracted-icons",
-		createIndexArg = "true",
-	] = args;
-	const createIndex = createIndexArg.toLowerCase() !== "false";
-	console.log({ args, style, weight, size, outputDir, createIndex });
-	extractSvgFiles(style, weight, size, outputDir, createIndex);
-}

package/variables.scss

@@ -1,6 +0,0 @@
-$interactive-color: #3c80f6;
-$button-color: #f0f0f0;
-$button-hover-color: #e0e0e0;
-
-$active-color: #a6ccf7;
-$toolbar-color: #222f3e;