<h2>Overview</h2>
<p>The Meteor Component Example is a demonstration of how to load templates on-demand using the miro:preloader and numtel:publicsources packages. This example is intended to address the issue of large applications suffering from slow initial page loading due to all templates being loaded at once. By implementing lazy-loading with iron:router and other supporting packages, templates can be loaded as needed, resulting in a more efficient and faster application.</p>
<h2>Features</h2>
<ul>
<li>Lazy-loading of templates using miro:preloader and numtel:publicsources</li>
<li>Utilizes iron:router and other supporting packages</li>
<li>Configuration of the lazy-loaded bundle is specified in the site.publicsources.json file</li>
</ul>
<h2>Summary</h2>
<p>The Meteor Component Example showcases how to improve the performance of large applications by implementing lazy-loading of templates. By only loading templates as needed, the initial page load is faster and overall application efficiency is improved. The example provides clear instructions on how to install the required packages and configure the lazy-loaded bundle.</p>


<h2>Overview:</h2>
<p>The numtel:lazy-bundles package is a valuable addition for Meteor applications that require efficient management of client-side assets. By allowing developers to create bundles of source files for lazy loading, this package optimizes loading times and enhances overall performance of the web application. The package facilitates the organization of the public and private directories and provides a structured approach to serving assets, making it a convenient tool for developers.</p>
<p>This package not only replaces older packages but also integrates seamlessly with existing Meteor features, enabling an intuitive experience for users. Whether it's handling public or private bundles, the flexibility offered by this package ensures that developers can easily manage their resources and improve the client-side loading process.</p>
<h2>Features:</h2>
<ul>
<li><strong>Custom Bundle Configuration</strong>: Create xxx.publicbundles.json or xxx.privatebundles.json files to describe bundles of source files for client-side lazy loading.</li>
<li><strong>Glob Patterns Support</strong>: Utilize glob patterns to include multiple files without manually specifying each one, simplifying your file management.</li>
<li><strong>Automatic File Sorting</strong>: The package automatically sorts HTML files to the beginning of a bundle, ensuring proper access to apply helpers and events.</li>
<li><strong>Minified Output for Production</strong>: Easily generate minified versions of your bundles suitable for production environments, enhancing load performance.</li>
<li><strong>Integration with Iron Router</strong>: Combine with the miro:preloader package for dynamic loading of bundled assets as users navigate through different routes of your application.</li>
<li><strong>Flexible Directory Structure</strong>: Specify filenames relative to the public or private directories, making it straightforward to organize and manage source files.</li>
<li><strong>Private Bundle Authentication</strong>: Load private bundles securely on the client-side using the provided authentication plugin, safeguarding sensitive assets.</li>
</ul>


<h2>Overview</h2>
<p>The MySQL Leaderboard Example provides an innovative approach to utilizing a MySQL backend with the familiar Meteor framework, adding a reactive twist to the traditional leaderboard concept. With the integration of the <code>numtel:mysql</code> package, developers can leverage the powerful capabilities of MySQL to build dynamic and engaging applications, all while maintaining the seamless experience Meteor is known for.</p>
<p>By utilizing embedded MySQL or an external MySQL server, this example offers flexibility in configuration and deployment, making it easier for developers to set up and manage their databases. Whether you are working in a Linux or Mac OSX environment, this example opens doors to new possibilities for real-time applications.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Embedded MySQL Server</strong>: The <code>numtel:mysql-server</code> package allows you to embed a MySQL server directly within your Meteor application, simplifying the setup process.</p>
</li>
<li>
<p><strong>Cross-Platform Support</strong>: Currently supports both Linux (32 and 64 bit) and Mac OSX environments, expanding accessibility for developers on different platforms.</p>
</li>
<li>
<p><strong>Reactive Capabilities</strong>: The MySQL Leaderboard Example harnesses the reactivity of Meteor, ensuring that updates to the database are reflected instantly in the user interface.</p>
</li>
<li>
<p><strong>Custom Configuration</strong>: Configuration settings are easily adjusted via the <code>leaderboard.mysql.json</code> file, allowing for straightforward customization of your MySQL setup.</p>
</li>
<li>
<p><strong>Externally Configured Options</strong>: For developers seeking to connect to an external MySQL server, the setup is designed to work with servers configured for binary logging in row mode.</p>
</li>
<li>
<p><strong>Streamlined Integration</strong>: With the new package <code>numtel:mysql</code>, developers can smoothly transition from MongoDB to MySQL, utilizing familiar Meteor patterns and methods.</p>
</li>
</ul>


