1.0.0 โ€ข Published 13 days ago

@ptkhanh94npm/vel-temporibus-possimus v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
13 days ago

@ptkhanh94npm/vel-temporibus-possimus

npm version npm downloads Coverage Build Status DUB license semantic-release

A simple, expressive and safe Shopify / Github Pages compatible template engine in pure JavaScript. The purpose of this repo is to provide a standard Liquid implementation for the JavaScript community so that Jekyll sites, Github Pages and Shopify templates can be ported to Node.js without pain.

What's it like?

Basically there're two types of Liquid syntax: tags enclosed by {% %} and outputs enclosed by {{ }}. A Liquid template looks like:

{% if username %}
  {{ username | append: ", welcome to LiquidJS!" | capitalize }}
{% endif %}

A live demo is also available and here's a quick tutorial for Liquid syntax.

Installation

Install from npm in Node.js:

npm install @ptkhanh94npm/vel-temporibus-possimus

Or use the UMD bundle from jsDelivr:

<script src="https://cdn.jsdelivr.net/npm/@ptkhanh94npm/vel-temporibus-possimus/dist/liquid.browser.min.js"></script>

Or render directly from CLI using npx:

npx @ptkhanh94npm/vel-temporibus-possimus --template 'Hello, {{ name }}!' --context '{"name": "Snake"}'

For more details, refer to the Setup Guide.

Who's Using LiquidJS?

  • Eleventy: Eleventy, a simpler static site generator.
  • Opensense: The smarter way to send email.
  • Directus: an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
  • Semgrep: Lightweight static analysis for many languages.
  • Rock: An open source CMS, Relationship Management System (RMS) and Church Management System (ChMS) all rolled into one.
  • Mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
  • Pattern Lab: a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.
  • Builder.io: the first and only headless CMS with a visual editor that lets you drag and drop with your components, directly within your current site or app. Completely API-driven, for cleaner code and simpler workflows.
  • Microsoft Power Pages: a secure, enterprise-grade, low-code software as a service (SaaS) platform for creating, hosting, and administering modern external-facing business websites.
  • Azure API Management developer portal: an automatically generated, fully customizable website with the documentation of your APIs.

Feel free to create a PR or contact me to add your use case into this list!

Financial Support

If you personally love LiquidJS or it's benefiting your business, please consider financially support us:

Special thanks to the following sponsors!

Contributors โœจ

Want to contribute? see Contribution Guidelines. Thanks goes to these wonderful people:

