Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ungic

Package Overview
Dependencies
Maintainers
1
Versions
66
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ungic

Ungic packer is web layout environment with modular [Dart Sass](https://sass-lang.com/dart-sass) framework and a set of tools for web coder

  • 0.3.1
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-98.57%
Maintainers
1
Weekly downloads
 
Created
Source

About ungic packer

Ungic packer is web layout environment with modular Dart Sass framework and a set of tools for web coder

Ungic packer is the environment for web coder. His purpose is to facilitate the preparation of materials for front-end, but rather, helps to solve the following tasks:

Basic tasks

  • Prepare a structure for the future web template
  • Provide a local server for working with project files
  • Provide live server
  • Provide the necessary tools for web coder

HTML preparation

  • Provide the ability to partition pages to (templates, html parts, markdown and text files) for multiple inclusion in your project.
  • Provide full-fledged work with popular template engines such as: Handlebars, Mustache, Underscore, Pug
  • Provide work with dynamic data for templates (JSON, YAML, QueryString, SCSS options - the possibility of a sass ungic framework)
  • Provide tools for debugging
  • Provide helpers to quickly render icons and include static project files
  • Provide html5 validation
  • Provide AMP page validation
  • Provide functionality of release implementation
  • Provide html minification and optimization

Web icons preparation

  • Provide optimization SVG files
  • Provide functionality for packaging icons into web fonts
  • Provide functionality for packaging SVG icons into SVG sprites
  • Provide functionality to image processing and sprite generation
  • Provide functionality to import and export icons
  • Provide release implementation functionality

CSS preparation / SASS framework

To work with css, i developed a sophisticated framework that allows you to write components quickly and use them in your projects, each component can interact with another component using its functionality, in addition to components, there are other features, the features of the framework will be listed below

  • Based on Dart Sass
  • Modularity concept and component implementation
  • Styling a project and inheriting components of project styles
  • Functionality for color inversion and automatic theme inversion
  • Implementing themes and supporting multiple themes
  • Full RTL support
  • Postcss handling (Autoprefix, cleancss, rtl-css, ungic plugins to export themes)
  • Export scss options to JSON and directly to html plugin for template generation
  • Integration with an icon plugin (There are two virtual components sprites and font-icons which can be included in sass components)
  • Release implementation

Get started

  • First, install the global library using npm npm install ungic -g
  • Create an empty directory, go to the directory itself and perform the initial installation with ungic init command
  • To get started you should run the development environment with ungic run command

Commands list:

Global commands

  • ungic --help - It will returns the project version
  • ungic --version - It will returns the packer version
  • ungic --log, -l - Enable or disable logging to the console
  • ungic --mode, -m - Providing the mode configuration. Manipulates NODE_ENV environment variable. [default: "development"]

Commands after running a project

  • --help - It will returns the help about the active menu
  • exit - Action back or exit
  • html - Switch to html plugin menu
    • valid - Check page from the dist directory using validator.w3.org
    • amp_valid - Check page from the dist directory using amp-validator
    • create - Create New Page
    • release - Create release
    • pages - Show pages
    • unwatch - Skip file changes for this plugin
    • watch - To watch file changes for this plugin
    • remove - Remove page
  • icons - Switch to icons plugin menu
    • export - Export svg icons to json file
    • import - Import svg icons from exported file
    • release - Create release
    • unwatch
    • watch
  • sass - Switch to sass plugin menu
    • create - Create sass component
    • release [name] - Assemble components in a release
    • components - Show list of existing components
    • remove - Remove component
    • unwatch
    • watch
  • other - Switch to other menu
    • install_demo - Install demo content
    • create_config - Generate a configuration file if the project was initialized

For more information you can visit the project website

Project website: packer.ungic.com

Source code in a bitbucket

NPM - npm install ungic -g

Author unbywyd

FAQs

Package last updated on 10 May 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc