@youcan/theme 1.2.0-beta.8 → 2.0.0

package/dist/cli/commands/theme/delete.d.ts

@@ -1,4 +1,5 @@
 import { ThemeCommand } from '@/util/theme-command';
 export default class Delete extends ThemeCommand {
+    static description: string;
     run(): Promise<void>;
 }

package/dist/cli/commands/theme/delete.js

@@ -2,13 +2,14 @@ import { Session, Http, Env, Tasks } from '@youcan/cli-kit';
 import { ThemeCommand } from '../../../util/theme-command.js';
 
 class Delete extends ThemeCommand {
+    static description = 'Select remote development themes to delete';
     async run() {
         await Session.authenticate(this);
         const { dev: themes } = await Http.get(`${Env.apiHostname()}/themes`);
         if (!themes.length) {
             return this.output.info('You have no remote dev themes');
         }
-        const choices = themes.map(t => ({ title: t.name, value: t.id }));
+        const choices = themes.map(t => ({ title: `${t.name} (${t.id})`, value: t.id }));
         const { identifiers } = await this.prompt({
             choices,
             type: 'multiselect',
@@ -18,7 +19,7 @@ class Delete extends ThemeCommand {
         const tasks = identifiers.map((id) => {
             const theme = themes.find(t => t.id === id);
             return {
-                title: `Deleting '${theme.name}'...`,
+                title: `Deleting '${theme.name} (${theme.id})'...`,
                 async task() {
                     await Http.post(`${Env.apiHostname()}/themes/${theme.id}/delete`);
                 },

package/dist/cli/commands/theme/dev.d.ts

@@ -1,4 +1,5 @@
 import { ThemeCommand } from '@/util/theme-command';
 export default class Dev extends ThemeCommand {
+    static description: string;
     run(): Promise<void>;
 }

package/dist/cli/commands/theme/dev.js

@@ -4,6 +4,7 @@ import { load } from '../../../util/theme-loader.js';
 import ThemeWorker from '../../services/dev/worker.js';
 
 class Dev extends ThemeCommand {
+    static description = 'Start a theme development server and preview your changes';
     async run() {
         const theme = await load();
         await Session.authenticate(this);

package/dist/cli/commands/theme/init.js

@@ -5,7 +5,7 @@ import { THEME_FLAGS } from '../../../flags.js';
 import { THEME_CONFIG_FILENAME } from '../../../constants.js';
 
 class Init extends ThemeCommand {
-    static description = 'Clones a theme template Git repo.';
+    static description = 'Clones a theme template git repo';
     static args = {
         name: Args.string({
             name: 'name',
@@ -20,7 +20,7 @@ class Init extends ThemeCommand {
             char: 'u',
             env: 'YC_FLAG_CLONE_URL',
             description: 'The Git URL to clone from',
-            default: 'https://github.com/youcan-shop/light-theme',
+            default: 'https://github.com/youcan-shop/dusk',
         }),
     };
     async run() {
@@ -42,7 +42,7 @@ class Init extends ThemeCommand {
             {
                 title: 'Initializing development theme...',
                 task: async (ctx) => {
-                    const path = await Filesystem.archived(Path.cwd(), answers.theme_name);
+                    const path = await Filesystem.archived(Path.resolve(Path.cwd(), answers.theme_name), answers.theme_name);
                     Object.assign(ctx.payload, { archive: await Form.file(path) });
                     const form = Form.convert(ctx.payload);
                     const res = await Http.post(`${Env.apiHostname()}/themes/init`, {

package/dist/cli/commands/theme/list.d.ts

@@ -0,0 +1,5 @@
+import { ThemeCommand } from '@/util/theme-command';
+export default class List extends ThemeCommand {
+    static description: string;
+    run(): Promise<void>;
+}

package/dist/cli/commands/theme/list.js

@@ -0,0 +1,32 @@
+import { Session, Http, Env } from '@youcan/cli-kit';
+import { ThemeCommand } from '../../../util/theme-command.js';
+
+const formatter = Intl.NumberFormat('en', {
+    notation: 'compact',
+    style: 'unit',
+    unit: 'byte',
+    unitDisplay: 'narrow',
+});
+class List extends ThemeCommand {
+    static description = 'List remote development themes';
+    async run() {
+        await Session.authenticate(this);
+        const { dev: themes } = await Http.get(`${Env.apiHostname()}/themes`);
+        if (!themes.length) {
+            return this.output.info('You have no remote dev themes');
+        }
+        this.output.table(themes.map(t => ({
+            id: t.id,
+            name: t.name,
+            version: t.version,
+            size: formatter.format(t.size),
+        })), {
+            id: { header: 'Identifier' },
+            name: { header: 'Name' },
+            version: { header: 'Version' },
+            size: { header: 'Size' },
+        });
+    }
+}
+
+export { List as default };

package/dist/cli/commands/theme/pack.d.ts

@@ -0,0 +1,6 @@
+import { ThemeCommand } from '@/util/theme-command';
+export declare function date(): string;
+export default class Pack extends ThemeCommand {
+    static description: string;
+    run(): Promise<void>;
+}

package/dist/cli/commands/theme/pack.js

@@ -0,0 +1,46 @@
+import { Session, Tasks, Path, Filesystem } from '@youcan/cli-kit';
+import { ThemeCommand } from '../../../util/theme-command.js';
+import { load } from '../../../util/theme-loader.js';
+
+const formatter = Intl.NumberFormat('en', {
+    notation: 'compact',
+    style: 'unit',
+    unit: 'byte',
+    unitDisplay: 'narrow',
+});
+const FILE_TYPES = [
+    'layouts',
+    'sections',
+    'locales',
+    'assets',
+    'snippets',
+    'config',
+    'templates',
+];
+function date() {
+    const date = new Date();
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    return `${day}-${month}-${year}`;
+}
+class Pack extends ThemeCommand {
+    static description = 'Pack your theme into an archive to upload or share';
+    async run() {
+        await Session.authenticate(this);
+        const theme = await load();
+        const context = await Tasks.run({}, [
+            {
+                title: 'Packing your theme...',
+                async task(ctx) {
+                    const name = `${Path.basename(theme.root)}-${date()}`;
+                    ctx.path = await Filesystem.archived(theme.root, name, `{${FILE_TYPES.join(',')}}/*`);
+                },
+            },
+        ]);
+        const { size } = await Filesystem.stat(context.path);
+        this.output.info(`Theme successfully packed into ${Path.basename(context.path)} (${formatter.format(size)})`);
+    }
+}
+
+export { date, Pack as default };

package/dist/cli/services/dev/worker.js

@@ -129,7 +129,9 @@ class ThemeWorker extends Worker.Abstract {
                 }, 100)();
             }
             catch (err) {
-                this.logger.write(`[error] - ${Path.join(type, name)}`);
+                if (err instanceof Error) {
+                    this.logger.write(`[error] - ${Path.join(type, name)}\n${err.message}`);
+                }
             }
         });
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/theme",
   "type": "module",
-  "version": "1.2.0-beta.8",
+  "version": "2.0.0",
   "description": "OCLIF plugin for building themes",
   "author": "YouCan <contact@youcan.shop> (https://youcan.shop)",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "@oclif/core": "^2.15.0",
     "debounce": "^2.0.0",
     "socket.io": "^4.7.2",
-    "@youcan/cli-kit": "1.2.0-beta.8"
+    "@youcan/cli-kit": "2.0.0"
   },
   "devDependencies": {
     "@oclif/plugin-legacy": "^1.3.0",