@sociallane/elements 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sociallane/elements",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Elementor widgets and elements with Tailwind CSS for SocialLane. WordPress plugin.",
   "type": "module",
   "private": false,

package/packages/widgets/card-hover-reveal/data/view.php

@@ -77,7 +77,7 @@ function prepare_card_hover_reveal_view( array $settings, string $widget_id ): a
 	$aspect_map    = [ '16/9' => 'aspect-video', '4/3' => 'aspect-[4/3]', '3/2' => 'aspect-[3/2]', '1/1' => 'aspect-square', '3/4' => 'aspect-[3/4]' ];
 	$aspect_class  = $aspect_map[ $aspect_ratio ] ?? 'aspect-video';
 	$columns      = sociallane_validate_option( $settings['columns'] ?? '3', [ '2', '3' ], '3' );
-	$grid_class   = sociallane_grid_cols( $columns, [ '2' => 'grid-cols-1 sm:grid-cols-2', '3' => 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3' ] );
+	$grid_class   = sociallane_grid_cols( $columns, [ '2' => 'grid-cols-1 sm:grid-cols-2', '3' => 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3' ] );
 
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 

package/packages/widgets/grid-components/data/view.php

@@ -23,7 +23,12 @@ function prepare_grid_components_view( array $settings, string $widget_id ): arr
 	$fields       = sociallane_extract_fields( $settings, [ 'headline' => [] ] );
 	$headline_tag = sociallane_validate_heading_tag( $settings, 'headline_tag', 'h2' );
 	$columns      = sociallane_validate_option( $settings['columns'] ?? '4', [ '2', '3', '4' ], '4' );
-	$grid_class   = sociallane_grid_cols( $columns );
+	$grid_class   = sociallane_grid_cols(
+		$columns,
+		[
+			'3' => 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3',
+		]
+	);
 	$placeholder_src = \Elementor\Utils::get_placeholder_image_src();
 
 	$components = sociallane_process_repeater( $settings['components'] ?? [], function ( $item ) use ( $placeholder_src ) {

package/scripts/install.js

@@ -9,7 +9,7 @@
  * Add: copies selected widget folders into an existing plugin, updates widgets.json, runs npm install.
  */
 
-import { cpSync, existsSync, mkdirSync, readdirSync, writeFileSync } from 'fs';
+import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, writeFileSync } from 'fs';
 import { spawnSync } from 'child_process';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -41,7 +41,36 @@ function resolvePluginDir() {
   return path.join(cwd, 'wp-content', 'plugins', 'sociallane-elements');
 }
 
-function addWidgets(slugs) {
+function updateWidgetsJson(pluginDir, slugsToAdd, replaceAll = false) {
+  const widgetsJsonPath = path.join(pluginDir, 'widgets.json');
+  let existing = [];
+
+  if (!replaceAll && existsSync(widgetsJsonPath)) {
+    try {
+      const raw = readFileSync(widgetsJsonPath, 'utf8');
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed?.widgets)) {
+        existing = parsed.widgets.filter((slug) => typeof slug === 'string');
+      }
+    } catch (err) {
+      console.warn('Could not parse widgets.json, recreating it:', err.message);
+    }
+  }
+
+  const merged = [...existing];
+  const existingSet = new Set(existing);
+  for (const slug of slugsToAdd) {
+    if (!existingSet.has(slug)) {
+      merged.push(slug);
+      existingSet.add(slug);
+    }
+  }
+
+  writeFileSync(widgetsJsonPath, JSON.stringify({ widgets: merged }, null, 2) + '\n');
+}
+
+function addWidgets(slugs, options = {}) {
+  const replaceAll = options.replaceAll === true;
   const pluginDir = resolvePluginDir();
   const widgetsDest = path.join(pluginDir, 'packages', 'widgets');
 
@@ -84,17 +113,16 @@ function addWidgets(slugs) {
     console.log('Added:', slug);
   }
 
-  console.log('Updating widgets.json and building...');
-  const result = spawnSync('node', [path.join(pluginDir, 'scripts', 'sync-widgets.js')], {
-    cwd: pluginDir,
-    stdio: 'inherit',
-  });
-  if (result.status !== 0) {
-    process.exit(result.status || 1);
-  }
+  updateWidgetsJson(pluginDir, slugs, replaceAll);
+  console.log('Updated widgets.json and installing dependencies...');
+
   const npmCmd = process.platform === 'win32' ? 'npm.cmd' : 'npm';
   const installResult = spawnSync(npmCmd, ['install'], {
     cwd: pluginDir,
+    env: {
+      ...process.env,
+      SOCIALLANE_SKIP_SYNC_WIDGETS: '1',
+    },
     stdio: 'inherit',
     shell: true,
   });
@@ -213,13 +241,15 @@ function main() {
   const installArgs = args.filter((a) => a !== '--minimal');
 
   if (installArgs[0] === 'add') {
-    const slugs = installArgs.slice(1).filter(Boolean);
+    const addArgs = installArgs.slice(1).filter(Boolean);
+    const replaceAll = addArgs.includes('--only');
+    const slugs = addArgs.filter((arg) => arg !== '--only');
     if (slugs.length === 0) {
-      console.error('Usage: npx @sociallane/elements add <slug> [slug...]');
-      console.error('Example: npx @sociallane/elements add hero-split faq content-block');
+      console.error('Usage: npx @sociallane/elements add [--only] <slug> [slug...]');
+      console.error('Example: npx @sociallane/elements add --only hero-split faq-stacked content-block');
       process.exit(1);
     }
-    addWidgets(slugs);
+    addWidgets(slugs, { replaceAll });
   } else {
     install(installArgs[0], minimal);
   }

package/scripts/postinstall.js

@@ -54,14 +54,17 @@ function ensureLocalCliShim() {
 
 ensureLocalCliShim();
 
-// Run sync-widgets
-console.log('Running sync-widgets...');
-const syncResult = spawnSync('node', [path.join(__dirname, 'sync-widgets.js')], {
-  cwd: pluginRoot,
-  stdio: 'inherit',
-});
-if (syncResult.status !== 0) {
-  process.exit(syncResult.status || 1);
+const skipSyncWidgets = process.env.SOCIALLANE_SKIP_SYNC_WIDGETS === '1';
+if (!skipSyncWidgets) {
+  // Run sync-widgets
+  console.log('Running sync-widgets...');
+  const syncResult = spawnSync('node', [path.join(__dirname, 'sync-widgets.js')], {
+    cwd: pluginRoot,
+    stdio: 'inherit',
+  });
+  if (syncResult.status !== 0) {
+    process.exit(syncResult.status || 1);
+  }
 }
 
 // Run build

package/widgets/card-hover-reveal/data/view.php

@@ -108,7 +108,7 @@ function prepare_card_hover_reveal_view( array $settings, string $widget_id ): a
 	$columns   = in_array( $settings['columns'] ?? '3', [ '2', '3' ], true ) ? $settings['columns'] : '3';
 	$grid_class = $columns === '2'
 		? 'grid-cols-1 sm:grid-cols-2'
-		: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3';
+		: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3';
 
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 

package/widgets/grid-components/data/view.php

@@ -30,7 +30,7 @@ function prepare_grid_components_view( array $settings, string $widget_id ): arr
 	$columns  = in_array( $settings['columns'] ?? '4', [ '2', '3', '4' ], true ) ? $settings['columns'] : '4';
 	$grid_class = [
 		'2' => 'grid-cols-1 sm:grid-cols-2',
-		'3' => 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',
+		'3' => 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3',
 		'4' => 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
 	][ $columns ];