<h2>Overview</h2>
<p>The numtel:mysql package is a valuable tool for developers working with Meteor who want to implement reactive MySQL functionality. By integrating the mysql-live-select NPM module, it simplifies the process of creating dynamic applications that respond to database changes in real-time. This means you can enjoy the benefits of reactive programming while leveraging the robust features of MySQL version 5.1.15 and above.</p>
<p>Designed to enhance the Meteor framework, this package allows you to take full advantage of live data from MySQL. Whether you're building a leaderboard or other dynamic database-driven applications, numtel:mysql provides the tools you need for efficient data handling and real-time updates.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Reactive Data Handling</strong>: Automatically updates data in your application whenever changes occur in the database, ensuring your users see the latest information without refreshing the page.</p>
</li>
<li>
<p><strong>Integrated MySQL Support</strong>: Seamlessly works with MySQL >= 5.1.15, allowing for efficient data retrieval and management right within your Meteor applications.</p>
</li>
<li>
<p><strong>LiveMysql Class</strong>: Provides modified functionality for SELECT statements, enabling the use of reactive cursors which can be published to the client side with minimal setup.</p>
</li>
<li>
<p><strong>Subscription Management</strong>: Utilizes the MysqlSubscription constructor for managing data subscriptions without the need for additional Meteor.subscribe() calls, streamlining the development process.</p>
</li>
<li>
<p><strong>Event Listener Methods</strong>: Supports native-like event listener methods, such as addEventListener and removeEventListener, enabling robust and flexible event-driven programming.</p>
</li>
<li>
<p><strong>Real-Time Update Signals</strong>: Offers methods like changed() to notify the system of new data, ensuring that updates are communicated effectively.</p>
</li>
<li>
<p><strong>Streamlined Query Modification</strong>: The change() method allows for easy modification of subscription arguments, preserving previous settings and making dynamic updates straightforward.</p>
</li>
</ul>
<p>With these features, numtel:mysql enhances the functionality and performance of your Meteor applications, allowing developers to create more interactive and responsive user experiences.</p>


<h2>Overview</h2>
<p>If you're a developer working with Meteor and looking to integrate PostgreSQL into your application, the numtel:pg package might be just what you need. Built to provide a seamless connection between Meteor and PostgreSQL, this package ensures that you can use reactive SELECT statements efficiently. By harnessing the power of the pg-live-select NPM module, this offering makes it easy to work with real-time data updates.</p>
<p>The package also comes with additional features that extend its usability for more complex scenarios, such as publishing joined queries and managing data updates in a dynamic environment. Whether you're new to Meteor or a seasoned pro, the numtel:pg package is designed to simplify interactions with PostgreSQL, enhancing your app's performance and responsiveness.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Reactive SELECT Statements</strong>: Integrates with pg-live-select, allowing for real-time updates of SELECT statement results from PostgreSQL.</p>
</li>
<li>
<p><strong>PostgreSQL Bundling</strong>: If you don't have PostgreSQL installed, the numtel:pg-server package allows you to bundle the server directly within your Meteor application.</p>
</li>
<li>
<p><strong>LivePg Class Integration</strong>: Provides the LivePg class for reactive querying, enhancing data retrieval processes in your application.</p>
</li>
<li>
<p><strong>Automatic Subscription Management</strong>: Simplifies subscriptions with PgSubscription, eliminating the need for separate Meteor.subscribe() calls.</p>
</li>
<li>
<p><strong>Event Listener Support</strong>: Allows you to bind and manage event listeners for your subscriptions, making it easier to respond to data changes.</p>
</li>
<li>
<p><strong>Data Change Notifications</strong>: The changed() method automatically signals updates, ensuring that your application reacts to new data as it becomes available.</p>
</li>
<li>
<p><strong>Template Integration</strong>: Methods like depend() and reactive() enable seamless updates within Template helpers, ensuring your UI reflects the latest data.</p>
</li>
<li>
<p><strong>Intuitive API</strong>: The use of familiar Array prototypes and straightforward event handling makes it easier for developers to adopt and implement this package.</p>
</li>
</ul>


