feat: Implement GitHub Actions for extension publishing and update the @conectate/components/ct-lit snippet definition.

Author: herberthobregon

.github/workflows/publish.yml

@@ -0,0 +1,50 @@
+name: Publish Extension
+
+on:
+  push:
+    tags:
+      - "[0-9]+.[0-9]+.[0-9]+"
+  workflow_dispatch: # Allows manual triggering from the GitHub Actions tab
+
+jobs:
+  publish:
+    name: Build, Publish and Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write # Needed to create a GitHub Release
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          cache: "pnpm"
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Package Extension
+        run: pnpm exec vsce package -o lit-snippets.vsix
+
+      - name: Publish to Visual Studio Marketplace
+        run: pnpm exec vsce publish --packagePath lit-snippets.vsix
+        env:
+          VSCE_PAT: ${{ secrets.VSCE_PAT }}
+
+      - name: Publish to Open VSX
+        run: pnpx -y ovsx publish lit-snippets.vsix
+        env:
+          OVSX_PAT: ${{ secrets.OVSX_PAT }}
+
+      - name: Create GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: lit-snippets.vsix
+          generate_release_notes: true

.gitignore

@@ -1,4 +1,5 @@
 .vscode/test.code-snippets
 node_modules
 .history
-*.vsix
+*.vsix
+.DS_Store

README.md

@@ -20,16 +20,16 @@ Lit snippets for Visual Studio Code.
 
 ### Element and Its Property Snippets
 
-| Trigger       | Snippet                                                      |
-| ------------- | ------------------------------------------------------------ |
-| litbase       | Create LitElement subclasss                                  |
-| littemplate   | Create LitElement subclasss with styles and render fn        |
-| litprop       | Generate property                                            |
-| litquery      | Generate @query property                                     |
-| litqueryall   | Generate @queryall property                                  |
-| litrender     | Generate render function with lit-html                       |
-| litstyles     | Generate `styles` static property                            |
-| ctlittemplate | Create @conectate/ct-lit subclasss with styles and render fn |
+| Trigger       | Snippet                                                                 |
+| ------------- | ----------------------------------------------------------------------- |
+| litbase       | Create LitElement subclasss                                             |
+| littemplate   | Create LitElement subclasss with styles and render fn                   |
+| litprop       | Generate property                                                       |
+| litquery      | Generate @query property                                                |
+| litqueryall   | Generate @queryall property                                             |
+| litrender     | Generate render function with lit-html                                  |
+| litstyles     | Generate `styles` static property                                       |
+| ctlittemplate | Create @conectate/components/ct-lit subclasss with styles and render fn |
 
 ### Event Related Snippets
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "lit-snippets",
-    "version": "1.0.4",
+    "version": "2.0.0",
     "displayName": "Lit Snippets",
     "description": "Lit Snippets for VS Code",
     "categories": [
@@ -62,6 +62,7 @@
     },
     "scripts": {
         "pack": "vsce package",
+        "build": "vsce package -o lit-snippets-v$npm_package_version.vsix",
         "dist": "vsce publish"
     }
 }

src/typescript.json

@@ -42,33 +42,35 @@
     ],
     "description": "New LitElement subclass with lit-html"
   },
-
-  "Create @conectate/ct-lit Component": {
+  "Create @conectate/components/ct-lit Component": {
     "prefix": "ctlittemplate",
     "body": [
-		  "import { CtLit, html, css, customElement, property, state } from \"@conectate/ct-lit\";",
-		  "",
-		  "@customElement(\"${TM_FILENAME_BASE}\")",
-		  "export class ${TM_FILENAME_BASE/([a-z]*)(-)?/${1:/capitalize}/g} extends CtLit {",
-		  "\tstatic styles = [",
-		  "\t\tcss`",
-		  "\t\t\t:host {",
-		  "\t\t\t\tdisplay: block;",
-		  "\t\t\t}",
-		  "\t\t`",
-		  "\t];",
-		  "",
-		  "\trender() {",
-		  "\t\treturn html`${0}`;",
-		  "\t}",
-		  "}",
+      "import { LitElement, html, css, customElement, property, state } from \"@conectate/components/ct-lit\";",
+      "",
+      "@customElement(\"${TM_FILENAME_BASE}\")",
+      "export class ${TM_FILENAME_BASE/([a-z]*)(-)?/${1:/capitalize}/g} extends LitElement {",
+      "\tstatic styles = [",
+      "\t\tcss`",
+      "\t\t\t:host {",
+      "\t\t\t\tdisplay: block;",
+      "\t\t\t}",
+      "\t\t`",
+      "\t];",
+      "",
+      "@property({ type: String }) public text = \"\";",
+      "@state() private _private = \"\";",
+      "",
+      "\trender() {",
+      "\t\treturn html`${0}`;",
+      "\t}",
+      "}",
       "",
       "declare global {",
       "\tinterface HTMLElementTagNameMap {",
       "\t\t\"${TM_FILENAME_BASE}\": ${TM_FILENAME_BASE/([a-z]*)(-)?/${1:/capitalize}/g};",
       "\t}",
       "}"
-		],
+    ],
     "description": "New CtLit subclass"
   },
   "Generate LitElement Property": {
@@ -119,4 +121,4 @@
     ],
     "description": "Generate attributeChangedCallback(): Invoked when component attribute changes."
   }
-}
+}