miki-template 1.2.0 → 1.3.6

package/eslint.config.mjs

@@ -1,34 +1,42 @@
-export default [
-  {
-    files: ['src/**/*.js'],
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'commonjs',
-      globals: {
-        Buffer: 'readonly',
-        console: 'readonly',
-        exports: 'readonly',
-        module: 'readonly',
-        process: 'readonly',
-        __dirname: 'readonly',
-        __filename: 'readonly',
-        require: 'readonly',
-        setTimeout: 'readonly',
-        setInterval: 'readonly',
-        clearTimeout: 'readonly',
-        clearInterval: 'readonly',
-        setImmediate: 'readonly',
-        clearImmediate: 'readonly',
-        global: 'readonly'
-      }
-    },
-    rules: {
-      'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-      'no-console': 'off',
-      'no-undef': 'error',
-      'semi': ['error', 'always'],
-      'quotes': ['error', 'single'],
-      'indent': ['error', 2]
-    }
-  }
-];
+export default [
+  {
+    files: ['src/**/*.js'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'commonjs',
+      globals: {
+        Buffer: 'readonly',
+        console: 'readonly',
+        exports: 'readonly',
+        module: 'readonly',
+        process: 'readonly',
+        __dirname: 'readonly',
+        __filename: 'readonly',
+        require: 'readonly',
+        setTimeout: 'readonly',
+        setInterval: 'readonly',
+        clearTimeout: 'readonly',
+        clearInterval: 'readonly',
+        setImmediate: 'readonly',
+        clearImmediate: 'readonly',
+        global: 'readonly',
+        // Node 18+ standard globals
+        URL: 'readonly',
+        URLSearchParams: 'readonly',
+        TextEncoder: 'readonly',
+        TextDecoder: 'readonly',
+        fetch: 'readonly',
+        crypto: 'readonly',
+        performance: 'readonly'
+      }
+    },
+    rules: {
+      'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+      'no-console': 'off',
+      'no-undef': 'error',
+      'semi': ['error', 'always'],
+      'quotes': ['error', 'single'],
+      'indent': ['error', 2]
+    }
+  }
+];

package/ex.mjs

@@ -0,0 +1,33 @@
+import express from 'express'
+import miki, {__express,registerContextProcessor} from "miki-template"
+import path from 'node:path';
+
+const app =express()
+const dir=path.join(process.cwd(),"dir")
+
+  // app.engine('html', __express);
+  // app.set('view engine', 'html');
+  // app.set('views', dir);
+  miki.setupExpress(app, { extension: 'html', views: dir });
+
+  // registerContextProcessor((cx)=>({
+  //   siteName:"code with miki",
+  //   login:{'name':"miki", 'email':"miki@example.com"}
+  // }))
+  app.get("/",(req,res)=>{
+    const users=[
+      {'name':"miki", 'email':"miki@example.com"},
+      {'name':"miki2", 'email':"miki2@example.com"},
+      {'name':"miki3", 'email':"miki3@example.com"}
+    ]
+    let data=[
+      {name:"miki", email:"jack@miki.com",address:"kumba"},
+      {name:"luis",email:"luis@miki.com",address:"kumba"}
+    ]
+    res.render("index",{name:"miki-template context", users:users, data:data})
+    // res.send(content)
+  })
+
+app.listen(3000, () => {
+    console.log('Server is running on port 3000 click: http://localhost:3000')
+}  )

package/miki-template-extension/.github/workflows/ci.yml

