13 Июль 2022

Ошибка gulp-imagemin: Couldn’t load default plugin «gifsicle»

На Ubuntu при сборке фронта gulp при минимизации изображений ругается

gulp-imagemin: Couldn’t load default plugin «gifsicle»

TypeError in plugin «gulp-imagemin»
Message:
fn is not a function
Details:

Ошибка: gulp-imagemin couldn’t load default plugin gifsicle

Решение: поочередный запуск команд в терминале ubuntu (внутри корневой директории проекта)

sudo apt-get install dh-autoreconf
sudo npm install -g gifsicle
npm install —force

Источник
https://zencod.ru/gists/error-gulp-imagemin-couldnt-load-default-plugin-gifsicle/

рубрики: Полезности, Программирование | Комментарии (0)

13 Июль 2022

Битрикс — поиск событий обработчика

Проблема — обработчик FilmVersionSave слушающий событие OnIBlockElementUpdate задваивает результат.
Хотел поискать что ещё «повешано» на этот метод, не нашел подходящего API

Только такое
$eventManager = \Bitrix\Main\EventManager::getInstance();
$handlers = $eventManager->findEventHandlers(«iblock», «OnBeforeIBlockElementUpdate»);
тут нужно знать с какого модуля и какое событие, а мне наоборот — все события которые повесили на обработчик …

Решение — табличка b_module_to_module в которой всё доступно и «по полочкам»

select * from b_module_to_module where TO_MODULE_ID=’fk’ AND TO_METHOD=’FilmVersionSave’;

Вот и всё — виновник OnBeforeIBlockElementUpdate найден!

рубрики: Bitrix | Комментарии (0)

16 Июнь 2022

Дружим JQuery Bootstrap Tooltip и Vue JS с помощью кастомной директивы

В продолжении предыдущей статьи, уже в собственном авторстве как элемент модуля

В отдельном файле

import Vue from 'vue'

const tooltip = Vue.directive('tooltip', {
   inserted(el, binding) {
        $(el).tooltip({
            trigger: 'hover',
            placement: binding.arg
        })
    },
});

export default tooltip;

1

2

3

4

5

6

7

8

9

10

11

12

import Vue from 'vue'

const tooltip = Vue.directive('tooltip', {

inserted(el, binding) {

$(el).tooltip({

trigger: 'hover',

placement: binding.arg

})

},

});

export default tooltip;

В vue компоненте импортируем этот файл (путь вставляем свой)

import tooltip from "../../directives/Tooltip.js";

1	import tooltip from "../../directives/Tooltip.js";

добавляем соответствующую опцию

directives:{
    tooltip
  },

1

2

3

directives:{

tooltip

},

и используем как обычную директиву vue

в моём случае

<a v-tooltip:top title="Повернуть макет на 90° против часовой стрелки" ... > ... </a>

1	<a v-tooltip:top title="Повернуть макет на 90° против часовой стрелки" ... > ... </a>

Дока по директивам

рубрики: VUE JS | Комментарии (0)

15 Июнь 2022

Дружим JQuery Styler и Vue JS в реализации 1С Битрикс API

Всем привет!
Очень давно не писал — просто некогда. В отличие от времени когда я работал админом, сейчас, работая веб программистом свободного времени практически нет — всегда есть работа, которую нужно работать 🙂

Само по себе решение дружбы JQuery Styler и Vue JS конечно не лучший вариант, в идеале вообще нужно выкинуть JQuery и реализовать фронт на чистом Vue…
Но когда вёрстка собрана на JQuery + Styler, соответственно со стилями «подогнанными» под Styler то на подбор нужных компонентов и их стилизация потребуется довольно много времени (по крайней мере у меня т.к. готовых подобных решений я не нашел).

Проблема — при обновлении поля значение в модели не обновляется, хотя поле прикручено к модели через v-model.
Решение — в vue mounted() вешаем на изменения объекта styler-а vue метод обновления значения поля в модели + в моей реализации далее прокидываем из дочернего компонента родителю с помощью $emit

В реализации API 1С Битрикс компонент оборачиваем в BX.Vue.component()

