@syncify/cli 0.2.1-beta → 0.2.3-beta

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@syncify/cli",
   "description": "The next generation build tool for Shopify theme development.",
-  "version": "0.2.1-beta",
+  "version": "0.2.3-beta",
   "license": "MIT",
   "homepage": "https://github.com/panoply/syncify",
   "bugs": "https://github.com/panoply/syncify/issues",
@@ -72,10 +72,12 @@
     "fs-extra": "^11.1.1",
     "gray-matter": "^4.0.3",
     "html-minifier-terser": "7.2.0",
+    "html-to-image": "^1.11.11",
     "load-tsconfig": "^0.2.5",
     "markdown-it": "^13.0.1",
     "mime-types": "^2.1.35",
     "minimist": "^1.2.8",
+    "morphdom": "^2.7.0",
     "node-notifier": "^10.0.1",
     "p-map": "^6.0.0",
     "prompts": "^2.4.2",

package/pnpm-lock.yaml

@@ -41,6 +41,9 @@ importers:
       html-minifier-terser:
         specifier: 7.2.0
         version: 7.2.0
+      html-to-image:
+        specifier: ^1.11.11
+        version: 1.11.11
       load-tsconfig:
         specifier: ^0.2.5
         version: 0.2.5
@@ -53,6 +56,9 @@ importers:
       minimist:
         specifier: ^1.2.8
         version: 1.2.8
+      morphdom:
+        specifier: ^2.7.0
+        version: 2.7.0
       node-notifier:
         specifier: ^10.0.1
         version: 10.0.1
@@ -2976,6 +2982,10 @@ packages:
       terser: 5.18.1
     dev: false
 
+  /html-to-image@1.11.11:
+    resolution: {integrity: sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA==}
+    dev: false
+
   /http-errors@2.0.0:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
@@ -3558,6 +3568,10 @@ packages:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     dev: true
 
+  /morphdom@2.7.0:
+    resolution: {integrity: sha512-8L8DwbdjjWwM/aNqj7BSoSn4G7SQLNiDcxCnMWbf506jojR6lNQ5YOmQqXEIE8u3C492UlkN4d0hQwz97+M1oQ==}
+    dev: false
+
   /ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: false

package/readme.md

@@ -6,7 +6,10 @@
 
 A lightening fast, extensible and superior alternative Shopify CLI (Theme Development) tool. Syncify provides developers with a powerful CLI and employs an intuitive approach for creating Shopify themes.
 
