shoplazza-cli 0.0.1

package/.editorconfig

@@ -0,0 +1,28 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+# Matches multiple files with brace expansion notation
+# Set default charset
+[*.{js}]
+charset = utf-8
+
+# Tab indentation (no size specified)
+[Makefile]
+indent_style = tab
+
+# Indentation override for all JS under lib directory
+[lib/**.js]
+indent_style = space
+indent_size = 2
+
+# Matches the exact files either package.json or .travis.yml
+[{package.json,.travis.yml}]
+indent_style = space
+indent_size = 2

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "bracketSpacing": true
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Shoplazza Opensource
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,208 @@
+<p align="center">
+  <h3 align="center">Shoplazza CLI</h3>
+  <p align="center">Shoplazza CLI is a command-line interface tool that helps you build Shoplazza themes. It quickly generates Shoplazza themes. You can also use it to automate many common development tasks.</p>
+  <p align="center">
+    <img src="https://img.shields.io/npm/v/shoplazza-cli">
+  </p>
+</p>
+
+---
+
+Shoplazza CLI is a cross-platform command line tool that you can use to build Shoplazza themes.
+## Features
+
+Shoplazza CLI accelerates your theme development process with the following features:
+
+- Safely preview, test, and share changes to themes using unpublish themes
+- Hot reload CSS and section changes, or automatically refresh a page on file change, when previewing a theme.
+- Initialize a new theme using LifeStyle as a starting point.
+- Use workflow tools like Git to work with a team of theme developers.
+- Upload themes to your store.
+- Watch for local changes and upload them automatically to Shoplazza.
+- Work on Linux, macOS, and Windows.
+
+## Installation [shoplazza-cli](https://www.npmjs.com/package/shoplazza-themekit)
+``` terminal
+$ npm install shoplazza-cli -g
+```
+
+## Before you start
+
+Before you start using Shoplazza CLI to develop themes, make sure that you do the following tasks:
+
+- Install [Node.js](https://nodejs.org/en/) (14.14.0 or higher).
+- Install [Git](https://git-scm.com/downloads).
+- Make sure that you have a account with the Manage themes permission for the store that you want to work on, or you're the owner of the store.
+- Note the URL of the store that you want to work on.
+- Make sure that you're connected to the internet. Most Shoplazza CLI commands need an internet connection to run.
+
+## Getting started
+### Authenticate
+``` terminal
+$ shoplazza login --store developer.myshoplaza.com
+```
+> In your browser window, log into the account that's attached to the store that you want to use for development.
+
+### Create a new theme
+``` terminal
+$ shoplazza theme init
+```
+> Use `shoplazza theme init` to create a new theme on your local machine. This command clones a Git repository to your local machine to use as the starting point for building a theme.
+
+### Connect to existing theme
+``` terminal
+$ shoplazza theme pull
+```
+> Pull the theme onto your local machine using `shoplazza theme pull`. You're prompted to select a theme from the list of themes on the store.
+
+### Preview, test, and share your theme
+``` terminal
+$ shoplazza theme serve
+```
+> After you create or navigate to your theme, you can run `shoplazza theme serve` to interact with the theme in a browser.
+
+### Push your theme to your store
+``` terminal
+$ shoplazza theme push
+```
+> Use `shoplazza theme push` to upload your local theme files to Shoplazza, overwriting the remote versions.
+
+### Publish your theme
+``` terminal
+$ shoplazza theme publish
+```
+> Use `shoplazza theme publish` to select and publish an unpublished theme from your theme library. If you want to publish your local theme, then you need to run `shoplazza theme push` first.
+
+### Find your theme ID
+``` terminal
+$ shoplazza theme list
+```
+> You might want to use a theme's ID to pull, push, publish, or delete a theme using Shoplazza CLI.
+
+
+## Core commands
+
+### help
+``` terminal
+$ shoplazza help
+```
+> Lists the available commands and describes what they do.
+
+### login
+``` terminal
+$ shoplazza login --store developer.myshoplaza.com
+```
+> Authenticates and logs you into the specified store with Shoplazza CLI.
+
+### logout
+``` terminal
+$ shoplazza logout
+```
+> Logs you out of the Shoplazza account and store, the logout command clears credentials. You need to reauthenticate the next time that you connect to a store.
+
+### switch
+``` terminal
+$ shoplazza switch --store developer.myshoplaza.com
+```
+> Switches between stores without logging out and logging in again.
+
+### store
+``` terminal
+$ shoplazza store
+```
+> Displays the store that you're currently connected to.
+
+### version
+``` terminal
+$ shoplazza version
+```
+> Displays the version of Shoplazza CLI that you're running.
+
+## Theme commands
+
+### init
+``` terminal
+$ shoplazza theme init [--name]
+```
+> Clones a Git repository to your local machine to use as the starting point for building a theme.
+
+### serve
+``` terminal
+$ shoplazza theme serve [--theme]
+```
+> Uploads the current theme to the store that you're connected to, and returns the preview link.
+
+### list
+``` terminal
+$ shoplazza theme list
+```
+> Lists the themes in your store, along with their IDs and statuses.
+
+### pull
+``` terminal
+$ shoplazza theme pull [--theme]
+```
+> Retrieves theme files from Shoplazza, if no theme is specified, then you're prompted to select the theme to pull from the list of the themes in your store.
+
+### push
+``` terminal
+$ shoplazza theme push [--theme]
+```
+> Uploads your local theme files to Shoplazza, overwriting the remote theme if specified, if no theme is specified, then you're prompted to select the theme to overwrite from the list of the themes in your store.
+
+### share
+``` terminal
+$ shoplazza theme share
+```
+> Uploads your theme as a new, unpublished theme in your theme library. The command return a preview link that you can share with others.
+
+### publish
+``` terminal
+$ shoplazza theme publish [--theme]
+```
+> Publishes an unpublished theme from your theme library, if no theme ID is specified, then you're prompted to select the theme that you want to publish from the list of themes in your store.
+
+### package
+``` terminal
+$ shoplazza theme package
+```
+> Packages your local theme files into a ZIP file that can be uploaded to Shoplazza. The ZIP file uses the name theme_name-theme_version.zip, based on parameters in your `settings_schema.json` file.
+
+### delete
+``` terminal
+$ shoplazza theme delete [--theme]
+```
+> Deletes a theme from your store, if no theme is specified, then you're prompted to select the theme that you want to delete from the list of themes in your store.
+
+
+## Theme Directory
+
+You can run certain theme commands, such as shoplazza theme serve, only if the directory you're using matches the default Shoplazza theme directory structure. This structure represents a buildless theme, or a theme that has already gone through any necessary file transformations. If you use build tools to generate theme files, then you might need to run commands from the directory where the generated files are stored.
+
+The default Shoplazza theme directory structure is as follows:
+``` terminal
+└── project
+    ├── assets
+    ├── config
+    ├── layout
+    ├── locales
+    ├── sections
+    ├── snippets
+    └── templates
+```
+
+## Support(OS Terminals)
+
+You should expect mostly good support for the CLI below. This does not mean we won't look at issues found on other command line - feel free to report any!
+
+- Mac OS
+  - Terminal.app
+  - iTerm
+- Windows (Known issues):
+  - ConEmu
+  - cmd.exe
+  - Powershell
+  - Cygwin
+- Linux (Ubuntu, openSUSE, Arch Linux, etc):
+  - gnome-terminal (Terminal GNOME)
+  - konsole

package/bin/shoplazza

@@ -0,0 +1,117 @@
+#!/usr/bin/env node
+
+const { program } = require('commander');
+const updateNotifier = require('update-notifier');
+const Sentry = require('@sentry/node');
+const Tracing = require('@sentry/tracing');
+const pkg = require('../package.json');
+const report = require('../lib/report');
+require('../lib/tracing');
+
+Sentry.init({
+  dsn: 'https://89964605acaf4db8839f2d5237396d6c@sentry.shoplazza.com/730',
+  integrations: [
+    // enable HTTP calls tracing
+    new Sentry.Integrations.Http({ tracing: true })
+  ],
+
+  // Set tracesSampleRate to 1.0 to capture 100%
+  // of transactions for performance monitoring.
+  // We recommend adjusting this value in production
+  tracesSampleRate: 1.0
+});
+
+updateNotifier({ pkg }).notify({
+  isGlobal: true
+});
+program.usage('[command] [options]');
+
+program.command('version').description('Welcome to the Shoplazza CLI').action(require('../lib/commands/version'));
+
+program
+  .command('login')
+  .description('Authenticates and logs you into the specified store with Shoplazza CLI.')
+  .option('-s, --store <store>', 'The store domain (Eg: developer.myshoplaza.com)')
+  .action(require('../lib/commands/login').login);
+
+program
+  .command('logout')
+  .description('Logs you out of the Shoplazza account.')
+  .action(require('../lib/commands/logout'));
+
+program
+  .command('switch')
+  .option('-s, --store <store>', 'The store url')
+  .description(`Switches between stores without logging out and logging in again.`)
+  .action(require('../lib/commands/switch'));
+
+program
+  .command('store')
+  .description(`Displays the store that you're currently connected to.`)
+  .action(require('../lib/commands/store'));
+
+const theme = program
+  .command('theme')
+  .description('Some commands related to the theme, Use `shoplazza theme --help` for more details.')
+  .usage('[command] [options]');
+
+theme
+  .command('init')
+  .description('Clones a Git repository to your local machine to use as the starting point for building a theme.')
+  .option('-n, --name <name>', 'Theme folder name')
+  .action(require('../lib/commands/theme/init'));
+
+theme
+  .command('serve')
+  .description(`Uploads the current theme to the store that you're connected to, and returns the following.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to overwrite.')
+  .action(require('../lib/commands/theme/serve'));
+
+theme
+  .command('pull')
+  .description(`Retrieves theme files from Shoplazza.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to pull.')
+  .action(require('../lib/commands/theme/pull'));
+
+theme
+  .command('push')
+  .description(`Uploads your local theme files to Shoplazza, overwriting the remote theme if specified.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to overwrite.')
+  .action(require('../lib/commands/theme/push').pushCommand);
+
+theme
+  .command('publish')
+  .description(`Publishes a theme from your theme library.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to publish.')
+  .action(require('../lib/commands/theme/publish'));
+
+theme.command('list').description(`Lists the themes in your store.`).action(require('../lib/commands/theme/list'));
+
+theme
+  .command('share')
+  .description(`Return a theme preview link.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to delete.')
+  .action(require('../lib/commands/theme/share'));
+
+theme
+  .command('package')
+  .description(`Packages your local theme files into a ZIP file that can be uploaded to Shoplazza.`)
+  .action(require('../lib/commands/theme/package').packageCommand);
+
+theme
+  .command('delete')
+  .description(`Deletes a theme from your store.`)
+  .option('-t, --theme <theme>', 'The ID of the theme that you want to delete.')
+  .action(require('../lib/commands/theme/delete'));
+
+program.parse(process.argv);
+!program.args.length && program.help();
+
+const yargs = require('yargs/yargs');
+const { hideBin } = require('yargs/helpers');
+const { argv } = yargs(hideBin(process.argv));
+
+report('cli_usage', {
+  command: argv._,
+  argv: hideBin(process.argv)
+});

package/fixtures/assets/blog.scss

@@ -0,0 +1,74 @@
+.blogsection {
+  hr {
+    margin: 0;
+  }
+}
+
+.article {
+  &__title {
+    font-size: 32px;
+    color: rgba(56, 56, 56, 1);
+    line-height: 48px;
+  }
+
+  &__date {
+    font-size: 14px;
+    color: rgba(102, 102, 102, 1);
+    line-height: 28px;
+    margin-top: 20px;
+    margin-bottom: 10px;
+  }
+
+  &__excerpt {
+    font-size: 16px;
+    color: rgba(102, 102, 102, 1);
+    line-height: 28px;
+    margin-top: 20px;
+    margin-bottom: 25px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+
+  &__readline {
+    margin-bottom: 50px;
+    margin-top: 10px;
+  }
+
+  &__read {
+    font-size: 16px;
+    font-weight: 600;
+    color: rgba(27, 122, 213, 1);
+    line-height: 28px;
+    flex-shrink: 0;
+    margin-right: 10px;
+  }
+
+  &__blogs {
+    font-size: 14px;
+    color: rgba(102, 102, 102, 1);
+    line-height: 28px;
+    word-break: break-all;
+    text-align: right;
+  }
+}
+
+[data-section-type='blog'] .container {
+  padding: 0;
+  margin-top: 56px;
+}
+
+[data-section-type='blog'] .container .row {
+  margin: 0 -12px;
+}
+
+[data-section-type='blog'] .container .col-12 {
+  padding: 0 12px;
+}
+
+@media (max-width: 767.98px) {
+  [data-section-type='blog'] .container {
+    padding: 0 15px;
+  }
+}