<h2>Overview</h2>
<p>The <code>numtel:privatesources</code> package is a powerful tool designed for developers using the Meteor framework, particularly when handling files in the private directory of an application. This package simplifies the process of client-side lazy loading by allowing users to create a <code>privatesources.json</code> file that details bundles of source files. These files are then efficiently processed and served to clients, optimizing performance and ensuring a smoother user experience.</p>
<p>With rising complexity in web applications, especially those utilizing numerous assets, the transition to the <code>numtel:lazy-bundles</code> package further emphasizes the need for a modernized approach to resource management. This package not only aids in transpiling files but also helps in managing dependencies effectively, making it a valuable addition for Meteor developers.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Bundle Description</strong>: Create a <code>privatesources.json</code> file to specify bundles of source files, facilitating seamless client-side lazy loading.</li>
<li><strong>Automatic Transpilation</strong>: Source files are automatically combined and transpiled into single <code>.js</code> and <code>.css</code> files per bundle, streamlining asset delivery.</li>
<li><strong>Router Integration</strong>: Utilizes the <code>iron:router</code> package for configuring routes, ensuring efficient loading and management of assets.</li>
<li><strong>Custom File Naming</strong>: Supports flexible naming conventions for JSON files, allowing for easier organization (e.g., <code>myapp.privatesources.json</code>).</li>
<li><strong>Template Files Sorting</strong>: Automatically sorts HTML files to the top, ensuring that template availability precedes script execution in bundles.</li>
<li><strong>Dynamic Asset Loading</strong>: Employs the <code>Assets.getText()</code> method to retrieve asset data on the server side, enhancing flexibility and control over asset loading.</li>
<li><strong>Authentication Hooks</strong>: Features customizable <code>allow()</code> functions for added security, helping to manage client authenticity when accessing assets.</li>
<li><strong>Compatibility with Loader Libraries</strong>: Works effectively with libraries like <code>miro:preloader</code> and <code>manuelschoebel:wait-on-lib</code> for comprehensive asset management during routing.</li>
</ul>


<h2>Overview</h2>
<p>The new <code>numtel:lazy-bundles</code> package marks a significant upgrade for Meteor users, offering enhanced handling for file management within the public directory of applications. This package provides an efficient way to manage source files for client-side lazy-loading, ensuring that your application runs smoothly while optimizing loading times. With the ability to describe custom bundles in a <code>.publicsources.json</code> file, developers can streamline their workflow and improve the user experience by loading only what’s necessary.</p>
<p>The transition to using <code>numtel:lazy-bundles</code> replaces the older method, making it essential for developers to adopt this new approach. By incorporating this package, you can easily structure your files for better management, benefiting from the automatic sorting of HTML files and customizable bundle descriptions that cater to your specific application needs.</p>
<h2>Features</h2>
<ul>
<li><strong>Custom Bundle Configuration</strong>: Easily define bundles of source files in a <code>.publicsources.json</code> file, allowing precise control over which files are loaded and when.</li>
<li><strong>Automatic Transpilation</strong>: Source files are automatically transpiled and merged into single <code>.js</code> and <code>.css</code> files, simplifying the management of multiple files.</li>
<li><strong>Flexible File Paths</strong>: Supports filenames with directory paths and allows loading from the private directory, enhancing flexibility in file organization.</li>
<li><strong>HTML File Prioritization</strong>: Automatically sorts HTML files to the beginning of a bundle, ensuring templates are ready for scripts and helpers.</li>
<li><strong>Integration with Libraries</strong>: Works seamlessly with library loaders like <code>miro:preloader</code> and <code>manuelschoebel:wait-on-lib</code> for efficient file loading during routing.</li>
<li><strong>Compatibility with Existing Packages</strong>: Integrates easily with other source handler packages, although a restart of Meteor is needed for changes to take effect.</li>
<li><strong>Test Application Support</strong>: Offers a specific testing approach, allowing developers to monitor application status in the browser instead of through typical commands.</li>
</ul>


<h2>Overview</h2>
<p>The numtel:webcomponent is a library that allows you to turn any Meteor template into a new element on all modern browsers. It utilizes Polymer's webcomponents.js polyfill library to enable the use of web components. Web components are a set of web platform APIs and a runtime that allow you to create reusable custom elements with their own styles and behavior, encapsulated away from the rest of the DOM.</p>
<h2>Features</h2>
<ul>
<li>Turn any Meteor template into a new element on all modern browsers</li>
<li>Provides CSS and DOM isolation with Shadow DOM</li>
<li>Supports attributes and child DOM</li>
<li>Compatible with all modern browsers (IE 9+)</li>
</ul>
<h2>Summary</h2>
<p>The numtel:webcomponent library allows users to convert any Meteor template into a web component using Polymer's webcomponents.js polyfill library. Web components provide CSS and DOM isolation, allowing for reusable custom elements with their own styles and behavior. The library is compatible with all modern browsers and can be easily installed in a Meteor project.</p>


Numtel

Meteor Component Example

Meteor Lazy Bundles

Meteor Mysql Leaderboard

Meteor Mysql

Meteor Pg

Meteor Privatesources

Meteor Publicsources

Meteor Webcomponent