build.js

// const fs = require('fs');
const fs = require('fs-extra');
const path = require('path');
const metadata = require('./package.json');

function copyRecursiveSync(src, dest) {
    const exists = fs.existsSync(src);
    const stats = exists && fs.statSync(src);
    const isDirectory = exists && stats.isDirectory();

    if (isDirectory) {
        if (!fs.existsSync(dest)) fs.mkdirSync(dest);
        fs.readdirSync(src).forEach(childItemName => {
            copyRecursiveSync(path.join(src, childItemName),
                              path.join(dest, childItemName));
        });
    } else {
        fs.copyFileSync(src, dest);
    }
}


const buildDirPath = path.join(__dirname, 'build');
const distDir = path.join(__dirname, metadata.name + '-dist');
const commonDistDir = path.join(distDir.toString(), 'common');
const indexPhpPath = path.join(__dirname, 'index.php');
const gearCommonFile = path.join(commonDistDir.toString(), 'gearCommonData.js');
const itemsToCopy = [
    'build',
    'index.php',
];

const blocks = fs.readdirSync(buildDirPath).filter(file =>
  fs.statSync(path.join(buildDirPath, file)).isDirectory()
);
const blocksString = blocks.map(block => `'${block}'`).join(', ');

const indexPhpContent =`<?php
/**
 * Plugin Name: Vara Components
 * Description: Plugin with custom blocks to handle Vara network features
 * Version: 1.0
 * Author: Vara
 */

// 1. Register the option to store data in wordpress
function gear_plugin_register_settings() {
    register_setting('gear_plugin_settings_group', 'gear_rpc_url');
    register_setting('gear_plugin_settings_group', 'gear_server_url');
    register_setting('gear_plugin_settings_group', 'gear_contract_id');
    register_setting('gear_plugin_settings_group', 'gear_idl_content');
    register_setting('gear_plugin_settings_group', 'gear_app_name');
}
add_action('admin_init', 'gear_plugin_register_settings');

// 2. Main menu and sub-menus 
function gear_plugin_add_admin_menu() {
    // Menú principal "Vara Components"
    add_menu_page(
        'Vara Components',             // page title
        'Vara Components',             // manu title
        'manage_options',              // capacity
        'gear_plugin',                 // Slug
        'gear_plugin_main_page',       // main page Callback
        'dashicons-admin-generic',     // Icon
        80                             // menu position
    );

    // Submenú "Settings"
    add_submenu_page(
        'gear_plugin',                 // menu parent Slug
        'Settings',                    // page title 
        'Settings',                    // sub-menu title
        'manage_options',              // capacity
        'gear_plugin_settings',        // Slug
        'gear_plugin_settings_page'    // Callback
    );

    // Submenu "About" (optional)
    add_submenu_page(
        'gear_plugin',
        'About',
        'About',
        'manage_options',
        'gear_plugin_about',
        'gear_plugin_about_page'
    );
}
add_action('admin_menu', 'gear_plugin_add_admin_menu');

// 3. Main page (Vara components)
function gear_plugin_main_page() {
    echo '<div class="wrap"><h1>Vara Components</h1><p>Vara network wordpress blocks.</p></div>';
}

// 4. Settings page
function gear_plugin_settings_page() {
    ?>
    <div class="wrap">
        <h1>Gear Plugin Settings</h1>

        <?php if (isset($_GET['settings-updated']) && $_GET['settings-updated'] === 'true') : ?>
            <div id="message" class="updated notice is-dismissible">
                <p>Settings saved.</p>
            </div>
        <?php endif; ?>

        <form method="post" action="options.php">
            <?php settings_fields('gear_plugin_settings_group'); ?>
            <?php do_settings_sections('gear_plugin_settings_group'); ?>
            <table class="form-table">
                <tr valign="top">
                    <th scope="row">VARA APP NAME</th>
                    <td>
                        <input type="text" name="gear_app_name" value="<?php echo esc_attr(get_option('gear_app_name', '')); ?>" size="50" />
                        <p class="description">Example: My_Project</p>
                    </td>
                </tr>
                <tr valign="top">
                    <th scope="row">RPC URL</th>
                    <td>
                        <input type="text" name="gear_rpc_url" value="<?php echo esc_attr(get_option('gear_rpc_url', '')); ?>" size="50" />
                        <p class="description">Example: wss://testnet.vara.network</p>
                    </td>
                </tr>
                <tr valign="top">
                    <th scope="row">BACKEND URL</th>
                    <td>
                        <input type="text" name="gear_server_url" value="<?php echo esc_attr(get_option('gear_server_url', '')); ?>" size="50" />
                        <p class="description">Example: http://localhost</p>
                    </td>
                </tr>
                <tr valign="top">
                    <th scope="row">CONTRACT ADDRESS</th>
                    <td>
                        <input type="text" name="gear_contract_id" value="<?php echo esc_attr(get_option('gear_contract_id', '')); ?>" size="50" />
                        <p class="description">Example: 0x03jf21...</p>
                    </td>
                </tr>
                <tr valign="top">
                    <th scope="row">IDL Content</th>
                    <td>
                        <textarea name="gear_idl_content" rows="10" cols="80"><?php echo esc_textarea(get_option('gear_idl_content', '')); ?></textarea>
                        <p class="description">Paste here your contract idl content.</p>
                    </td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
}

// 5. About page
function gear_plugin_about_page() {
    echo '<div class="wrap"><h1>About Vara Components</h1><p></p></div>';
}

// 6. Add settings link in the plugins section
function gear_plugin_action_links($links) {
    $settings_link = '<a href="admin.php?page=gear_plugin_settings">Settings</a>';
    array_unshift($links, $settings_link);
    return $links;
}
add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'gear_plugin_action_links');

// 7. register vara plugin blocks
function vara_wordpress_register_blocks() {
    $blocks = [${blocksString}];

    foreach ( $blocks as $block ) {
        register_block_type( __DIR__ . "/build/$block" );
    }
}

add_action('init', 'vara_wordpress_register_blocks');


// 8. Inject GearPluginSettins on JS (globally)
function vara_wordpress_register_common_gearapi_script() {
    wp_register_script(
        'vara-wordpress-common-gearapi-js',
        plugins_url('common/gearCommonData.js', __FILE__), // be sure to have this file
        array(),
        '1.0.0',
        true
    );

    wp_enqueue_script('vara-wordpress-common-gearapi-js');

    wp_enqueue_script(
        'sailscalls-global-api',
        plugin_dir_url(__FILE__) . 'build/common/varaGearGlobalData.js',
        array(),
        '1.0.0',
        true // Footer para asegurar que window esté listo
    );

    wp_localize_script(
        'vara-wordpress-common-gearapi-js',
        'GearPluginSettings',
        array(
            'rpcUrl' => get_option('gear_rpc_url', ''),
            'backendUrl' => get_option('gear_server_url', ''),
            'contractAddress' => get_option('gear_contract_id', ''),
            'contractIdl' => get_option('gear_idl_content', ''),
            'gearAppName' => get_option('gear_app_name', '')
        )
    );
}

add_action('wp_enqueue_scripts', 'vara_wordpress_register_common_gearapi_script');


// register_deactivation_hook(__FILE__, 'gear_plugin_deactivate');

// function gear_plugin_deactivate() {
//     delete_option('gear_rpc_url');
//     delete_option('gear_server_url');
//     delete_option('gear_contract_id');
//     delete_option('gear_idl_content');
//     delete_option('gear_app_name');
// }`;


console.log(`\n📦 Blocks detected: ${blocks.join(', ')}`);

if (!fs.existsSync(distDir)) {
    fs.mkdirSync(distDir);
}

if (fs.existsSync(indexPhpPath)) {
    fs.rmSync(indexPhpPath);
}

fs.mkdirSync(commonDistDir);

try {
    fs.writeFileSync(indexPhpPath, indexPhpContent);
    fs.writeFileSync(gearCommonFile, '// hook file for wp_localize_script');
} catch(e) {
    console.log("❌ Error while creating index.php file");
    process.exit(-1);
}

itemsToCopy.forEach(item =>{
    const src = path.join(__dirname, item);
    const dest = path.join(distDir, item);

    fs.move(src, dest);
});

console.log("✅ plugin packaged in:", distDir);