Created VSCode Extension, some updates from LinkedLives in the field

2023-07-21 16:07:37 -05:00
parent c511fda61a
commit 4184819a9a
30 changed files with 3955 additions and 6 deletions
--- a/VSCode/tests/test.html
+++ b/VSCode/tests/test.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <style>
+        .className {
+            color: red;
+        }
+    </style>
+</head>
+<body>
+    <script>
+        /**
+            source.css
+            meta.embedded.block.html
+            text.html.derivative
+        */
+        let variable = /*html*/ `
+            <div attr="${test}asd${test}">Test</div>${Window}
+        `
+
+        variable = /*css*/`
+        .className {
+            color: red;
+        }
+        `
+
+        variable = /*html*/`<div attr="asdasd">Test</div>${window}`
+
+        variable = //html
+        `
+        <div>Test</div>${Window}
+        `
+
+        variable = /*html*/ 
+        `
+        <div>Test</div>${Window}
+        `
+
+        const fn = (param) => param;
+        const html = (param) => html`<div>Something</div>`
+        fn(//html
+        `<div>Something</div>${window}`
+        )
+        fn(html`<div>OK</div>`)
+
+        variable = /*svg*/`<text x="${test}0" y="0">${elmnt.txt}</text>`
+
+        variable = /*SVG*/`
+        <svg viewBox="0 0 100 100">
+            ${myArray.reduce((html, elmnt) => html + /*svg*/`<text x="${test}0" y="0">${elmnt.txt}</text>`, '')}
+        </svg>`
+
+        variable = /*sql*/`SELECT * FROM \`table\` WHERE 1=1`
+
+        variable = /*sql*/
+        `
+        SELECT -- must have whitespace [\s ] after --
+            *,
+            --123, -- double negative is positive!
+        FROM table--syntax error in mysql
+        `
+
+        variable = /*sql*/
+        `
+        SELECT * FROM ${table}
+        WHERE \`test\` NOT BETWEEN 'Carnarvon Tigers' AND 'Mozzarella di Giovanni'
+        ORDER BY ProductName;
+        `
+        
+        variable = /*XML*/
+        `
+        <?xml version="1.0" encoding="UTF-8"?>
+        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+        <url>
+            <loc>http://www.example.com/</loc>
+        </url>
+        </urlset> 
+        `
+    </script>
+</body>
+</html>
--- a/VSCode/tests/test.svelte
+++ b/VSCode/tests/test.svelte
@@ -0,0 +1,34 @@
+<script>
+    let tests = [
+        /*html*/`<div>OK</div>`,
+        /* INLINE-HTML */ `<div>Test</div>$`,
+        /*css*/`
+        .className {
+            color: red;
+        }
+        `,
+        // html 
+        `
+        <div>Test</div>
+        `,
+        /* html */ 
+        `
+        <div>Test</div>
+        `,
+        /*sql*/
+        `
+        SELECT * FROM test
+        WHERE ProductName NOT BETWEEN 'Carnarvon Tigers' AND 'Mozzarella di Giovanni'
+        ORDER BY ProductName;
+        `,
+        /*XML*/
+        `
+        <?xml version="1.0" encoding="UTF-8"?>
+        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+        <url>
+            <loc>http://www.example.com/</loc>
+        </url>
+        </urlset> 
+        `
+    ]
+</script>
--- a/VSCode/tests/test.vue
+++ b/VSCode/tests/test.vue
@@ -0,0 +1,57 @@
+<template>
+  
+</template>
+
+<script>
+export default {
+    test: /*html*/`<div>OK</div>`,
+    test2() {
+        let variable = /* INLINE-HTML */ `<div>Test</div>${Window}`
+        
+        variable = /*css*/`
+        .className {
+            color: red;
+        }
+        `
+        variable = /* html */ `<div>Test</div>${window}`
+
+        variable = // html 
+        `
+        <div>Test</div>${Window}
+        `
+
+        variable = /* html */ 
+        `
+        <div>Test</div>${Window}
+        `
+
+        const fn = (param) => param;
+        const html = (param) => html`<div>Something</div>`
+        fn(//html
+        `<div>Something</div>${window}`
+        )
+        fn(html`<div>OK</div>`)
+        variable = /*sql*/
+        `
+        SELECT * FROM ${table}\`_postfix\`
+        WHERE ProductName NOT BETWEEN 'Carnarvon Tigers' AND 'Mozzarella di Giovanni'
+        ORDER BY ProductName;
+        `
+
+        variable = /*XML*/
+        `
+        <?xml version="1.0" encoding="UTF-8"?>
+        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+        <url>
+            <loc>http://www.example.com/</loc>
+        </url>
+        </urlset> 
+        `
+    },
+    test: 'asdas'
+}
+</script>
+
+<style>
+
+</style>