juo 0.0.1-alpha.2 → 0.0.1-alpha.4

package/templates/configFiles/.gitignore.liquid

@@ -0,0 +1,6 @@
+node_modules
+dist
+.shopify
+.pnpm-store
+.env
+.DS_Store

package/templates/configFiles/.prettierignore.liquid

@@ -0,0 +1,45 @@
+# Dependencies
+node_modules/
+
+# Lock files
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+
+# Build outputs
+dist/
+build/
+*.tsbuildinfo
+
+# Generated files
+coverage/
+.nyc_output/
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Assets (images, fonts, etc.)
+*.png
+*.jpg
+*.jpeg
+*.gif
+*.svg
+*.ico
+*.woff
+*.woff2
+*.ttf
+*.eot

package/templates/configFiles/.prettierrc.liquid

@@ -0,0 +1 @@
+{}

package/templates/configFiles/vite-env.d.ts.liquid

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />

package/templates/css/styles.css

@@ -0,0 +1,71 @@
+.counter-button {
+  padding: 0.5rem 1rem;
+  border-radius: 0.125rem;
+  cursor: pointer;
+}
+
+.container {
+  font-weight: 540;
+  display: flex;
+  gap: 2rem;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2.5rem;
+  border-radius: 0.5rem;
+  border: 1px solid #9ca3af;
+  background-color: #fafafa;
+}
+
+.content {
+  display: flex;
+  align-items: center;
+  gap: 0.875rem;
+}
+
+.icon-container {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.framework-icon {
+  width: 2.25rem;
+  height: 2.25rem;
+  fill: currentColor;
+  color: black;
+}
+
+.typescript-icon {
+  width: 2.5rem;
+  height: 2.5rem;
+  fill: currentColor;
+  color: black;
+}
+
+.text-container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+}
+
+.subtitle {
+  font-size: 12px;
+  line-height: 1rem;
+  color: #696969;
+}
+
+.title {
+  font-size: 15px;
+  line-height: 1;
+  color: #111;
+}
+
+.counter-button-custom {
+  font-size: 0.75rem;
+  line-height: 0.75rem;
+  color: white;
+  background-color: #111;
+  border-radius: 0.375rem;
+  padding: 0.375rem 0.5rem;
+  min-width: 5.5rem;
+}

package/templates/stories/{{block.clsName}}.stories.tsx.liquid

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { {{ block.clsName }} } from "../src/blocks/{{block.slug}}/{{ block.clsName }}";
+
+const meta: Meta<typeof {{ block.clsName }}> = {
+  title: "Blocks/{{ block.name }}",
+  component: {{ block.clsName }},
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+};
+
+export default meta;
+type Story = StoryObj<typeof {{ block.clsName }}>;
+
+export const Default: Story = {
+  args: {
+    title: "{{ block.framework | capitalize }} + Typescript",
+    subtitle: "Starter Block",
+    initialCount: 0,
+  },
+};
+
+

package/templates/tailwind/src/tailwind.css.liquid

@@ -0,0 +1 @@
+@import "tailwindcss";

package/templates/tailwind/vite.config.ts.liquid

@@ -0,0 +1,23 @@
+import { defineConfig } from "vite";
+import tailwindcss from "@tailwindcss/vite";
+import svgr from "vite-plugin-svgr";
+{% if framework == "react" %}
+import react from "@vitejs/plugin-react";
+{% elsif framework == "preact" %}
+import preact from "@preact/preset-vite";
+{% endif %}
+
+export default defineConfig({
+  plugins: [tailwindcss(){% if framework == "react" %}, react(){% endif %}{% if framework == "preact" %}, preact(){% endif %},
+    svgr({
+      svgrOptions: {
+        icon: true,
+      },
+    }),
+  ],
+  build: {
+    rollupOptions: {
+      external: ["@juo/orion-core"],
+    },
+  },
+});

package/dist/base-command.d.ts

@@ -1,23 +0,0 @@
-import { Command, Flags, Interfaces } from '@oclif/core';
-export interface OrionConfig {
-    JUO_API_KEY: string;
-    JUO_API_URL: string;
-}
-type Flags<T extends typeof Command> = Interfaces.InferredFlags<(typeof BaseCommand)['baseFlags'] & T['flags']>;
-type Args<T extends typeof Command> = Interfaces.InferredArgs<T['args']>;
-export declare abstract class BaseCommand<T extends typeof Command> extends Command {
-    static baseFlags: {
-        reconfigure: Interfaces.BooleanFlag<boolean>;
-    };
-    protected args: Args<T>;
-    protected flags: Flags<T>;
-    protected get configFileName(): string;
-    protected get configFilePath(): string;
-    protected configExists(): boolean;
-    protected ensureConfig(reconfigure?: boolean): Promise<OrionConfig>;
-    init(): Promise<void>;
-    protected loadConfig(): Partial<OrionConfig>;
-    protected saveConfig(config: Partial<OrionConfig>): void;
-    protected validateConfig(config: Partial<OrionConfig>): config is OrionConfig;
-}
-export {};

