Как установить Great Suspender для Chrome с Github?

Question

[Stormritter]

Например вот эту версию (в последних обсуждениях сказано, что там исправлена ошибка и отображаются иконки) - https://github.com/wylie39/Thesuspender. Нашла эту информацию по ссылке: https://github.com/greatsuspender/thegreatsuspende....

Предвидя советы прочитать там инструкцию, скажу, что я не понимаю до конца как это сделать. Скачивая файл я получаю следующую папку (в скрине).

А пытаясь установить в режиме разработчика я получаю ошибку, что там нет манифеста.

Answer 1

[acwartz]

Установите Node.js, установите глобально grunt-cli:

npm i -g grunt-cli

далее, как на гитхабе написано, в каталоге (где src каталог) вызвать команды из консоли:

npm install
npm run generate-key
npm run build

появится папка ./build
вот её-то содержимое и загружать в браузер.
либо там появится zip архив (упакованное расширение, готовое для деплоя - т.к. разраб репозиторий больше для себя держит), распаковываем куда-нибудь, загружаем в браузер.

Comments

[Stormritter]

Я не программист, так что 3 вопроса:
- Что значит установить глобально grunt-cli
- Каталог src это папка src?
- Из какой консоли вызвать команды? CMD?

[acwartz]

Stormritter,

- Что значит установить глобально grunt-cli

из ком. строки (cmd) выполнить: npm i -g grunt-cli

- Каталог src это папка src?

да.

- Из какой консоли вызвать команды? CMD?

да. cmd.exe

[Stormritter]

На этапе run generate-key ошибки каккие-то пошли((

[acwartz]

Stormritter, этап generate-key вам не нужен, можно не выполнять. только build.

[Stormritter]

build выполнился успешно, но ошибка та же,,, в обоих расширениях

[acwartz]

Stormritter, замените содержимое файла Gruntfile.js этим:

module.exports = function(grunt) {
  require('time-grunt')(grunt);

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    manifest: grunt.file.readJSON('src/manifest.json'),
    config: {
      tempDir:
        grunt.cli.tasks[0] === 'tgut' ? 'build/tgut-temp/' : 'build/tgs-temp/',
      buildName:
        grunt.cli.tasks[0] === 'tgut'
          ? 'tgut-<%= manifest.version %>'
          : 'tgs-<%= manifest.version %>',
    },
    copy: {
      main: {
        expand: true,
        src: ['src/**', '!src/tests.html', '!src/js/tests/**'],
        dest: '<%= config.tempDir %>',
      },
    },
    'string-replace': {
      debugoff: {
        files: {
          '<%= config.tempDir %>src/js/':
            '<%= config.tempDir %>src/js/gsUtils.js',
        },
        options: {
          replacements: [
            {
              pattern: /debugInfo\s*=\s*true/,
              replacement: 'debugInfo = false',
            },
            {
              pattern: /debugError\s*=\s*true/,
              replacement: 'debugError = false',
            },
          ],
        },
      },
      debugon: {
        files: {
          '<%= config.tempDir %>src/js/':
            '<%= config.tempDir %>src/js/gsUtils.js',
        },
        options: {
          replacements: [
            {
              pattern: /debugInfo\s*=\s*false/,
              replacement: 'debugInfo = true',
            },
            {
              pattern: /debugError\s*=\s*false/,
              replacement: 'debugError = true',
            },
          ],
        },
      },
      localesTgut: {
        files: {
          '<%= config.tempDir %>src/_locales/':
            '<%= config.tempDir %>src/_locales/**',
        },
        options: {
          replacements: [
            {
              pattern: /The Suspender/gi,
              replacement: 'The Great Tester',
            },
          ],
        },
      },
    },
    crx: {
      public: {
        src: [
          '<%= config.tempDir %>src/**/*',
          '!**/html2canvas.js',
          '!**/Thumbs.db',
        ],
        dest: 'build/zip/<%= config.buildName %>.zip',
      },
      private: {
        src: [
          '<%= config.tempDir %>src/**/*',
          '!**/html2canvas.js',
          '!**/Thumbs.db',
        ],
        dest: 'build/crx/<%= config.buildName %>.crx',
        options: {
          privateKey: 'key.pem',
        },
      },
    },
    clean: ['<%= config.tempDir %>'],
  });

  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-string-replace');
  grunt.loadNpmTasks('grunt-crx');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.registerTask('default', [
    'copy',
    'string-replace:debugoff',
    'crx:public',
    'clean',
  ]);
  grunt.registerTask('tgut', [
    'copy',
    'string-replace:debugon',
    'string-replace:localesTgut',
    'crx:public',
    'clean',
  ]);
};

выполните npm run build из cmd в папке с gruntfile.js, должно быть так:


В папке build/zip/ будет архив tgs-1.0.0.zip или типа того. Распаковываем архив в подпапку.
В хроме грузим распакованное расширение указывая путь до распакованной папки (которая содержит в себе manifest.json).

у меня все собралось, загрузилось в хром.

[Stormritter]

@acwartz,
УРА, всё заработало, расширение загрузилось!!! СПАСИБО!

Answer 2

[Stormritter]

Первичная версия тоже высвечивает такую же ошибку при установке (загрузить распакованное расширение) https://github.com/aciidic/thegreatsuspender-notrack