12 مستودعات
Build-time tools that convert domain-specific or extended syntax into standard executable code.
Distinguishing note: Focuses on the transformation process rather than the syntax itself.
Explore 12 awesome GitHub repositories matching web development · Syntax Transformers. Refine with filters or upvote what's useful.
Jest is a JavaScript testing framework designed for writing and running automated test suites to verify the correctness of JavaScript and TypeScript code. It functions as a comprehensive toolset that integrates a test runner, a mocking and spying library, a snapshot testing tool, and a code coverage tool. The framework distinguishes itself through snapshot testing, which records the serialized state of data structures to detect regressions in future executions. It also includes a mocking and spying library for simulating external dependencies and tracking function calls to isolate code during
Integrates a transformation pipeline to transpile non-standard JavaScript and TypeScript before test execution.
Babel is a pluggable JavaScript compiler and transpiler that converts modern ECMAScript syntax into backwards-compatible versions of the language. It functions as an abstract syntax tree manipulator, parsing source code into a hierarchical structure to traverse and modify nodes for custom code transformations. The system utilizes a plugin-driven architecture to apply specific transformation rules and supports presets that bundle multiple plugins into named configuration groups. This enables the transformation of experimental syntax and the injection of non-global polyfills to ensure consisten
Provides build-time tools that convert experimental or extended JavaScript syntax into standard executable code.
This project is a structured educational curriculum designed to guide developers through the mastery of component-based user interface development. It functions as a technical learning resource that provides a comprehensive roadmap for understanding the fundamental principles of modern web development, including component composition, declarative state reconciliation, and virtual document object model diffing. The repository distinguishes itself through a day-by-day guided path that bridges the gap between basic programming knowledge and the advanced language features required for interactive
Converts HTML-like code structures into standard function calls during the build process.
Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co
Provides automated build-time transformation of JSX, TypeScript, and CSS Modules into standard executable code.
This project is a document transformation pipeline that compiles Markdown files into executable JavaScript components. By integrating JSX directly into standard text documents, it enables the creation of interactive content that functions as a component-based engine for modern frontend applications. The system distinguishes itself through a unified, plugin-driven architecture that processes content by converting it into an abstract syntax tree. This allows for deep customization of the compilation logic, enabling developers to map standard Markdown elements to custom interface components, inj
Hooks into the parsing pipeline to transform custom syntax extensions into standard executable code.
Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat
Extends the Metro bundler with a custom transformer that processes Vue template syntax before execution.
This is an ECMAScript proposal that introduces a pipeline operator for JavaScript, enabling left-to-right expression chaining with a dedicated placeholder token to reference the previous step's value. The proposal defines a syntax-only transformation that desugars to standard JavaScript, requiring no new runtime support or engine primitives. The pipeline operator allows chaining operations sequentially, passing each result to the next step in natural reading order. It includes a null-safe variant that short-circuits on nullish values, returning them unchanged and skipping remaining steps. Eac
Defines a syntax-only transformation that desugars to standard JavaScript without runtime support.
Sucrase is a high-speed transpilation tool that compiles modern JavaScript, TypeScript, JSX, and Flow to standard JavaScript for modern runtimes. It operates as a fast alternative to Babel, using a single-pass scanner and tokenizer that strips type annotations and applies only requested syntax transforms without building an AST or performing type checking. The tool differentiates itself through a zero-type-checking pipeline that omits type checking entirely, relying on the assumption that input code is already valid for the target runtime. It uses scanner-based tokenization and single-pass co
Applies only requested syntax transforms for JSX, TypeScript, Flow, and imports while leaving other modern syntax unchanged.
Lebab is a JavaScript code modernization tool that converts older ES5 syntax into contemporary ES6 equivalents. It operates as a source-to-source transpiler, parsing code into an abstract syntax tree, applying structural transformations, and regenerating the output without intermediate representations or runtime dependencies. The tool distinguishes itself through a rule-driven pipeline of independent transformation rules, each targeting a specific ES6 feature like arrow functions, let/const, classes, or modules. It provides a programmatic API that accepts source code and an array of transform
Applies safe and unsafe code transforms to upgrade JavaScript syntax while preserving runtime behavior.
هذا المشروع عبارة عن إضافة Sublime Text وامتداد محرر تطوير ويب يعمل كموسع اختصار ترميز. يسمح بالإنشاء السريع لكتل كود HTML وCSS مهيكلة عن طريق تحويل رموز اختصار موجزة تشبه CSS إلى ترميز وأوراق أنماط كاملة. توفر الأداة أتمتة متقدمة لسير عمل الويب، بما في ذلك إنشاء عناصر HTML متداخلة، وأسماء فئات BEM، وبادئات بائع CSS. كما تتضمن أدوات متخصصة لإنشاء تدرجات CSS مع بدائل توافق المتصفح وتحويل مسارات الصور إلى عناوين URL للبيانات المشفرة بـ base64. بعيداً عن إنشاء الكود، يغطي الامتداد معالجة هيكل الترميز والتنقل. يتضمن ذلك قدرات لموازنة اختيارات العلامات، والقفز بين أزواج العلامات المطابقة، وإجراء حسابات حسابية داخل الكود، وإنشاء نص وهمي للاختبار البصري. النظام قابل للتهيئة من خلال تعيين اسم مستعار للاختصار، وتعريفات مقتطفات مخصصة، وإضافات إضافية لتعديل الفلاتر والإجراءات الداخلية.
Converts abstract abbreviation tokens into language-specific output via configurable flags and mappings.
babel-loader هو إضافة webpack تدمج مترجم Babel في سير عمل تجميع الوحدات. يعمل كجسر يسمح بتحويل JavaScript الحديث إلى إصدارات متوافقة مع الإصدارات السابقة أثناء عملية البناء. يحسن المشروع أحجام الحزم عن طريق استبدال دوال المساعدة المكررة بمراجع إلى وقت تشغيل خارجي مشترك. لتسريع دورات التجميع اللاحقة، يستخدم ذاكرة تخزين مؤقت قائمة على نظام الملفات لتخزين الملفات المعالجة وتجنب التحويل الزائد. يدعم المحمل تعيين التكوين الخاص بالبيئة وتكوينات الهدف لتطبيق قواعد تحويل مختلفة لمنصات العميل والخادم. كما يوفر آلية لنقل بيانات تعريف التحويل مرة أخرى إلى مجمع الوحدات للمزامنة مع إضافات البناء الأخرى.
Passes transpilation data back to the module bundler to synchronize state with other build plugins.
magic-regexp is a type-safe regular expression builder and TypeScript compiler. It allows for the construction of JavaScript regular expressions using a readable syntax that automatically generates precise types for captured groups, ensuring predictable data extraction. The project functions as a build-time transformer that converts custom pattern syntax into standard regular expression objects. This static compilation removes runtime overhead by shifting the transformation logic to the build process. The tool covers named capture group generation and a readable construction API that replace
Translates existing RegExp literals into readable builder syntax and back for easier maintenance.