infaira-canvas 0.1.9

package/dist/commands/init.js

@@ -0,0 +1,647 @@
+import fs from 'fs';
+import path from 'path';
+import crypto from 'crypto';
+import https from 'https';
+import http from 'http';
+import { fileURLToPath } from 'url';
+// ─── Remote fetch ─────────────────────────────────────────────────────────────
+const ICAN_TYPES_URL = 'https://infaira.ai/dist/client/ican.d.ts';
+function fetchText(url) {
+    return new Promise((resolve, reject) => {
+        const client = url.startsWith('https') ? https : http;
+        client.get(url, (res) => {
+            if (res.statusCode && res.statusCode >= 300 && res.statusCode < 400 && res.headers.location) {
+                fetchText(res.headers.location).then(resolve).catch(reject);
+                return;
+            }
+            if (res.statusCode !== 200) {
+                reject(new Error(`HTTP ${res.statusCode ?? 'unknown'} fetching ${url}`));
+                return;
+            }
+            const chunks = [];
+            res.on('data', (chunk) => chunks.push(chunk));
+            res.on('end', () => resolve(Buffer.concat(chunks).toString('utf-8')));
+            res.on('error', reject);
+        }).on('error', reject);
+    });
+}
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+function toKebabCase(name) {
+    return name
+        .trim()
+        // Insert hyphen before an uppercase letter that follows a lowercase letter or digit
+        // e.g. "SampleWidget" → "Sample-Widget", "myWidget" → "my-Widget"
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        // Insert hyphen between a run of uppercase letters and the start of a new word
+        // e.g. "XMLParser" → "XML-Parser"
+        .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+}
+function toPascalCase(name) {
+    return toKebabCase(name)
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}
+function toTitleCase(name) {
+    return toKebabCase(name)
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(' ');
+}
+function writeFile(dir, relPath, content) {
+    const fullPath = path.join(dir, relPath);
+    const parentDir = path.dirname(fullPath);
+    try {
+        if (!fs.existsSync(parentDir)) {
+            fs.mkdirSync(parentDir, { recursive: true });
+        }
+        fs.writeFileSync(fullPath, content, 'utf-8');
+        console.log(`  Writing  ${relPath}`);
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        console.error(`  Error writing ${relPath}: ${msg}`);
+        process.exit(1);
+    }
+}
+function copyTemplate(targetDir, templateRelPath, destRelPath) {
+    const templatePath = path.join(__dirname, '..', '..', 'templates', templateRelPath);
+    const destPath = path.join(targetDir, destRelPath);
+    const parentDir = path.dirname(destPath);
+    try {
+        if (!fs.existsSync(parentDir)) {
+            fs.mkdirSync(parentDir, { recursive: true });
+        }
+        fs.copyFileSync(templatePath, destPath);
+        console.log(`  Copying  ${destRelPath}`);
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        console.error(`  Error copying ${destRelPath}: ${msg}`);
+        process.exit(1);
+    }
+}
+// ─── Template generators ──────────────────────────────────────────────────────
+function makeBundleJson(bundleId, widgetId, widgetName) {
+    return JSON.stringify({
+        id: bundleId,
+        name: widgetName,
+        version: '1.0.0',
+        author: '',
+        widgets: [
+            {
+                id: widgetId,
+                name: widgetName,
+                description: 'A sample widget',
+                icon: '',
+                tags: [],
+                category: '',
+                isTemplate: false,
+            },
+        ],
+        sidebarLinks: [],
+        uis: [],
+        menuItems: [],
+    }, null, 2);
+}
+function makeSampleBundleJson(bundleId, widgetId, widgetName) {
+    // Valid JSON — no comments allowed in JSON
+    return JSON.stringify({
+        id: bundleId,
+        author: '',
+        widgets: [
+            {
+                id: widgetId,
+                name: widgetName,
+                description: 'A sample widget',
+                icon: '',
+                tags: [],
+                category: '',
+                isTemplate: false,
+            },
+        ],
+        sidebarLinks: [
+            {
+                id: `${widgetId}-link`,
+                label: '',
+                description: '',
+                target: '',
+                icon: '',
+                roles: [],
+            },
+        ],
+        uis: [
+            {
+                id: `${widgetId}-ui`,
+                label: '',
+                description: '',
+                roles: [],
+            },
+        ],
+        menuItems: [
+            {
+                id: `${widgetId}-menu`,
+                title: widgetName,
+            },
+        ],
+    }, null, 2);
+}
+function makeSampleLocalizationJson() {
+    return JSON.stringify({
+        'ican.widget-title': {
+            en: 'Widget Title',
+            ar: '<arabic translation>',
+        },
+    }, null, 2);
+}
+function makeIndexTsx(componentName, widgetName, widgetId) {
+    return `import * as React from 'react';
+import { registerWidget } from './ican';
+import type { IContextProvider } from './ican';
+import './styles.scss';
+
+export interface IWidgetProps {
+  icanContext?: IContextProvider;
+  instanceId?: string;
+  [key: string]: unknown;
+}
+
+const ${componentName}: React.FC<IWidgetProps> = ({ icanContext, instanceId: _instanceId }) => {
+  const [data, setData] = React.useState<unknown>(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState<string | null>(null);
+
+  React.useEffect(() => {
+    if (!icanContext) {
+      setLoading(false);
+      return;
+    }
+    // Example: fetch data from Orch
+    // icanContext.executeAction('MyModel', 'GetAll', {}, { json: true })
+    //   .then((result) => { setData(result); setLoading(false); })
+    //   .catch((err: unknown) => { setError(String(err)); setLoading(false); });
+    setData('Hello from ${widgetName}!');
+    setLoading(false);
+  }, [icanContext]);
+
+  if (loading) {
+    return (
+      <div className="widget-loading">
+        <div className="widget-spinner" />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="widget-error">
+        <p className="widget-error-message">{error}</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="widget-root">
+      <p>{String(data)}</p>
+    </div>
+  );
+};
+
+registerWidget({
+  id: '${widgetId}',
+  widget: ${componentName},
+  configs: {
+    layout: {
+      // w: 10,
+      // h: 8,
+      // minW: 4,
+      // minH: 4,
+    },
+  },
+});
+`;
+}
+function makeStylesScss() {
+    return `.widget-root {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  font-family: 'Comfortaa', 'Inter', system-ui, sans-serif;
+  color: #FFFFFF;
+  padding: 20px;
+
+  * { box-sizing: border-box; }
+}
+
+.widget-loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.widget-spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid rgba(255, 255, 255, 0.15);
+  border-top-color: rgba(255, 255, 255, 0.7);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+.widget-error {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.widget-error-message {
+  font-family: 'Comfortaa', sans-serif;
+  font-size: 0.85rem;
+  color: rgba(249, 115, 96, 0.9);
+  text-align: center;
+  background: rgba(249, 115, 96, 0.08);
+  border: 1px solid rgba(249, 115, 96, 0.25);
+  border-radius: 10px;
+  padding: 14px 20px;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+`;
+}
+function makeIcanTs() {
+    return `/* eslint-disable @typescript-eslint/no-explicit-any */
+import BundleConfig from '../bundle.json';
+import LocalizationMessages from '../localization.json';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+export interface IActionOptions {
+  json?: boolean;
+  key?: string;
+  cancelPrevious?: boolean;
+  executeImmediately?: boolean;
+}
+
+export interface IContextProvider {
+  environment: 'dev' | 'prod';
+  orchUrl?: string;
+  userKey: string;
+  root: string;
+  scriptFiles?: string[];
+  executeAction(model: string, action: string, parameters: unknown, options?: IActionOptions): Promise<unknown>;
+  executeService(app: string, service: string, parameters: unknown, options?: IActionOptions): Promise<unknown>;
+  fireEvent(eventId: string): Promise<void>;
+  hasAppRole(app: string, role: string): boolean;
+  themeName?: string;
+  themeType?: 'Light' | 'Dark' | 'Glass-Dark' | 'Glass-Light';
+  language: string;
+  $L(code: string, params?: Record<string, string>): string;
+}
+
+export interface ILayout {
+  w?: number; h?: number; minW?: number; minH?: number;
+  maxW?: number; maxH?: number; isDraggable?: boolean; isResizable?: boolean; static?: boolean;
+}
+
+export interface IWidgetPropConfig {
+  name: string; label: string;
+  type: 'text' | 'string' | 'password' | 'number' | 'email' | 'checkbox' | 'toggle' | 'select' | 'date' | 'time' | 'json';
+  value?: string | number | boolean;
+  placeholder?: string;
+  options?: Array<{ label: string; value: string }>;
+  validate?: { required?: boolean; minLength?: number; maxLength?: number; minVal?: number; maxVal?: number; };
+}
+
+export interface IWidgetObject {
+  id: string;
+  widget: React.ComponentType<any>;
+  configs?: { layout?: ILayout; props?: IWidgetPropConfig[]; preLoader?: string; };
+  defaultProps?: Record<string, unknown>;
+  isTemplate?: boolean;
+}
+
+export interface ISidebarLink { id: string; click?: () => void; component?: unknown; link?: string; }
+export interface IRenderUIItemProps { id: string; component: unknown; uiProps?: unknown; showDefaultHeader?: boolean; }
+export interface IMenuItem { id: string; title?: string; content: () => unknown; link?: string; component?: unknown; }
+
+declare global {
+  interface Window {
+    registerWidget(config: unknown): void;
+    registerLink(config: unknown): void;
+    registerUI(config: unknown): void;
+    registerMenuItem(config: unknown): void;
+    registerLocalization(messages: unknown): void;
+    ICanComponents: Record<string, unknown>;
+    WidgetDesignerComponents: Record<string, unknown>;
+  }
+}
+
+// ─── Registration ─────────────────────────────────────────────────────────────
+
+export function registerWidget(_widget: IWidgetObject): void {
+  const id = ((BundleConfig.id as string) + '/widget/' + _widget.id).toLowerCase();
+
+  if (!(window as any).registerWidget) {
+    console.error('[ICan] registerWidget called outside of ICan portal context');
+    return;
+  }
+
+  const widgetDetails = (BundleConfig.widgets as Array<{ id: string }>)?.find(w => w.id === _widget.id);
+  if (!widgetDetails) {
+    throw new Error(\`[ICan] Widget "\${_widget.id}" is not in bundle.json. Add it to the widgets array first.\`);
+  }
+
+  const merged: Record<string, unknown> = { ..._widget, ...widgetDetails, id };
+  if (merged['widget'] && !merged['component']) {
+    merged['component'] = merged['widget'];
+  }
+  (window as any).registerWidget(merged);
+}
+
+export function registerLink(_link: ISidebarLink): void {
+  const id = ((BundleConfig.id as string) + '/sidebarlink/' + _link.id).toLowerCase();
+  if (!(window as any).registerLink) { console.error('[ICan] Not in ICan portal context'); return; }
+  const details = (BundleConfig.sidebarLinks as Array<{ id: string }>)?.find(s => s.id === _link.id);
+  if (!details) throw new Error(\`[ICan] Sidebar link "\${_link.id}" not in bundle.json\`);
+  (window as any).registerLink({ ..._link, ...details, id });
+}
+
+export function registerUI(_ui: IRenderUIItemProps): void {
+  const id = ((BundleConfig.id as string) + '/ui/' + _ui.id).toLowerCase();
+  if (!(window as any).registerUI) { console.error('[ICan] Not in ICan portal context'); return; }
+  const details = (BundleConfig.uis as Array<{ id: string }>)?.find(s => s.id === _ui.id);
+  if (!details) throw new Error(\`[ICan] UI "\${_ui.id}" not in bundle.json\`);
+  (window as any).registerUI({ ..._ui, ...details, id });
+}
+
+export function registerMenuItem(_menuItem: IMenuItem): void {
+  const id = ((BundleConfig.id as string) + '/menuitem/' + _menuItem.id).toLowerCase();
+  if (!(window as any).registerMenuItem) { console.error('[ICan] Not in ICan portal context'); return; }
+  const details = (BundleConfig.menuItems as Array<{ id: string }>)?.find(s => s.id === _menuItem.id);
+  if (!details) throw new Error(\`[ICan] Menu item "\${_menuItem.id}" not in bundle.json\`);
+  (window as any).registerMenuItem({ ..._menuItem, ...details, id });
+}
+
+export function enableLocalization(): void {
+  (window as any).registerLocalization(LocalizationMessages);
+}
+`;
+}
+function makeWebpackConfig() {
+    return `var path = require('path');
+
+module.exports = {
+    mode: "development",
+
+    devtool: "source-map",
+
+    resolve: {
+        extensions: [".ts", ".tsx", ".js", ".json"]
+    },
+
+    entry: "./src/index.tsx",
+    output: {
+        path: path.join(__dirname, '/dist'),
+        publicPath: "/dist/",
+        filename: '[name].js'
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\\.css$/,
+                use: ["style-loader", "css-loader"],
+            },
+            {
+                test: /\\.scss$/,
+                use: ["style-loader", "css-loader", { loader: "sass-loader", options: { api: "modern" } }]
+            },
+            {
+                test: /\\.ts(x?)$/,
+                exclude: /node_modules/,
+                use: [{ loader: "ts-loader" }]
+            },
+            {
+                test: /\\.svg$/,
+                use: [{ loader: 'svg-url-loader', options: { limit: 10000 } }],
+            },
+            { enforce: "pre", test: /\\.js$/, loader: "source-map-loader" }
+        ]
+    },
+
+    // React and portal-provided libs stay external — never bundle them.
+    // Everything else (e.g. apexcharts) gets bundled into main.js automatically.
+    externals: {
+        "react": "React",
+        "react-dom": "ReactDOM",
+        "recharts": "Recharts",
+        "ican/components": "ICanComponents",
+        "widget-designer/components": "WidgetDesignerComponents",
+    },
+
+    devServer: {
+        static: { directory: path.join(__dirname, '/') },
+        compress: true,
+        liveReload: true,
+    }
+};
+`;
+}
+function makeWidgetTsConfig() {
+    return JSON.stringify({
+        compilerOptions: {
+            outDir: './dist/',
+            sourceMap: true,
+            strict: true,
+            noImplicitAny: true,
+            strictNullChecks: true,
+            noUnusedLocals: true,
+            noUnusedParameters: true,
+            noImplicitReturns: true,
+            skipLibCheck: true,
+            module: 'commonjs',
+            target: 'es6',
+            jsx: 'react',
+            resolveJsonModule: true,
+            esModuleInterop: true,
+        },
+        include: ['src/**/*', 'ican.d.ts', 'designer.d.ts'],
+    }, null, 2);
+}
+function makeWidgetPackageJson(widgetId) {
+    return JSON.stringify({
+        name: widgetId,
+        version: '1.0.0',
+        private: true,
+        scripts: {
+            build: 'webpack --config webpack.config.js --mode production --progress',
+            'build:dev': 'webpack --config webpack.config.js',
+            watch: 'webpack --watch --config webpack.config.js',
+            dev: 'webpack serve',
+            typecheck: 'tsc --noEmit',
+        },
+        dependencies: {
+            react: '^16.13.1',
+            'react-dom': '^16.13.1',
+        },
+        devDependencies: {
+            '@types/react': '^16.9.43',
+            '@types/react-dom': '^16.9.8',
+            'css-loader': '^6.8.1',
+            sass: '^1.69.0',
+            'sass-loader': '^13.3.2',
+            'source-map-loader': '^4.0.1',
+            'style-loader': '^3.3.3',
+            'svg-url-loader': '^8.0.0',
+            'ts-loader': '^9.5.0',
+            typescript: '^5.2.0',
+            webpack: '^5.88.0',
+            'webpack-cli': '^5.1.4',
+            'webpack-dev-server': '^4.15.1',
+        },
+    }, null, 2);
+}
+function makeEnvExample(portalUrl) {
+    return `# ICan portal URL — used by infaira-canvas upload
+ICAN_URL=${portalUrl}
+
+# Auth token — run "infaira-canvas login" or paste your JWT here
+# NEVER commit the real .env file to git
+ICAN_TOKEN=
+`;
+}
+export function validateBundleJson(raw) {
+    let parsed;
+    try {
+        parsed = JSON.parse(raw);
+    }
+    catch (e) {
+        return { valid: false, error: `bundle.json is not valid JSON: ${e instanceof Error ? e.message : String(e)}` };
+    }
+    if (typeof parsed !== 'object' || parsed === null) {
+        return { valid: false, error: 'bundle.json must be a JSON object' };
+    }
+    const obj = parsed;
+    if (typeof obj['id'] !== 'string' || obj['id'].trim() === '') {
+        return { valid: false, error: 'bundle.json is missing required field "id" (string)' };
+    }
+    if (!Array.isArray(obj['widgets']) || obj['widgets'].length === 0) {
+        return { valid: false, error: 'bundle.json must have a non-empty "widgets" array' };
+    }
+    for (const w of obj['widgets']) {
+        if (typeof w !== 'object' || w === null) {
+            return { valid: false, error: 'Each entry in "widgets" must be an object' };
+        }
+        const widget = w;
+        if (typeof widget['id'] !== 'string' || widget['id'].trim() === '') {
+            return { valid: false, error: 'Each widget must have a non-empty "id" string' };
+        }
+        if (typeof widget['name'] !== 'string' || widget['name'].trim() === '') {
+            return { valid: false, error: `Widget "${widget['id']}" is missing a "name" field` };
+        }
+    }
+    return { valid: true, data: obj };
+}
+// ─── Main export ──────────────────────────────────────────────────────────────
+export async function handleInit(name) {
+    const rawName = name.trim();
+    const kebabName = toKebabCase(name);
+    if (!kebabName) {
+        console.error('Error: widget name must contain at least one alphanumeric character.');
+        process.exit(1);
+    }
+    const widgetTitle = toTitleCase(name);
+    const componentName = toPascalCase(name);
+    const bundleId = crypto.randomUUID();
+    const widgetId = kebabName;
+    const targetDir = path.resolve(process.cwd(), rawName);
+    if (fs.existsSync(targetDir)) {
+        console.error(`Error: directory "${rawName}" already exists.`);
+        process.exit(1);
+    }
+    try {
+        fs.mkdirSync(targetDir, { recursive: true });
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        console.error(`Error: could not create directory "${rawName}": ${msg}`);
+        process.exit(1);
+    }
+    console.log(`\nScaffolding widget: ${widgetTitle}\n`);
+    // ── ican.d.ts — fetch from server, fall back to bundled template ──
+    process.stdout.write(`  Fetching ican.d.ts from ${ICAN_TYPES_URL} ...\n`);
+    let icanDts;
+    try {
+        icanDts = await fetchText(ICAN_TYPES_URL);
+        writeFile(targetDir, 'ican.d.ts', icanDts);
+    }
+    catch {
+        process.stdout.write(`  Warning: could not fetch remote ican.d.ts — using bundled version.\n`);
+        copyTemplate(targetDir, 'ican.d.ts', 'ican.d.ts');
+    }
+    // ── Static template files ──
+    copyTemplate(targetDir, 'designer.d.ts', 'designer.d.ts');
+    copyTemplate(targetDir, 'index.html', 'index.html');
+    copyTemplate(targetDir, 'ui.html', 'ui.html');
+    copyTemplate(targetDir, 'resources/ican-components.js', 'resources/ican-components.js');
+    copyTemplate(targetDir, 'resources/infaira-logo.png', 'resources/infaira-logo.png');
+    copyTemplate(targetDir, 'resources/infaira-icon.png', 'resources/infaira-icon.png');
+    copyTemplate(targetDir, 'resources/favicon.ico', 'resources/favicon.ico');
+    copyTemplate(targetDir, 'site.webmanifest', 'site.webmanifest');
+    copyTemplate(targetDir, 'README.md', 'README.md');
+    copyTemplate(targetDir, 'ICan-Widget-Theming-Guide.md', 'ICan-Widget-Theming-Guide.md');
+    copyTemplate(targetDir, 'ICan-Customizing-Components.md', 'ICan-Customizing-Components.md');
+    copyTemplate(targetDir, 'ICan-Widget-Styling-Patterns.md', 'ICan-Widget-Styling-Patterns.md');
+    copyTemplate(targetDir, 'ICan-Widget-Development-Guide.md', 'ICan-Widget-Development-Guide.md');
+    // ── Generated files ──
+    writeFile(targetDir, 'bundle.json', makeBundleJson(bundleId, widgetId, widgetTitle));
+    writeFile(targetDir, 'src/index.tsx', makeIndexTsx(componentName, widgetTitle, widgetId));
+    writeFile(targetDir, 'src/ican.ts', makeIcanTs());
+    writeFile(targetDir, 'src/styles.scss', makeStylesScss());
+    writeFile(targetDir, 'webpack.config.js', makeWebpackConfig());
+    writeFile(targetDir, 'tsconfig.json', makeWidgetTsConfig());
+    writeFile(targetDir, 'package.json', makeWidgetPackageJson(widgetId));
+    writeFile(targetDir, 'localization.json', '{}\n');
+    writeFile(targetDir, '.env', makeEnvExample('http://localhost:4000'));
+    writeFile(targetDir, 'sample-bundle.json', makeSampleBundleJson(bundleId, widgetId, widgetTitle));
+    writeFile(targetDir, 'sample-localization.json', makeSampleLocalizationJson());
+    writeFile(targetDir, '.gitignore', 'node_modules/\ndist/\n*.tsbuildinfo\n.DS_Store\n.env\n\n# Fetched from AWS at init time — never commit\nican.d.ts\n');
+    const box = `
+\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
+\u2502                                                     \u2502
+\u2502   Widget scaffolded: ${widgetTitle.padEnd(28)} \u2502
+\u2502                                                     \u2502
+\u2502   Setup:                                            \u2502
+\u2502   cd ${rawName.padEnd(46)} \u2502
+\u2502   npm install                                       \u2502
+\u2502                                                     \u2502
+\u2502   Development:                                      \u2502
+\u2502   npm run dev   \u2192  http://localhost:8080            \u2502
+\u2502                                                     \u2502
+\u2502   Type-check:                                       \u2502
+\u2502   npm run typecheck                                 \u2502
+\u2502                                                     \u2502
+\u2502   Build for upload:                                 \u2502
+\u2502   npm run build                                     \u2502
+\u2502                                                     \u2502
+\u2502   Upload to portal:                                 \u2502
+\u2502   infaira-canvas upload \\                           \u2502
+\u2502     --bundle bundle.json \\                          \u2502
+\u2502     --script dist/main.js                           \u2502
+\u2502   (reads ICAN_URL + ICAN_TOKEN from .env)            \u2502
+\u2502                                                     \u2502
+\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518`;
+    console.log(box);
+}

package/dist/commands/upload.d.ts

@@ -0,0 +1,8 @@
+interface IUploadOptions {
+    url: string;
+    token: string;
+    bundlePath: string;
+    scriptPath: string;
+}
+export declare function handleUpload(opts: IUploadOptions): Promise<void>;
+export {};