-**Syncify will exist as part of the [Liquify](https://liquify.dev) project**
+### Demos
+
+- [Syncify Dawn Basic](https://github.com/panoply/syncify-dawn-basic)
+- [Syncify Dawn Advanced](https://github.com/panoply/syncify-dawn-advanced)
 
 ### Key Features
 
@@ -164,48 +167,13 @@ process.env['YOUR-SHOP-NAME_API_KEY'] = 'abcdefghijklmnopqrstuvwz';
 process.env['YOUR-SHOP-NAME_API_SECRET'] = 'abcdefghijklmnopqrstuvwz';
 ```
 
-# Package Schema
-
-Syncify exposes a large set of configuration options. If you are using a text editor like [VS Code](https://code.visualstudio.com/) or one which supports [JSON Schema Specs](https://json-schema.org/specification.html) then you can extend `package.json` schemas. JSON schema specs provide features like hover descriptions, validations, auto-completion and intellisense for JSON file types. Extending the package schema will enable these capabilities be provided to the `syncify` field.
-
-> It is **highly recommended** that you extend the `package.json` json specifications.
-
-### Generate Schemas (vscode users)
-
-Syncify can automatically generate the `package.json` schema specs for developers using the VSCode text editor. The settings reference will be written within the `.vscode` directory relative to root. Use the following command:
-
-```
-syncify --vsc
-```
-
-### Provide Manually
-
-If you wish to provide the specs manually you will need to create a `.vscode` directory and `settings.json` file within. The `settings.json` should contain the following configuration settings:
-
-```json
-{
-  "files.associations": {
-    ".syncifyrc": "json"
-  },
-  "json.schemas": [
-    {
-      "fileMatch": ["package.json"],
-      "url": "https://unpkg.com/@syncify/schema/package.json"
-    },
-    {
-      "fileMatch": [".syncifyrc", ".syncifyrc.json"],
-      "url": "https://unpkg.com/@syncify/schema/syncify.json"
-    }
-  ]
-}
-```
-
 # Configuration
 
 Syncify supports `syncify.config.js` and `package.json` configurations. Depending on your preference, either option suffices and no restrictions are imposed. If you are defining options within your projects `package.json` file you can assign options on the `syncify` property.
 
 ### Supported Files
 
+- `syncify.config.ts`
 - `syncify.config.js`
 - `syncify.config.ts`
 - `syncify.config.mjs`
@@ -319,7 +287,7 @@ export default defineConfig({
     // sprite: {},
     // sharp: {},
   },
-  minify: {
+  terser: {
     json: {
       assets: true,
       config: true,
@@ -345,7 +313,7 @@ export default defineConfig({
 
 # Getting Started
 
-It is relatively easy to get started developing Shopify themes using Syncify. If you are converting an existing project and using Theme Kit or another build environment you can progressively adapt it into your workflow by manually configuring how Syncify should behave. Whatever the case, have a look at the [Syncify Examples](#) repository.
+It is relatively easy to get started developing Shopify themes using Syncify. If you are converting an existing project and using Theme Kit or another build environment you can progressively adapt it into your workflow by manually configuring how Syncify should behave. Whatever the case, have a look at the [Syncify Strap](https://github.com/panoply/syncify-strap) repository.
 
 ### Pre-requisites
 
@@ -660,8 +628,8 @@ export default defineConfig({
     snippets: 'snippets/*.liquid',
     templates: 'templates/*.liquid',
     customers: 'templates/customers/*',
-    pages: 'pages/*',
-    redirects: 'redirects.yaml',
+    // pages: 'pages/*',
+    // redirects: 'redirects.yaml',
   }
 })
 ```
@@ -1101,7 +1069,7 @@ Syncify provides SCSS/SASS transform support for `.scss` and `.sass` file types
 pnpm add sass -D
 ```
 
-### Tailwind Support
+### Tailwind Support ~ COMING SOON
 
 Syncify supports TailwindCSS for CSS processing. If you require transform support for Tailwind, you need to install the TailwindCSS module as a development dependency in your project. Syncify will ignore Tailwind class name occurrences without the module installed.
 
@@ -1745,7 +1713,7 @@ When we are talking about Liquid syntax specifically, there is no real measurabl
 
 ### Usage
 
-Produce terse output by passing `--terse` (or `--minify`) command flag. The `--prod` flag will also produce terse output. You can pass a boolean `false` to options to skip minification.
+Produce terse output by passing `--terse` command flag. The `--prod` flag will also produce terse output. You can pass a boolean `false` to options to skip minification.
 
 ### Terse Options
 
@@ -1812,6 +1780,8 @@ If you are using a package manager like [pnpm](https://pnpm.js.org/en/cli/instal
 
 ### Commands
 
+### PARTIALLY INCOMPLETE - NOT ALL COMMANDS WORK
+
 The Syncify CLI supports the following commands.
 
 ```bash

package/types/cli.d.ts

@@ -468,6 +468,20 @@ export interface Commands {
    * ```
    */
   bump?: string;
+  /**
+   * Runs view transforms only (i.e: `.liquid` and `.json` files)
+   * ---
+   *
+   * Example:
+   *
+   * ```bash
+   * $ syncify --views         # executes build
+   * $ syncify -w --views       # executes in watch mode
+   * $ syncify --views --prod   # executes build with minify
+   * $ syncify --views --terse # executes build with minify
+   * ```
+   */
+  views?: boolean;
   /**
    * Runs the script transform only
    * ---
@@ -478,7 +492,7 @@ export interface Commands {
    * $ syncify --script          # executes build
    * $ syncify -w --script       # executes in watch mode
    * $ syncify --script --prod   # executes build with minify
-   * $ syncify --script --minify # executes build with minify
+   * $ syncify --script --terse # executes build with minify
    * ```
    */
   script?: boolean;
@@ -492,7 +506,7 @@ export interface Commands {
    * $ syncify --style           # executes build
    * $ syncify -w --style        # executes in watch mode
    * $ syncify --style --prod    # executes build with minify
-   * $ syncify --style --minify  # executes build with minify
+   * $ syncify --style --terse  # executes build with minify
    * ```
    */
   style?: boolean;
@@ -506,7 +520,7 @@ export interface Commands {
    * $ syncify --svg           # executes build
    * $ syncify -w --svg        # executes in watch mode
    * $ syncify --svg --prod    # executes build with minify
-   * $ syncify --svg --minify  # executes build with minify
+   * $ syncify --svg --terse  # executes build with minify
    * ```
    */
   svg?: boolean;
@@ -520,7 +534,7 @@ export interface Commands {
    * $ syncify --image           # executes build
    * $ syncify -w --image        # executes in watch mode
    * $ syncify --image --prod    # executes build with minify
-   * $ syncify --image --minify  # executes build with minify
+   * $ syncify --image --terse  # executes build with minify
    * ```
    */
   image?: boolean;

package/types/internal/index.d.ts

@@ -272,6 +272,10 @@ export interface Modes {
    * Invoke HOT reloads, `--hot`
    */
   hot: boolean;
+  /**
+   * Run the views transform, `--views`
+   */
+  views: boolean;
   /**
    * Run the style transform, `--style`
    */