Пример реализации для чекбокса

    BX.Vue.component('webslon-checkbox', {
        props: {
            value: false,
            formstyler: false,
        },
        methods: {
            updateInput() {
                this.$emit('input', !this.value);
            },
        },
        template: `
        <label>
            <input type="checkbox" v-bind:checked="value" v-on:change="updateInput()">
            <slot/>
        </label>
    `,
        mounted () {
            if (this.formstyler === true) {
                let component = this;
                jQuery(component.$el).find('input').styler({
                    selectSearch: true,
                }).on('change', function () {
                    component.updateInput();
                });
            }
        }
    });

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

BX.Vue.component('webslon-checkbox', {

props: {

value: false,

formstyler: false,

},

methods: {

updateInput() {

this.$emit('input', !this.value);

},

template: `

<label>

<slot/>

</label>

`,

mounted () {

if (this.formstyler === true) {

let component = this;

jQuery(component.$el).find('input').styler({

selectSearch: true,

}).on('change', function () {

component.updateInput();

});

}

});

Далее уже в шаблоне основного компонента используем пользовательский vue тег данного компонента с штатной директивой v-model для связывания поля ввода и с переменной

На авторство не претендую — компоненты реализованы в одном из проектов веб студии Слон, где я в данный момент удалённо работаю.

PS
Добавлю реализацию для выбора даты

BX.Vue.component('webslon-datepicker', {
    model: {
        prop: 'modelValue',
        event: 'input'
    },
    data () {
        return {
            modelValue: this.value
        }
    },
    methods: {
        updateInput() {
            this.$emit('input', this.value);
        },
    },
    template: `
        <input 
            type="text" 
            readonly="readonly" 
            v-model="modelValue"
            v-on:input="updateInput()"
        >
    `,
    mounted () {
        let component = this;
        jQuery(component.$el).datepicker({
            language: 'ru',
            autoclose: true,
        }).change(function() {
            let date = jQuery(component.$el).datepicker('getDate');
            component.value = date.toLocaleDateString();
            component.updateInput();
        });
    }
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

BX.Vue.component('webslon-datepicker', {

model: {

prop: 'modelValue',

event: 'input'

},

data () {

return {

modelValue: this.value

}

},

methods: {

updateInput() {

this.$emit('input', this.value);

},

template: `

<input

type="text"

readonly="readonly"

v-model="modelValue"

v-on:input="updateInput()"

>

`,

mounted () {

let component = this;

jQuery(component.$el).datepicker({

language: 'ru',

autoclose: true,

}).change(function() {

let date = jQuery(component.$el).datepicker('getDate');

component.value = date.toLocaleDateString();

component.updateInput();

});

}

});

рубрики: Bitrix, Javascript - JQuery, VUE JS | Комментарии (0)

18 Март 2022

Битрикс — чистим b_sale_viewed_product

    global $DB;
 
    $viewed_time = COption::GetOptionString("sale", "viewed_time", "90");
    $viewed_time = IntVal($viewed_time);
 
    $strSql =
        "DELETE ".
        "FROM b_sale_viewed_product ".
        "WHERE TO_DAYS(DATE_VISIT) < (TO_DAYS(NOW()) - ".$viewed_time.") LIMIT 10000000"; $db_res = $DB->Query($strSql, false, "File: ".__FILE__."
Line: ".__LINE__);

1

2

3

4

5

6

7

8

9

10

global $DB;

$viewed_time = COption::GetOptionString("sale", "viewed_time", "90");

$viewed_time = IntVal($viewed_time);

$strSql =

"DELETE ".

"FROM b_sale_viewed_product ".

"WHERE TO_DAYS(DATE_VISIT) < (TO_DAYS(NOW()) - ".$viewed_time.") LIMIT 10000000"; $db_res = $DB->Query($strSql, false, "File: ".__FILE__."

Line: ".__LINE__);

Фактически это код метода CSaleViewedProduct::ClearViewed() с увеличенным лимитом (1000 -> 10000000), который можно запускать автономно через ком. строку PHP.
Лимит вообще можно убрать (но запускать ночью, в момент выполнения, сайт зависнет — на 5 миллионов записей у меня чистило где-то минут 10).

По идее метод очистки должен отрабатывать штатно, но у клиента почему-то таблица разрослась — пока решил почистить и понаблюдать причины.
(возможно как раз из-за маленького LIMIT либо по какой то причине метод вообще не отрабатывает).

Настройки, влияющие на размер этой таблицы расположены в настройках модуля «Интернет магазин»
«Время хранения просмотренных товаров (дней)» и «Максимальное количество просмотренных товаров пользователя».

После удаления желательно произвести оптимизацию БД.

рубрики: Bitrix | Комментарии (0)

24 Февраль 2022

bitrix cli в режиме watch не видит изменений vue — решение

При работе с bitrix cli в режиме watch столкнулся с проблемой — при изменении в vue файлах проект не пересобирается, что оцень неудобно — постоянно приходится в ручную запускать bitrix build.
Для решения необходимо модифицировать два файла

/usr/local/lib/node_modules/@bitrix/cli/src/utils/is-allowed.js
в строке 22 в switch добавляем строку
case ‘.vue’

/usr/local/lib/node_modules/@bitrix/cli/src/tools/watch.js
в строке 21 (функция createPattern) в цикл forEach добавляем строку
acc.push(slash(path.resolve(currentConfig.context, ‘**/*.vue’)));

далее в каталоге /usr/local/lib/node_modules/@bitrix/cli/ запускаем npm run build

всё — запускаем в проекте
bitrix build -w
меняем vue файл и видим, что сборка осуществляется в автоматическом режиме

рубрики: Bitrix | Комментарии (0)

18 Ноябрь 2021

PHP скрипт поиска изменённых файлов

В текущей разработке сделал скриптик, может кому пригодиться 🙂

Ищет изменённые файлы по маске «*.php» в рутовой директории, за исключением [«bitrix», «upload», «local»] за последние сутки.

Две доки по find с хорошими примерами
https://www.dmosk.ru/miniinstruktions.php?mini=search-linux
https://masterpro.ws/forum/6-linux/4710-kak-nayti-nedavno-modificirovannye-fayly-v-linux

<?
namespace WebSlon;
ini_set("xdebug.overload_var_dump", "off");

echo "<pre>";
$lastModFiles = new LastModify();
$time_start = microtime(true);
$res = $lastModFiles->getFiles();
var_dump($res);

$time_end = microtime(true);
echo $time_end - $time_start;

class LastModify {
    public $fileMask;
    public $skipDirs;
    public $rootdir;
    public $lastModifyMinutes;
    public $modifyFiles;

    public function __construct() {
        $this->fileMask  = ".php";
        $this->skipDirs  = ["bitrix", "upload", "local"];

        $this->rootdir = rtrim($_SERVER["DOCUMENT_ROOT"],"/");
        $this->lastModifyMinutes = 24*60;
    }

    public function getFiles() {
        $curdir = dir($this->rootdir);
        $this->modifyFiles .= str_replace($this->rootdir, "", $this->getDirFiles($this->rootdir, true));

        while($dir = $curdir->read()) {
            if ($dir == '.'||$dir == '..'||in_array($dir, $this->skipDirs)||!is_dir($this->rootdir.'/'. $dir)) {
                continue;
            }
            $res = $this->getDirFiles($this->rootdir.'/'. $dir);
            if(!empty($res)){
                $this->modifyFiles .= str_replace($this->rootdir, "", $res);
            }
        }
        return $this->modifyFiles;
    }

    public function getDirFiles($dir, $noRecursive=false) {
        $maxdepth = $noRecursive ? ' -maxdepth 1' : '';
        // -newermt "2019-11-02 00:00" можно вместо минут указывать дату, тут посмотреть как удобнее
        $command = 'find '.$dir.'/'.$maxdepth.' -type f -name "*.php" -mmin -'.$this->lastModifyMinutes;

        $res = shell_exec($command);
        return $res;
    }

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

<?

namespace WebSlon;

ini_set("xdebug.overload_var_dump", "off");

echo "<pre>";

$lastModFiles = new LastModify();

$time_start = microtime(true);

$res = $lastModFiles->getFiles();

var_dump($res);

$time_end = microtime(true);

echo $time_end - $time_start;

class LastModify {

public $fileMask;

public $skipDirs;

public $rootdir;

public $lastModifyMinutes;

public $modifyFiles;

public function __construct() {

$this->fileMask = ".php";

$this->skipDirs = ["bitrix", "upload", "local"];

$this->rootdir = rtrim($_SERVER["DOCUMENT_ROOT"],"/");

$this->lastModifyMinutes = 24*60;

}

public function getFiles() {

$curdir = dir($this->rootdir);

$this->modifyFiles .= str_replace($this->rootdir, "", $this->getDirFiles($this->rootdir, true));

while($dir = $curdir->read()) {

if ($dir == '.'||$dir == '..'||in_array($dir, $this->skipDirs)||!is_dir($this->rootdir.'/'. $dir)) {

continue;

}

$res = $this->getDirFiles($this->rootdir.'/'. $dir);

if(!empty($res)){

$this->modifyFiles .= str_replace($this->rootdir, "", $res);

}

return $this->modifyFiles;

}

public function getDirFiles($dir, $noRecursive=false) {

$maxdepth = $noRecursive ? ' -maxdepth 1' : '';

// -newermt "2019-11-02 00:00" можно вместо минут указывать дату, тут посмотреть как удобнее

$command = 'find '.$dir.'/'.$maxdepth.' -type f -name "*.php" -mmin -'.$this->lastModifyMinutes;

$res = shell_exec($command);

return $res;

}

рубрики: Bitrix, PHP | Комментарии (0)

2 Ноябрь 2021

MYSQL Убираем дубли из таблицы — есть ID и нет ID

MYSQL Убираем дубли из таблицы если есть поле ID

CREATE TEMPORARY TABLE `t_temp` as ( SELECT min(id) as id FROM `table` GROUP BY name, surname ); 
DELETE from `table` WHERE `table`.id not in ( SELECT id FROM t_temp );

1 2	CREATE TEMPORARY TABLE `t_temp` as ( SELECT min(id) as id FROM `table` GROUP BY name, surname ); DELETE from `table` WHERE `table`.id not in ( SELECT id FROM t_temp );

MYSQL Убираем дубли из таблицы если нет поля ID

на примере таблицы b_user_access_check
В текущей версии 1С Битрикс айдишника нет и пишут они туда без какого либо контроля на дубли, в результате чего у одного из клиентов 80 млн. записей и 8 гигабайт «вес» файла таблицы, всё это «добро» от включенной галочки «Сохранять историю изменения полей профиля пользователя:» и нулём в «Сколько дней хранить историю».
Собственно, штатных методов почистить не нашел и саппорт тоже ничего не подсказал, поэтому убираем дубли напрямую запросом:

CREATE TEMPORARY TABLE `t_temp` as ( SELECT DISTINCT `USER_ID`, `PROVIDER_ID` FROM `b_user_access_check` GROUP BY `USER_ID`, `PROVIDER_ID` );
TRUNCATE TABLE `b_user_access_check`;
INSERT INTO `b_user_access_check` (`USER_ID`, `PROVIDER_ID`) SELECT `USER_ID`, `PROVIDER_ID` FROM `t_temp`;

1

2

3

CREATE TEMPORARY TABLE `t_temp` as ( SELECT DISTINCT `USER_ID`, `PROVIDER_ID` FROM `b_user_access_check` GROUP BY `USER_ID`, `PROVIDER_ID` );

TRUNCATE TABLE `b_user_access_check`;

INSERT INTO `b_user_access_check` (`USER_ID`, `PROVIDER_ID`) SELECT `USER_ID`, `PROVIDER_ID` FROM `t_temp`;

рубрики: Bitrix, MYSQL | Комментарии (0)

16 Октябрь 2021

Мультисайтинг для интернет магазина Фотообоев

Наконец, то выделил время и допилил мультисайтинг для интернет магазина фотообоев https://dekorimage.ru/.

Так как мы доставляем фото-обои в любой город РФ, и фактически терминал любой ТК является точкой выдачи — теперь для каждого города есть свой магазин фотообоев на отдельном сабдомене, что позволит добавить в Яндекс Вебмастер для наиболее крупных городов свою региональность.

Примеры:

Тема конечно уже не нова и у всех крупных конкурентов уже давно используется, собственно — чем мы хуже 🙂
Попробуем и мы поднять регионального трафика.

рубрики: Реклама | Комментарии (0)

17 Сентябрь 2021

Редиректные ссылки

Проверял на безопасность сайт на системе управления Битрикс, обнаружил, что ещё до сих пор активно используют редиректные ссылки

Пример:
https://stplace.ru/bitrix/redirect.php?goto=https://dekorimage.ru/

Если они ещё реально работают, можно приобрести базу доменов Битрикса и получить довольно много таких ссылок.
Остаётся вопрос — как их поисковикам скормить?

рубрики: SEO, Размышления | Комментарии (0)

Пн	Вт	Ср	Чт	Пт	Сб	Вс
« Апр
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31