error-handlinghelpersdayjscryptoqueueMicrotaskdirirqphoneconcatairbnbfastcloneECMAScript 2021fast-cloneFunction.prototype.namepolyfilltrimRightmakexdg-opendatastructuremimeextendbyteLengthgetPrototypeOffantasy-landfsschemeeventDispatcherconsolejasminecomparewebjestexit-codehigher-orderObservablesxtermpackagesrmdirsanitizeslotcall-boundproptc39terml10ncore-jspasswordTypeScriptaccessorsetImmediatewarningprotobufsafeeslintpluginthrottleregexwaittapfullwidthStreamssymbolscommandperformantramdaECMAScript 2017reducertasksearchObject.isrobustregularauthclientpromiseString.prototype.trimPush_.extendlinewrapcollection.es6oncepopmotioncjkidstyleguideloadingcurriedcommand-linegradients cssgetoptweakmapmatchestextutil.inspectECMAScript 2018jwtassertionurlsviewtrimStarteslint-pluginformbufferpositivestartfiledeepmonorepothroatclassesECMAScript 5rgbopensgdprwebsitereactbrowserslistworkeruser-streamskarmaObject.getPrototypeOffilterpropertyprefixtakeURLfast-deep-clonechildasthooksjQuerymruUint8ArraywatchcolumnpicomatchshrinkwrapfindLastcliRegExp.prototype.flagsbyteOffsetapollobuffersbatchpackage managerArray.prototype.flatextensiondomObject.entriessyntaxerrorisConcatSpreadablecoercibleartObject.keysUint8ClampedArraylintpreprocessortimeES2015ES2022sortedclassname-0prototypestableanimationvariablesprivate dataexecconfigurableformsarraytsbrowserlisttranspileposecompile lessinterruptsCSSStyleDeclarationhookformclassnamesyamlmetadataprotoless mixinsmime-dbcolumnsentriesredux-toolkitminimal[[Prototype]]privateBigUint64ArrayArray.prototype.flatMaptddnopesequenceframerincludesless.jsestreebreakfastprettyreact-testing-libraryajvObjectgenericsdefinelimitjapanesexhrrandomemojiweaksetlibphonenumberomitreadableexitargumentsrequest__proto__waapiregular expressionsHyBiES7east-asian-widthenvresolvecryptform-validationinstallerrm -rfasciiArrayBuffer.prototype.sliceargsfastifyquerypropertiestypescriptbannermapcompilerfseventsoffsetstylesheetwindowsarraysflatMapgetOwnPropertyDescriptorparentfindupstreams2nodefixed-widthESnextio-tsoptionhashstringifiervalidatoreverydataViewsigtermschemadeleteeslintchromeframeworkstyled-componentseslintconfigwatcheri18nbabelshimforEachoptimizercss-in-jsfullUnderscoretoobjectsettercacheflatStyleSheetES2020css variableString.prototype.matchAlltypesdeterministicwhatwgparsebcryptFloat64ArrayInt32Arrayes6rateexpressjoitraverselinkless csslesslasthttpreact animationESReflect.getPrototypeOfiteratorxdgBigInt64ArrayindicatortypedfunctionalexeawesomesaucebundlingpatchequalityRFC-6455protocol-bufferspersistentfull-widthWebSocketsgraphqlrfc4122core.envECMAScript 2019checkextrakeysgesturesconnectlazycsscomputed-typeswraptslibspringfastcopyinstallpnpm9MapArray.prototype.includesdebuggerobjplugines2015concurrencysigintlogsuperagentlimitedwatchFileidlees8ajaxtoStringTagzodmobileMicrosoftpyyamlstatusvalidregexpnodejsmochaesmodulebluebirdjson-schema-validationcurlrecursivetapees7typeES8Int16ArrayguidAsyncIteratorSetmatchpoint-freetypanionreadcodesquerystringflagsimmutable0authenticationqstelephonechromiumescaperatelimitES2019sharedarraybufferhttpsponyfillmulti-packagefigletequalxssscheme-validationECMAScript 7fetchless compilerarktypees-shimsreduceUint32ArraySymbolwritableeventEmittermkdiruninstalljsaccessibilitynegative zeroimmergroupObject.definePropertyloggingtoArraynamesiteratereact poseparserpathcharactersnested cssInt8ArrayargvieansiWeakSetWebSocketterminalinferenceurlhardlinksstylespostcss-plugindescriptordeepclonefast-copykeybusycensorsignalserializeres2017movebindsymlinkjsdiffpreserve-symlinksnativespecprogressloggerjsxcircularduplextypeofdom-testing-libraryasyncwidthdotenvvalidationdependenciesdiffassertstouchutilitiesstringifyrapidelectronboundtypedarrayssomeES2017namesameValueZerotyped arrayArray.prototype.filterdefaulttrimcharacterinspectdescriptorsmimetypesshamvestawaitprocessfast-deep-copyenvironmentmatchAll256Arrayreal-timeunicodereduxexpressionRxJStacitautoprefixeriscallbindTypedArrayserializecolourtostringtagcopyes-shim APIinternal slotmomentargumentassignoutputappworkspace:*walkingfunctionfoldertestingObject.valuesjsonpathtrimEndfind-upes-abstracthasOwnbabel-coreapiArray.prototype.findLastlaunchsignalsmkdirswhichSymbol.toStringTagcallbackconsttoSortedsuperstructsharedcall-bindtranspilerdependency managerECMAScript 2023harmonyES2016stylecontainsdirectoryReactiveExtensionseventsArrayBufferCSSObservableenumerablegradients css3spinnerclass-validatorsymlinksyupspinnerslookconcatMapglobcreateefficientES2021ArrayBuffer#sliceencryptiondateobjectnumberutilqueuevalueECMAScript 6
1.0.0

13 days ago