Primo Explore Devenv

screenshot of Primo Explore Devenv

A node.js , gulp based development enviornment for Primo's new UI customizations (css,images,html and javascript)

Overview

The Primo New UI Customization Workflow Development Environment is a comprehensive tool designed to simplify the process of customizing the user interface for Primo systems. This environment offers a structured approach to managing various components such as CSS, HTML, Images, and JavaScript, allowing developers to easily configure and deploy their customizations. With clear organization and a straightforward build process, it aims to enhance the user experience and facilitate smoother development workflows.

For developers looking to create tailored experiences within Primo, the environment provides essential directories for build scripts, third-party modules, and customization packages. Additionally, users can leverage resources from the GitHub repository for a deeper understanding and practical examples, streamlining the development journey.

Features

  • Gulp Directory: Contains build scripts and a configuration file where you define your target proxy server for project deployment.
  • Node Modules Directory: Hosts all the required third-party modules, ensuring compatibility and functionality for the development environment.
  • Packages Directory: This is where your final development package is built and stored as a zipped file once the gulp create-package command is executed.
  • Primo-Explore Directory: Includes two key folders: one for placing your custom packages and another for temporary files used during development.
  • Specific View Folder Structure: Each Primo View requires its own folder named accordingly in the primo-explore/custom package directory, promoting organized management of configurations.
  • README.md Files: Each folder in the GitHub repository contains documentation with recipes and examples, which serves as a valuable reference for developers.
  • Installation Instructions: Clear guidelines for setup, including necessary software installations and configuration steps, help streamline the initial setup workflow.
  • Node.js and Gulp Integration: Seamlessly integrates with Node.js and Gulp for task automation, enhancing efficiency in the development process.
gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.