init

Author: jwyGithub

.DS_Store

@@ -0,0 +1,3 @@
+# Set default behavior to automatically normalize line endings.
+* text=auto
+

.gitattributes

@@ -0,0 +1,2 @@
+node_modules
+*.vsix

.gitignore

@@ -0,0 +1,17 @@
+// 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": "Extension",
+            "type": "extensionHost",
+            "request": "launch",
+            "args": [
+                "--extensionDevelopmentPath=${workspaceFolder}"
+            ]
+        }
+    ]
+}

.vscode/launch.json

@@ -0,0 +1,5 @@
+.vscode/**
+.vscode-test/**
+.gitignore
+vsc-extension-quickstart.md
+src

.vscodeignore

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 jwy
+
+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.

LICENSE

@@ -0,0 +1,52 @@
+# JavaScript Snippets
+
+> JavaScript Snippets for MDN
+
+<p align="center">
+  <img src="https://images.cnblogs.com/cnblogs_com/jwyblogs/1576071/o_220312063215_javascript.png" alt="icon">
+</p>
+<p align="center">
+  <a href="https://marketplace.visualstudio.com/items?itemName=jwy.javascript-snippets-self">
+    <img src="https://img.shields.io/visual-studio-marketplace/i/jwy.javascript-snippets-self?style=square" alt="">
+  </a>
+  <a href="https://marketplace.visualstudio.com/items?itemName=jwy.javascript-snippets-self">
+    <img src="https://img.shields.io/visual-studio-marketplace/d/jwy.javascript-snippets-self?style=square" alt="">
+  </a>
+  <a href="https://marketplace.visualstudio.com/items?itemName=jwy.javascript-snippets-self">
+    <img src="https://img.shields.io/visual-studio-marketplace/stars/jwy.javascript-snippets-self?style=square" alt="">
+  </a>
+  <a href="https://github.com/jwyGithub/JavaScript-Snippets/blob/main/LICENSE">
+    <img src="https://img.shields.io/github/license/jwyGithub/JavaScript-Snippets?style=square" alt="">
+    
+  </a>
+</p>
+
+## Snippets
+
+> React.js
+
+<table border>
+    <tr style="font-weight: bold">
+        <td width="200">Snippet prefix</td>
+        <td width="200">Specification</td>
+        <td>Description</td>
+    </tr>
+    <tr style="color: #1296db">
+        <td>edc</td>
+        <td></td>
+        <td></td>
+    </tr>
+    <tr style="color: #1296db">
+        <td>edcc</td>
+        <td></td>
+        <td></td>
+    </tr>
+</table>
+<br />
+
+### Supported languages
+
+-   javascript (.js)
+-   typescript (.ts)
+-   javascriptreact (.jsx)
+-   typescripereact (.tsx)

README.md

@@ -0,0 +1,49 @@
+{
+    "name": "react-snippets",
+    "displayName": "React-Snippets",
+    "description": "react snippets for smiple",
+    "version": "0.0.1",
+    "scripts": {
+        "build": "node src/index.js && node src/output/markdown.js"
+    },
+    "icon": "icon/React.png",
+    "engines": {
+        "vscode": "^1.65.0"
+    },
+    "categories": [
+        "Snippets"
+    ],
+    "galleryBanner": {
+        "color": "#0273D4",
+        "theme": "dark"
+    },
+    "publisher": "jwy",
+    "contributes": {
+        "snippets": [
+            {
+                "language": "javascript",
+                "path": "./snippets/snippets.code-snippets"
+            },
+            {
+                "language": "typescript",
+                "path": "./snippets/snippets.code-snippets"
+            },
+            {
+                "language": "javascriptreact",
+                "path": "./snippets/snippets.code-snippets"
+            },
+            {
+                "language": "typescriptreact",
+                "path": "./snippets/snippets.code-snippets"
+            }
+        ]
+    },
+    "repository": "https://github.com/jwyGithub/JavaScript-Snippets.git",
+    "homepage": "https://github.com/jwyGithub/JavaScript-Snippets/readme",
+    "license": "SEE LICENSE IN LICENSE",
+    "devDependencies": {
+        "@types/node": "^17.0.21",
+        "prettier": "^2.5.1"
+    }
+}
+

icon/React.png

@@ -0,0 +1,12 @@
+{
+    "export default component": {
+        "prefix": "edc",
+        "body": "const $1 = () => {\r\n    return <div>$1</div>;\r\n};\r\nexport default $1;\r\n",
+        "description": ""
+    },
+    "export default connect component": {
+        "prefix": "edcc",
+        "body": "import { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nconst App = ({ user, actions }) => {\r\n    return (\r\n        <div>\r\n            <h1>{{ user }}</h1>\r\n        </div>\r\n    );\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n    return {\r\n        user: state.user ?? 'test'\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch, props) => {\r\n    return {\r\n        actions: bindActionCreators(\r\n            {\r\n                writeComment: comment => ({\r\n                    comment,\r\n                    type: 'WRITE_COMMENT'\r\n                })\r\n            },\r\n            dispatch\r\n        )\r\n    };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n",
+        "description": ""
+    }
+}

package.json

@@ -0,0 +1,35 @@
+const fs = require('fs');
+const { resolve } = require('path');
+const prettier = require('./lib/prettier.js');
+
+const snippetsJSONRoot = resolve(__dirname, '../snippets/snippets.code-snippets');
+const snippetsRoot = resolve(__dirname, './snippets');
+
+const format = ({ key, prefix, body, description }) => {
+    return {
+        [key]: {
+            prefix,
+            body: prettier(body),
+            description
+        }
+    };
+};
+
+const generator = () => {
+    try {
+        let snippets = fs.readdirSync(snippetsRoot, { withFileTypes: true }).reduce((pre, item) => {
+            const path = resolve(__dirname, snippetsRoot, item.name);
+            require(path).forEach(item => {
+                const _snippet = format(item);
+                pre = { ...pre, ..._snippet };
+            });
+            return pre;
+        }, {});
+
+        fs.writeFileSync(snippetsJSONRoot, JSON.stringify(snippets, null, 4));
+    } catch (error) {
+        console.log(error);
+    }
+};
+
+generator();

pnpm-lock.yaml

@@ -0,0 +1,33 @@
+exports.tableStr = content => {
+    return `<table border>
+                <tr style="font-weight:bold">
+                    <td width="200">Snippet prefix</td>
+                    <td width="200">Specification</td>
+                    <td>Description</td>
+                </tr>
+            ${content}
+            </table><br/>`;
+};
+
+exports.trStr = content => {
+    return `<tr style="color: #1296db">${content}</tr>`;
+};
+
+exports.tdStr = arrContent => {
+    return arrContent.reduce((pre, cur, index, array) => {
+        return pre + `<td>${cur}</td>`;
+    }, '');
+};
+
+exports.htmlMd = (snippets, type) => {
+    return (
+        '\n' +
+        `> ${type}` +
+        '\n' +
+        this.tableStr(
+            snippets.reduce((pre, item, index, array) => {
+                return pre + this.trStr(this.tdStr([item.prefix, item.specification || '', item.description]));
+            }, '')
+        )
+    );
+};

snippets/snippets.code-snippets

@@ -0,0 +1,21 @@
+const prettier = require('prettier');
+
+module.exports = (html, parser = 'babel') =>
+    prettier.format(html, {
+        arrowParens: 'avoid',
+        bracketSpacing: true,
+        endOfLine: 'crlf',
+        htmlWhitespaceSensitivity: 'css',
+        insertPragma: false,
+        jsxSingleQuote: true,
+        printWidth: 200,
+        proseWrap: 'never',
+        quoteProps: 'as-needed',
+        requirePragma: false,
+        semi: true,
+        singleQuote: true,
+        tabWidth: 4,
+        trailingComma: 'none',
+        useTabs: false,
+        parser: parser
+    });