package/dist/base-command.js

@@ -1,122 +0,0 @@
-import { Command, Flags } from '@oclif/core';
-import inquirer from 'inquirer';
-import fs from 'node:fs';
-import path from 'node:path';
-export class BaseCommand extends Command {
-    static baseFlags = {
-        reconfigure: Flags.boolean({
-            default: false,
-            description: 'Reconfigure settings',
-            helpGroup: 'GLOBAL',
-        }),
-    };
-    args;
-    flags;
-    get configFileName() {
-        return 'config.json';
-    }
-    get configFilePath() {
-        return path.join(this.config.configDir, this.configFileName);
-    }
-    configExists() {
-        return fs.existsSync(this.configFilePath);
-    }
-    async ensureConfig(reconfigure = false) {
-        let config = {};
-        if (this.configExists()) {
-            try {
-                config = this.loadConfig();
-                if (this.validateConfig(config) && !reconfigure) {
-                    this.log(`Found configuration at ${this.configFilePath}`);
-                    return config;
-                }
-            }
-            catch {
-                this.log(`Warning: Could not parse existing config at ${this.configFilePath}`);
-            }
-        }
-        if (reconfigure && this.validateConfig(config)) {
-            this.log('Reconfiguring settings...');
-        }
-        else {
-            this.log('Configuration incomplete. Setting up...');
-        }
-        const questions = [];
-        if (!config.JUO_API_URL || reconfigure) {
-            questions.push({
-                default: config.JUO_API_URL,
-                message: 'Enter the Juo API URL:',
-                name: 'JUO_API_URL',
-                type: 'input',
-                validate(input) {
-                    if (!input.trim()) {
-                        return 'Juo API URL is required';
-                    }
-                    return true;
-                },
-            });
-        }
-        if (!config.JUO_API_KEY || reconfigure) {
-            questions.push({
-                message: 'Enter your Juo API key:',
-                name: 'JUO_API_KEY',
-                type: 'password',
-                validate(input) {
-                    if (!input.trim()) {
-                        return 'Juo API key is required';
-                    }
-                    return true;
-                },
-            });
-        }
-        if (questions.length === 0) {
-            return config;
-        }
-        const response = await inquirer.prompt(questions);
-        if (response.JUO_API_URL) {
-            config.JUO_API_URL = response.JUO_API_URL.trim();
-        }
-        if (response.JUO_API_KEY) {
-            config.JUO_API_KEY = response.JUO_API_KEY.trim();
-        }
-        this.saveConfig(config);
-        this.log(`Saved configuration to ${this.configFilePath}`);
-        if (this.validateConfig(config)) {
-            return config;
-        }
-        throw new Error('Failed to create valid configuration');
-    }
-    async init() {
-        await super.init();
-        const { args, flags } = await this.parse({
-            args: this.ctor.args,
-            baseFlags: super.ctor.baseFlags,
-            flags: this.ctor.flags,
-            strict: this.ctor.strict,
-        });
-        this.flags = flags;
-        this.args = args;
-    }
-    loadConfig() {
-        if (!this.configExists()) {
-            throw new Error(`Configuration file not found at ${this.configFilePath}`);
-        }
-        try {
-            const configContent = fs.readFileSync(this.configFilePath, 'utf8');
-            return JSON.parse(configContent);
-        }
-        catch (error) {
-            throw new Error(`Failed to parse configuration file at ${this.configFilePath}: ${error}`);
-        }
-    }
-    saveConfig(config) {
-        fs.mkdirSync(this.config.configDir, { recursive: true });
-        fs.writeFileSync(this.configFilePath, JSON.stringify(config, null, 2), { encoding: 'utf8' });
-    }
-    validateConfig(config) {
-        return Boolean(config.JUO_API_KEY &&
-            config.JUO_API_KEY.length > 0 &&
-            config.JUO_API_URL &&
-            config.JUO_API_URL.length > 0);
-    }
-}