first commit

.eslintrc.json

@@ -0,0 +1,30 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint"
+    ],
+    "rules": {
+        "@typescript-eslint/naming-convention": [
+            "warn",
+            {
+                "selector": "import",
+                "format": [ "camelCase", "PascalCase" ]
+            }
+        ],
+        "@typescript-eslint/semi": "warn",
+        "curly": "warn",
+        "eqeqeq": "warn",
+        "no-throw-literal": "warn",
+        "semi": "off"
+    },
+    "ignorePatterns": [
+        "out",
+        "dist",
+        "**/*.d.ts"
+    ]
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+out/

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+	// See http://go.microsoft.com/fwlink/?LinkId=827846
+	// for the documentation about the extensions.json format
+	"recommendations": [
+		"dbaeumer.vscode-eslint",
+        "ms-vscode.extension-test-runner"
+	]
+}

.vscode/launch.json

@@ -0,0 +1,21 @@
+// A launch configuration that compiles the extension and then opens it 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}"
+			],
+			"outFiles": [
+				"${workspaceFolder}/out/**/*.js"
+			],
+			"preLaunchTask": "${defaultBuildTask}"
+		}
+	]
+}

.vscode/settings.json

@@ -0,0 +1,11 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+    "files.exclude": {
+        "out": false // set this to true to hide the "out" folder with the compiled JS files
+    },
+    "search.exclude": {
+        "out": true // set this to false to include "out" folder in search results
+    },
+    // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+    "typescript.tsc.autoDetect": "off"
+}

.vscode/tasks.json

@@ -0,0 +1,20 @@
+// See https://go.microsoft.com/fwlink/?LinkId=733558
+// for the documentation about the tasks.json format
+{
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "npm",
+			"script": "watch",
+			"problemMatcher": "$tsc-watch",
+			"isBackground": true,
+			"presentation": {
+				"reveal": "never"
+			},
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			}
+		}
+	]
+}

.vscodeignore

@@ -0,0 +1,11 @@
+.vscode/**
+.vscode-test/**
+src/**
+.gitignore
+.yarnrc
+vsc-extension-quickstart.md
+**/tsconfig.json
+**/.eslintrc.json
+**/*.map
+**/*.ts
+**/.vscode-test.*

CHANGELOG.md

@@ -0,0 +1,9 @@
+# Change Log
+
+All notable changes to the "codetohtml" extension will be documented in this file.
+
+Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+
+## [Unreleased]
+
+- Initial release

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Aniny21
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,77 @@
+<picture>
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/Aniny21/CodeToHTML/main/demo/logo_light.png">
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/Aniny21/CodeToHTML/main/demo/logo_dark.png">
+  <img src="./demo/logo.png" alt="CodeToHTML_logo">
+</picture>
+
+
+# Overview
+CodeToHTML is a Visual Studio Code extension that allows you to convert source code to HTML, PDF and images with syntax highlighting.
+
+# Installation
+[Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=Aniny.codetohtml)
+
+1. Open Visual Studio Code
+2. Press `Ctrl + Shift + X` to open the Extensions view
+3. Find and select `CodeToHTML`
+5. Click the `Install` button
+
+# Features
+- Convert source code to HTML
+- Convert source code to PDF with selectable text
+- Convert source code to images (PNG, JPEG, SVG)
+
+# Example
+For example, you can convert the following JavaScript code to HTML.
+
+## Original JavaScript code
+<div align="center">
+  <img src="./demo/code.png" alt="JavaScript code" style="width: 500px;">
+</div>
+
+## Converted HTML code
+<div align="center">
+  <img src="./demo/html.png" alt="HTML code" style="width: 500px;">
+</div>
+
+# Usage
+1. Open the source code file you want to convert
+2. Open the command palette by pressing `Ctrl + Shift + P`
+3. Type `CodeToHTML` and select `[CodeToHTML] Code to HTML`
+4. The Webview will open with the HTML code
+
+## Convert to HTML
+![Convert to HTML](./demo/codetohtml.gif)
+
+- Select Code To `HTML`
+- From `Structure` select the structure of the HTML
+- From `Text Wrap` select the text wrapping of the HTML
+- From `Max Length` select the maximum length of text wrapping
+
+## Convert to PDF
+![Convert to PDF](./demo/codetopdf.gif)
+
+- Select Code To `PDF`
+- From `Font(.ttf)` select the font file (optional)
+- From `Text Wrap` select the text wrapping of the PDF
+- From `Max Length` select the maximum length of text wrapping
+
+## Convert to Image
+![Convert to Image](./demo/codetoimage.gif)
+
+- Select Code To `Image`
+- From `Image Type` select the image type (PNG, JPEG, SVG)
+- From `Text Wrap` select the text wrapping of the image
+- From `Max Length` select the maximum length of text wrapping
+
+# Release Notes
+
+## 1.0.0
+Initial release of CodeToHTML
+
+# License
+This extension is licensed under the [MIT License](./LICENSE).
+
+# Credits
+- [jsPDF](https://github.com/parallax/jsPDF) - MIT License
+- [dom-to-image-more](https://github.com/1904labs/dom-to-image-more) - MIT License