@@ -0,0 +1,116 @@
+name: CI
+
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+  workflow_dispatch:
+
+jobs:
+  lint:
+    name: Lint Extension
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Validate package.json
+        run: npm run validate
+
+      - name: Check for required files
+        run: |
+          echo "Checking required files..."
+          for file in package.json extension.js README.md CHANGELOG.md LICENSE; do
+            if [ ! -f "$file" ]; then
+              echo "Missing required file: $file"
+              exit 1
+            fi
+          done
+
+  test-grammar:
+    name: Test Grammar
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install test dependencies
+        run: npm install --save-dev textmate-grammar-test
+
+      - name: Run grammar tests
+        run: npm run test:grammar
+
+  package:
+    name: Package Extension
+    runs-on: ubuntu-latest
+    needs: [lint, test-grammar]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Package VSIX
+        id: package
+        run: |
+          npx vsce package --no-dependencies
+          echo "version=$(node -p \"require('./package.json').version\")" >> $GITHUB_OUTPUT
+          echo "vsix=$(ls *.vsix 2>/dev/null | head -1)" >> $GITHUB_OUTPUT
+
+      - name: Upload VSIX artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: miki-template-${{ steps.package.outputs.version }}.vsix
+          path: ${{ steps.package.outputs.vsix }}
+
+      - name: List output files
+        run: ls -la *.vsix 2>/dev/null || echo "No VSIX files found"
+
+  publish:
+    name: Publish to Marketplace
+    runs-on: ubuntu-latest
+    needs: [package]
+    if: github.event_name == 'push' && (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/master')
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Download VSIX
+        uses: actions/download-artifact@v4
+        with:
+          name: miki-template-${{ needs.package.outputs.version }}.vsix
+
+      - name: Publish to VS Code Marketplace
+        run: npx vsce publish --no-dependencies
+        env:
+          VSCE_PAT: ${{ secrets.VSCE_PAT }}
+        continue-on-error: true
+
+      - name: Create Release
+        if: success()
+        uses: softprops/action-gh-release@v1
+        with:
+          files: *.vsix
+          generate_release_notes: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/miki-template-extension/.vscodeignore

@@ -0,0 +1,7 @@
+.github/
+tests/
+*.vsix
+icon.svg
+*.log
+node_modules/
+.DS_Store

package/miki-template-extension/CHANGELOG.md

@@ -0,0 +1,99 @@
+# Changelog
+
+All notable changes to this extension will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.7.1] - 2026-09-03
+
+### Added
+
+- **Rename Blocks (F2)**: Rename `{% block name %}` across workspace with F2
+- **Path Completions**: Auto-suggest template files for `{% include %}` and `{% extends %}`
+- **Semantic Token Provider**: Enhanced semantic highlighting with proper token classification
+- **HTML/CSS/JS Embedded Support**: Full syntax highlighting for embedded languages
+- **Emmet Support**: HTML and JavaScript Emmet abbreviations work in templates
+- **CSS in `<style>` tags**: Proper CSS syntax highlighting
+- **JS in `<script>` tags**: Proper JavaScript syntax highlighting
+
+### Fixed
+
+- Grammar patterns for proper HTML scope activation
+- Embedded language mappings for CSS and JavaScript
+- Multiple bug fixes and improvements
+
+## [1.7.0] - 2026-09-03
+
+### Added
+
+- **Inlay Hints**: Show inline parameter hints for filter arguments
+- **Project-wide Find References**: Find blocks, includes, extends across entire workspace
+- **Smart Tag Selection**: Double-click to select entire `{% block %}` content
+- **Custom Tag/Filters Detection**: Auto-detect from project config files
+- **Template Preview Command**: Preview template syntax in a webview panel
+- **Smart Paste**: Auto-detect HTML paste for potential escaping
+- **Bracket Matching Highlights**: Visual highlight for matching `{% if %}`/`{% endif %}` pairs
+- **Template Variables IntelliSense**: Common variable names (user, request, form, items, etc.)
+- **Performance Debouncing**: Optimized validation and decorations with debounce
+- **Quick Outline Navigation**: `Ctrl+Shift+.` and `Ctrl+Shift+,` to jump between blocks
+
+### New Commands
+- `goToNextBlock` / `goToPrevBlock` - Navigate between blocks
+- `previewTemplate` - Preview template in new tab
+- `showOutline` - Quick outline navigation
+- `findBlockReferences` - Find all block references
+
+### New Settings
+- `enableInlayHints` - Toggle inlay hints
+- `enableBracketHighlight` - Toggle bracket highlighting
+- `enableSmartPaste` - Toggle smart paste
+
+## [1.6.0] - 2026-09-03
+
+### Added
+
+- **Color Decorations**: Automatically highlights color values (`#ff0000`, `rgb()`, `rgba()`, `hsl()`, `hsla()`) in templates
+- **Code Actions**: Quick fixes for common issues
+- **Find References**: Find all references to blocks and includes
+- **New Commands**: wrapInBlock, wrapInFor, wrapInIf, addPrettierIgnore
+- **New Settings**: enableColorDecorations, enableCodeActions
+
+### Changed
+
+- Improved completion items with argument hints
+- Better validation diagnostics
+- Enhanced outline view with icons
+
+## [1.5.0] - 2026-09-03
+
+### Added
+
+- **Go-to-Definition**: Jump to included/extended templates and block definitions
+- **Outline View**: See template structure
+- **forloop.* Completions**: Auto-complete loop variables
+- **Keyboard Shortcut**: `Ctrl+Shift+F` to wrap selection with filter
+
+## [1.4.0] - 2026-09-02
+
+### Added
+
+- Dual language support: `miki-template` and `django-html`
+- File associations: `.miki`, `.miki-template`, `.django`, `.dj`
+- Comprehensive filter support (70+ filters)
+- Prettier integration with `prettier-ignore`
+
+## [1.3.0] - 2026-08-15
+
+### Added
+
+- Buy Me a Coffee integration
+- Format on save configuration
+
+## [1.2.0] - 2026-06-01
+
+### Added
+
+- Initial release
+- Basic syntax highlighting
+- Code snippets

package/miki-template-extension/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 miki-template contributors
-
-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.
+MIT License
+
+Copyright (c) 2026 miki-template contributors
+
+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.