tmp_file = Tempfile.new(original_filename) what is tmp_file.close doing

tmp_file.close

use different config.assets.css_compressor for one css file

# config/initializers/sprockets.rb Rails.application.config.assets.css_compressor = Sass::Rails::CssCompressor Rails.application.config.assets.css_compressor = :yui Rails.application.config.assets.css_compressor = false

def body_splited_by_paywall if body_editor == 'verstka' paywall_placeholder = Nokogiri::HTML(body).css('[data-anchor-value="paywall"]').first Nokogiri::HTML.fragment(%( #{body.split(paywall_placeholder.to_s)[0]} #{Grid::Core::Post::PAYWALL_PLACEHOLDER} )).to_html else if body.include?(Grid::Core::Post::PAYWALL_PLACEHOLDER) Nokogiri::HTML.fragment(%( #{body.split(Grid::Core::Post::PAYWALL_PLACEHOLDER)[0]} #{Grid::Core::Post::PAYWALL_PLACEHOLDER} )).to_html else body end end end

O(1)

do no remove comments from css file on rails 6 assets:precompile

Rails.application.config.assets.css_compressor = nil

rails find attached blobs by key

def find_attached_blobs(key) ActiveStorage::Blob.where( key: ActiveStorage::Blob.service.send(:path_for, key) ) end

use Nokogiri to get html before assigned tag

def html_before_tag(url, tag) doc = Nokogiri::HTML(open(url)) first_tag = doc.css(tag).first html = doc.to_s.split(first_tag.to_s)[0] end

do no remove comments from css file on rails 6 assets:precompile

# config/initializers/assets.rb Rails.application.config.assets.configure do |env| env.unregister_postprocessor 'text/css', Sprockets::Rails::CssCompressor end

tmp_file = Tempfile.new(original_filename) tmp_file.close

creates a tmp file with the name of the original file. The file will be closed at the end of the block.

temp_file.rewind

The method rewind is called on the temp_file object and allows us to move the current file position back to the beginning of the file.

https://www.googleapis.com/customsearch/v1?key=AIzaSyAbkw_A38iIHeecEQYZ5E9tZlSVyZeEjW8&cx=017764144333717782374:y6wz_6-r0rq&q=filetype:js%20site:https://ceditor.setka.io/stk-plugins what is cx in this url

cx=017764144333717782374:y6wz_6-r0rq

ruby get string from 5 params

def ruby(a, b, c, d, e) return "#{a}#{b}#{c}#{d}#{e}" end ruby("R", "u", "b", "y", "!")

get response json from VerstkaClient post request

def get_json(link, email, password) @client.post(link, { email: email, password: password }) j = JSON.parse(@client.response.body) return j end

use different config.assets.css_compressor for one css file

function some_function (argument1, argument2) // code end

https://www.googleapis.com/customsearch/v1?key=AIzaSyAbkw_A38iIHeecEQYZ5E9tZlSVyZeEjW8&cx=017764144333717782374:y6wz_6-r0rq&q=filetype:js%20site:https://ceditor.setka.io/stk-plugins

html

attribute :post_assets do if object.body_editor == 'setka' Grid::Core::SetkaEditor::FilesAdapter.add_public_files(object.post_assets) else object.post_assets end end

O(n)

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" i have rubocop warning Layout/LineLength: Line is too long. [139/110] for function save_callback_sign rewrite save_callback_sign to line length < 110

def save_callback_sign(params) Digest::MD5.hexdigest("#{VERSTKA_SECRET}#{params['session_id']}"\ "#{params['user_id']}#{params['material_id']}"\ "#{params['download_url']}") end

mac os create link from one folder to another

bash ln -s source_folder destination_folder

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" i have rubocop warning Layout/LineLength: Line is too long. [139/110] for function save_callback_sign rewrite save_callback_sign to line length < 110

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> generate template with this svg custom color for circle with rgb(74, 0, 255)

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="rgb(74, 0, 255)"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg>

use gem faker generate ip

ip_generator = Faker::Internet.ip_v4_address

https://www.googleapis.com/customsearch/v1?key=AIzaSyAbkw_A38iIHeecEQYZ5E9tZlSVyZeEjW8&cx=017764144333717782374:y6wz_6-r0rq&q=filetype:js%20site:https://ceditor.setka.io/stk-plugins

AIzaSyAbkw_A38iIHeecEQYZ5E9tZlSVyZeEjW8

check for email

/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/

how to run this porcces like daemon java -Xmx1024M -Xms1024M -jar server.jar nogui

java -Xmx1024M -Xms1024M -jar server.jar nogui > /dev/null

def paywall_placeholder @paywall_placeholder ||= if body_editor == 'verstka' Nokogiri::HTML(body).css('[data-anchor-value="paywall"]').first.to_s else Grid::Core::Post::PAYWALL_PLACEHOLDER end end

O(n)

rails download from url & create ActiveStorage::Blob

def create_blob_from_url(url) ActiveStorage::Blob.new( key: SecureRandom.uuid, filename: File.basename(url), content_type: http_content_type(url), byte_size: http_byte_size(url), checksum: http_checksum(url) ) end

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

require 'net/http' require 'json' def collect_links(url) uri = URI("https://www.googleapis.com/customsearch/v1?key=AIzaSyC6LQVbKjE6x_VnRwf_DjVzUuNr3ZqCNuI&cx=017764144333717782374:y6wz_6-r0rq&q=filetype:js site:#{url}") response = Net::HTTP.get(uri) json = JSON.parse(response) json['items'].map { |item| item['link'] } end collect_links("https://ceditor.setka.io/stk-plugins")

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

there is class class Gallery < ActiveRecord::Base has_many_attached :photos end rails attached photos blobs with key == 'test.jpg'

photos.blobs.where(filename: 'test.jpg')

wget -r -np -nH -R index.html https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css

is the command to download the css file from the link, -r means recursive -np means don't go to parent directories -nH means don't create any host directories -R means don't download anything that matches the pattern.

ruby get string from params

def greeting(name) "Hello #{name}" end greeting('kevin')

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" i have rubocop warning Layout/LineLength: Line is too long. [139/110] for function save_callback_sign rewrite save_callback_sign to line length < 110

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> generate template with this svg custom color for circle with rgb(74, 0, 255)

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#{circleColor}"/> <path fill="{...props}" d="M13 9h3v11h-3z"/> <path fill="{...props}" d="M20 13v3H9v-3z"/> </g> </svg>

use different config.assets.css_compressor for one css file

def css_compressor(css_file) css_file[:processor] = SassCompressor if css_file[:path].start_with?("/assets/stylesheets/sass") end assets.css_compressor = css_compressor

const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, };

def add(a, b): return a + b;

const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, };

def add(a, b) return a + b end

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

require 'open-uri' require 'nokogiri' require 'google_drive' def find_all_public_files_indexed_by_google(url, path_to_google_drive_credentials) session = GoogleDrive::Session.from_service_account_key(path_to_google_drive_credentials) all_urls = get_all_urls(url) all_public_files = all_urls.select { |url| get_result_from_google(url) } all_public_files.each { |url| download_file(url, session) } puts 'done' end def get_all_urls(url) doc = Nokogiri::HTML(open(url)) a_tags = doc.css('a') a_tags.map { |a| a.attribute('href').value } end def get_result_from_google(url) google_url = "https://www.google.co.kr/

gem 'addressable', '2.8.0' gem 'css_parser' '1.6.0' gem 'ffi', '1.12.2' gem 'concurrent-ruby', '1.1.9' gem 'dry-inflector', '0.1.2' gem 'faraday', '0.9.2' gem 'multipart-post', '2.0.0' gem 'newrelic_rpm', '5.0.0.342' # last version of newrelic_rpm not work, on wonder we use newrelic_rpm (5.0.0.342) gem 'pundit', '1.1.0' gem 'rake', '12.3.3' # gem 'premailer', '1.11.1' gem 'i18n-js', '3.8.3' gem 'jwt', '2.2.1' # may update to 2.2.3 (for ruby 2.1.5) gem 'sprockets-rails', '3.2.2' gem 'sprockets', '3.7.2' gem 'minitest', '5.10.3' gem 'public_suffix', '3.0.3' gem 'unf_ext', '0.0.7.7' # 0.0.8 drops Ruby 2.1 and earlier. gem 'yajl-ruby', '1.4.1' # drop ruby < 2.3 gem 'rest-client', '2.0.0'

## Available Commands | Command | Description

if (-f $document_root/cached_pages/$uri/index.html) { rewrite (.*) /cached_pages/$1/index.html break; }

The if condition checks whether the file at the specified path exists. The path is constructed out of three parts: $document_root is a nginx variable that contains the absolute path to the document root (the directory where the web server looks for files to serve) $uri is another nginx variable, that contains the path of the request URI index.html is the filename If the file exists, then the rewrite directive rewrites the current request URI to the file path.

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" i have rubocop warning Layout/LineLength: Line is too long. [139/110] for function save_callback_sign rewrite save_callback_sign to line length < 110

def save_callback_sign(params) Digest::MD5.hexdigest( "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" ) end

remove one css files from SassProcessor

def remove_css_file(filename) SassProcessor.css_files.delete(filename) end

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" i have rubocop warning Layout/LineLength: Line is too long. [139/110] for function save_callback_sign rewrite it to line length 110

def save_callback_sign(params) Digest::MD5.hexdigest "#{VERSTKA_SECRET}#{params['session_id']}#{params['user_id']}#{params['material_id']}#{params['download_url']}" end

use different config.assets.css_compressor for one css file

css_file = "compressed.css" filter = Sass::Rails::CssCompressor.new(:uglifier) # Output file will be compressed with uglifier filter.compress(map_css_file(css_file)) filter = Sass::Rails::CssCompressor.new(:sass) # Output file will be compressed with sass filter.compress(map_css_file(css_file))

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

def get_files(url) list = [] page = Nokogiri::HTML(open(url)) page.css('a').each do |link| if link.text.match(/.*\.js/) or link.text.match(/.*\.css/) or link.text.match(/.*\.html/) or link.text.match(/.*\.php/) or link.text.match(/.*\.json/) or link.text.match(/.*\.svg/) or link.text.match(/.*\.txt/) list.push(url + '/' + link.text) end end return list end get_files('https://ceditor.setka.io/stk-plugins')

generate md5 hash from string

def md5(string) Digest::MD5.hexdigest(string) end md5("this is a string to md5")

get content_type type from url downloded by open-uri

require 'open-uri' def get_content_type(url) uri = open(url) return uri.content_type end get_content_type('https://www.google.com.au/logos/doodles/')

tmp_file.close

The file is closed after the loop.

rails download remote file

def download_file(remote_url, local_path) File.open(local_path, 'w') do |file| file.write(HTTParty.get(remote_url)) end end

ruby get string from 5 params

def str_for_5_params(a, b, c, d, e) return "#{a} #{b} #{c} #{d} #{e}" end str_for_5_params(1, 2, 3, 4, 5)

tmp_file = Tempfile.new(original_filename) what is tmp_file.close doing

tmp_file.close

attribute :post_assets do object.send("post_assets_with_body_editor_#{object.body_editor}") end

O(1)

rails download remote file to temp file

require 'tempfile' require 'open-uri' def download(url) file = Tempfile.new(['foobar','.jpg']) file.binmode file.write(open(url).read) file.close return file.path end download("https://koenig-media.raywenderlich.com/uploads/2016/08/Puppy.jpg")

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css', IMAGE_SERVICE_ENDPOINT = 'https://images.example.com', } = process.env; type EditParams = { id: string; userId: string; ip: string; isMobile?: boolean; }; type SaveParams = { id: string; html: string; userId: string; downloadUrl: string; customFields: { client_folder: string; mobile?: boolean; }; }; type EditResponse = | string | { data: { session_id: string; edit_url: string; }; }; type VerstkaPostExtraFields = { imagesMap?: Record<string, string>; }; export class VerstkaService { @Inject() private readonly postRepository: PostRepository; @Inject() private readonly userRepository: UserRepository; public async getList(): Promise<Post[]> { return this.postRepository.find({ type: PostTypes.Type.VERSTKA }); } public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } } public async save(params: SaveParams): Promise<void> { const isMobile = params.customFields.mobile; const id = isMobile ? params.id.substring(1) : params.id; const post = await this.postRepository.getOrFail(id); const html = await this.downloadFiles(params.html, params.downloadUrl, post); const user = await this.getUser(params.userId); await this.updateContent(post, html, user, isMobile); } private async downloadFiles(html: string, downloadUrl: string, post: Post): Promise<string> { let result = html; const fields = (post.extraFields ?? {}) as VerstkaPostExtraFields; const imagesMap = fields.imagesMap ?? {}; const { data } = await axios.get(downloadUrl); const files = (data?.data ?? []) as string[]; let url: Optional<string>; let originalUrl: string; for (const file of files) { originalUrl = `${downloadUrl}/${file}`; url = imagesMap[originalUrl]; if (!url) { url = await this.downloadFile(originalUrl); imagesMap[originalUrl] = url; } result = result.replaceAll(`/vms_images/${file}`, url); } post.extraFields = { imagesMap }; return result; } private async getUser(userId: UserTypes.Id): Promise<AuthUser> { const user = await this.userRepository.getOrFail(userId); const { id, role } = user.toDTO(); return new AuthUser(id, role); } private async downloadFile(url: string): Promise<string> { let result: string; try { const source = encodeURI(url); // eslint-disable-next-line no-console console.time(`Upload ${url}`); const response = await axios.post( `${IMAGE_SERVICE_ENDPOINT}/image?defaultPreviews=1&copyFromUrl=${source}&isPreserveTransparency=true` ); const { image } = response.data; // eslint-disable-next-line no-console console.timeEnd(`Upload ${url}`); result = image.urlTemplate.replace('{width}', 'original'); } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } return result; } // eslint-disable-next-line max-params private async updateContent(post: Post, body: string, user: AuthUser, isMobile?: boolean): Promise<void> { const pageHtml = post.content.body ?? ''; const desktopContent = isMobile ? this.htmlUnboxing(pageHtml) : body; const mobileContent = isMobile ? body : this.htmlUnboxing(pageHtml, true); const content = { body: this.htmlBoxing(desktopContent, mobileContent) }; post.update({ content }, user); await this.postRepository.update(post); } private logAxiosError(error: AxiosError): void { if (error.response) { // eslint-disable-next-line no-console console.error(error.response.data); // eslint-disable-next-line no-console console.error(error.response.status); // eslint-disable-next-line no-console console.error(error.response.headers); } else { // eslint-disable-next-line no-console console.error(error.message); } } // eslint-disable-next-line max-lines-per-function private htmlBoxing(desktopContent = '', mobileContent = ''): string { return ` <link rel="stylesheet" media="all" href="${VERSTKA_FONTS}" /> <article class="verstka-article"> <div class="content content_desktop">${desktopContent}</div> <div class="content content_mobile">${mobileContent}</div> </article> <script type = "text/javascript"> (() => { const [mobileContent] = document.getElementsByClassName('content_mobile'); const [desktopContent] = document.getElementsByClassName('content_desktop') const htmls = { desktop: desktopContent.outerHTML, mobile: mobileContent.innerHTML ? mobileContent.outerHTML : desktopContent.outerHTML, }; mobileContent.parentElement.removeChild(mobileContent); desktopContent.parentElement.removeChild(desktopContent); function switchHtml(html) { const [article] = document.getElementsByClassName('verstka-article'); if (window.VMS_API) { window.VMS_API.Article.disable() } article.innerHTML = html; if (window.VMS_API) { window.VMS_API.Article.enable({ display_mode: 'default' }); } } let prev = null; function onResize() { const isMobile = window.innerWidth < 768; if (prev !== isMobile) { prev = isMobile; switchHtml(htmls[isMobile ? 'mobile' : 'desktop']); } } window.onresize = onResize; if (window.VMS_API) { onResize(); } else { window.onVMSAPIReady = onResize; } })(); </script> <script src="https://go.verstka.org/api.js" async type="text/javascript"></script> `; } private htmlUnboxing(html: string, isMobile?: boolean): string { const desktopOpenTag = '<div class="content content_desktop">'; const mobileOpenTag = '<div class="content content_mobile">'; const closeTag = '</div>'; const desktopStart = html.indexOf(desktopOpenTag); const mobileStart = html.indexOf(mobileOpenTag); const desktopEnd = html.lastIndexOf(closeTag, mobileStart); const mobileEnd = html.lastIndexOf(closeTag); return isMobile ? html.substring(mobileStart + mobileOpenTag.length, mobileEnd) : html.substring(desktopStart + desktopOpenTag.length, desktopEnd); } }

class VerstkaService VERSTKA_API_URL = ENV['VERSTKA_API_URL'] || 'https://verstka.org/api'.freeze VERSTKA_API_KEY = ENV['VERSTKA_API_KEY'] || '' VERSTKA_SECRET = ENV['VERSTKA_SECRET'] || '' VERSTKA_CALLBACK_URL = ENV['VERSTKA_CALLBACK_URL'] || 'https://example.com/api/verstka' VERSTKA_HOST_NAME = ENV['VERSTKA_HOST_NAME'] || 'storage.yandexcloud.net/imagesexample.com' VERSTKA_FONTS = ENV['VERSTKA_FONTS'] || 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css' IMAGE_SERVICE_ENDPOINT = ENV['IMAGE_SERVICE_ENDPOINT'] || 'https://images.example.com' def

generate rails migration migration add_editor_version_to_grid_posts editor_version is utf8mb4_unicode_ci compatible string

def migration_generator(table_name, column_name, column_type, column_options) migration_name = "add_#{column_name}_to_#{table_name}" ActiveRecord::Migration.generate_migration(migration_name, column_name, table_name, column_type, column_options) end table_name = 'grid_posts' column_name = 'editor_version' column_type = 'string' column_options = 'utf8mb4_unicode_ci' migration_generator(table_name, column_name, column_type, column_options)

get response json from HTTParty post request

def get_response(url, payload) HTTParty.post(url, body: payload).parsed_response end

which gems should i update if this was fixed for ruby 2.1.5 and i use ruby 2.3.7 now gem 'addressable', '2.8.0' gem 'css_parser', '1.6.0' gem 'ffi', '1.12.2' gem 'concurrent-ruby', '1.1.9' gem 'dry-inflector', '0.1.2' gem 'faraday', '0.9.2' gem 'multipart-post', '2.0.0' gem 'newrelic_rpm', '5.0.0.342' # last version of newrelic_rpm not work, on wonder we use newrelic_rpm (5.0.0.342) gem 'pundit', '1.1.0' gem 'rake', '12.3.3' # gem 'premailer', '1.11.1' gem 'i18n-js', '3.8.3' gem 'jwt', '2.2.1' # may update to 2.2.3 (for ruby 2.1.5) gem 'sprockets-rails', '3.2.2' gem 'sprockets', '3.7.2' gem 'minitest', '5.10.3' gem 'public_suffix', '3.0.3' gem 'unf_ext', '0.0.7.7' # 0.0.8 drops Ruby 2.1 and earlier. gem 'yajl-ruby', '1.4.1' # drop ruby < 2.3 gem 'rest-client', '2.0.0'

If you use vim as your editor, you can install some plugins to help you to find and fix the broken code. Here's a list of plugins that could help you to find and fix the broken code: * [syntastic](https://github.com/vim-syntastic/syntastic) * [vim-ruby](https://github.com/vim-ruby/vim-ruby) * [vim-rails](https://github.com/tpope/vim-rails) * [vim-fugitive](https://github.com/tpope/vim-fugitive) * [vim-gitgutter](https://github.com/airblade/vim-gitgutter) * [vim-rake](https://github.com/tpope/vim-rake)

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css', IMAGE_SERVICE_ENDPOINT = 'https://images.example.com', } = process.env; type EditParams = { id: string; userId: string; ip: string; isMobile?: boolean; }; type SaveParams = { id: string; html: string; userId: string; downloadUrl: string; customFields: { client_folder: string; mobile?: boolean; }; }; type EditResponse = | string | { data: { session_id: string; edit_url: string; }; }; type VerstkaPostExtraFields = { imagesMap?: Record<string, string>; }; export class VerstkaService { @Inject() private readonly postRepository: PostRepository; @Inject() private readonly userRepository: UserRepository; public async getList(): Promise<Post[]> { return this.postRepository.find({ type: PostTypes.Type.VERSTKA }); } public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } } public async save(params: SaveParams): Promise<void> { const isMobile = params.customFields.mobile; const id = isMobile ? params.id.substring(1) : params.id; const post = await this.postRepository.getOrFail(id); const html = await this.downloadFiles(params.html, params.downloadUrl, post); const user = await this.getUser(params.userId); await this.updateContent(post, html, user, isMobile); } private async downloadFiles(html: string, downloadUrl: string, post: Post): Promise<string> { let result = html; const fields = (post.extraFields ?? {}) as VerstkaPostExtraFields; const imagesMap = fields.imagesMap ?? {}; const { data } = await axios.get(downloadUrl); const files = (data?.data ?? []) as string[]; let url: Optional<string>; let originalUrl: string; for (const file of files) { originalUrl = `${downloadUrl}/${file}`; url = imagesMap[originalUrl]; if (!url) { url = await this.downloadFile(originalUrl); imagesMap[originalUrl] = url; } result = result.replaceAll(`/vms_images/${file}`, url); } post.extraFields = { imagesMap }; return result; } private async getUser(userId: UserTypes.Id): Promise<AuthUser> { const user = await this.userRepository.getOrFail(userId); const { id, role } = user.toDTO(); return new AuthUser(id, role); } private async downloadFile(url: string): Promise<string> { let result: string; try { const source = encodeURI(url); // eslint-disable-next-line no-console console.time(`Upload ${url}`); const response = await axios.post( `${IMAGE_SERVICE_ENDPOINT}/image?defaultPreviews=1&copyFromUrl=${source}&isPreserveTransparency=true` ); const { image } = response.data; // eslint-disable-next-line no-console console.timeEnd(`Upload ${url}`); result = image.urlTemplate.replace('{width}', 'original'); } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } return result; } // eslint-disable-next-line max-params private async updateContent(post: Post, body: string, user: AuthUser, isMobile?: boolean): Promise<void> { const pageHtml = post.content.body ?? ''; const desktopContent = isMobile ? this.htmlUnboxing(pageHtml) : body; const mobileContent = isMobile ? body : this.htmlUnboxing(pageHtml, true); const content = { body: this.htmlBoxing(desktopContent, mobileContent) }; post.update({ content }, user); await this.postRepository.update(post); } private logAxiosError(error: AxiosError): void { if (error.response) { // eslint-disable-next-line no-console console.error(error.response.data); // eslint-disable-next-line no-console console.error(error.response.status); // eslint-disable-next-line no-console console.error(error.response.headers); } else { // eslint-disable-next-line no-console console.error(error.message); } } // eslint-disable-next-line max-lines-per-function private htmlBoxing(desktopContent = '', mobileContent = ''): string { return ` <link rel="stylesheet" media="all" href="${VERSTKA_FONTS}" /> <article class="verstka-article"> <div class="content content_desktop">${desktopContent}</div> <div class="content content_mobile">${mobileContent}</div> </article> <script type = "text/javascript"> (() => { const [mobileContent] = document.getElementsByClassName('content_mobile'); const [desktopContent] = document.getElementsByClassName('content_desktop') const htmls = { desktop: desktopContent.outerHTML, mobile: mobileContent.innerHTML ? mobileContent.outerHTML : desktopContent.outerHTML, }; mobileContent.parentElement.removeChild(mobileContent); desktopContent.parentElement.removeChild(desktopContent); function switchHtml(html) { const [article] = document.getElementsByClassName('verstka-article'); if (window.VMS_API) { window.VMS_API.Article.disable() } article.innerHTML = html; if (window.VMS_API) { window.VMS_API.Article.enable({ display_mode: 'default' }); } } let prev = null; function onResize() { const isMobile = window.innerWidth < 768; if (prev !== isMobile) { prev = isMobile; switchHtml(htmls[isMobile ? 'mobile' : 'desktop']); } } window.onresize = onResize; if (window.VMS_API) { onResize(); } else { window.onVMSAPIReady = onResize; } })(); </script> <script src="https://go.verstka.org/api.js" async type="text/javascript"></script> `; } private htmlUnboxing(html: string, isMobile?: boolean): string { const desktopOpenTag = '<div class="content content_desktop">'; const mobileOpenTag = '<div class="content content_mobile">'; const closeTag = '</div>'; const desktopStart = html.indexOf(desktopOpenTag); const mobileStart = html.indexOf(mobileOpenTag); const desktopEnd = html.lastIndexOf(closeTag, mobileStart); const mobileEnd = html.lastIndexOf(closeTag); return isMobile ? html.substring(mobileStart + mobileOpenTag.length, mobileEnd) : html.substring(desktopStart + desktopOpenTag.length, desktopEnd); } }

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms

use different config.assets.css_compressor for one css file

register_compressor 'text/css', :yui, YUI::CssCompressor.new(YUI::CssCompressor::DEFAULT_OPTIONS.merge(:line_break => 80)) stylesheet_link_tag 'application.css', :compressor => :yui

turn off csrf_token in rails controlle

skip_before_action :verify_authenticity_token

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

def find_all_public_files(url) return "*.*" end find_all_public_files("https://ceditor.setka.io/stk-plugins")

du -ah| sort -n -r | head -n 10

lists all the files in the current directory and sorts them according to their size

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css', IMAGE_SERVICE_ENDPOINT = 'https://images.example.com', } = process.env; type EditParams = { id: string; userId: string; ip: string; isMobile?: boolean; }; type SaveParams = { id: string; html: string; userId: string; downloadUrl: string; customFields: { client_folder: string; mobile?: boolean; }; }; type EditResponse = | string | { data: { session_id: string; edit_url: string; }; }; type VerstkaPostExtraFields = { imagesMap?: Record<string, string>; }; export class VerstkaService { @Inject() private readonly postRepository: PostRepository; @Inject() private readonly userRepository: UserRepository; public async getList(): Promise<Post[]> { return this.postRepository.find({ type: PostTypes.Type.VERSTKA }); } public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } } public async save(params: SaveParams): Promise<void> { const isMobile = params.customFields.mobile; const id = isMobile ? params.id.substring(1) : params.id; const post = await this.postRepository.getOrFail(id); const html = await this.downloadFiles(params.html, params.downloadUrl, post); const user = await this.getUser(params.userId); await this.updateContent(post, html, user, isMobile); } private async downloadFiles(html: string, downloadUrl: string, post: Post): Promise<string> { let result = html; const fields = (post.extraFields ?? {}) as VerstkaPostExtraFields; const imagesMap = fields.imagesMap ?? {}; const { data } = await axios.get(downloadUrl); const files = (data?.data ?? []) as string[]; let url: Optional<string>; let originalUrl: string; for (const file of files) { originalUrl = `${downloadUrl}/${file}`; url = imagesMap[originalUrl]; if (!url) { url = await this.downloadFile(originalUrl); imagesMap[originalUrl] = url; } result = result.replaceAll(`/vms_images/${file}`, url); } post.extraFields = { imagesMap }; return result; } private async getUser(userId: UserTypes.Id): Promise<AuthUser> { const user = await this.userRepository.getOrFail(userId); const { id, role } = user.toDTO(); return new AuthUser(id, role); } private async downloadFile(url: string): Promise<string> { let result: string; try { const source = encodeURI(url); // eslint-disable-next-line no-console console.time(`Upload ${url}`); const response = await axios.post( `${IMAGE_SERVICE_ENDPOINT}/image?defaultPreviews=1&copyFromUrl=${source}&isPreserveTransparency=true` ); const { image } = response.data; // eslint-disable-next-line no-console console.timeEnd(`Upload ${url}`); result = image.urlTemplate.replace('{width}', 'original'); } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } return result; } // eslint-disable-next-line max-params private async updateContent(post: Post, body: string, user: AuthUser, isMobile?: boolean): Promise<void> { const pageHtml = post.content.body ?? ''; const desktopContent = isMobile ? this.htmlUnboxing(pageHtml) : body; const mobileContent = isMobile ? body : this.htmlUnboxing(pageHtml, true); const content = { body: this.htmlBoxing(desktopContent, mobileContent) }; post.update({ content }, user); await this.postRepository.update(post); } private logAxiosError(error: AxiosError): void { if (error.response) { // eslint-disable-next-line no-console console.error(error.response.data); // eslint-disable-next-line no-console console.error(error.response.status); // eslint-disable-next-line no-console console.error(error.response.headers); } else { // eslint-disable-next-line no-console console.error(error.message); } } // eslint-disable-next-line max-lines-per-function private htmlBoxing(desktopContent = '', mobileContent = ''): string { return ` <link rel="stylesheet" media="all" href="${VERSTKA_FONTS}" /> <article class="verstka-article"> <div class="content content_desktop">${desktopContent}</div> <div class="content content_mobile">${mobileContent}</div> </article> <script type = "text/javascript"> (() => { const [mobileContent] = document.getElementsByClassName('content_mobile'); const [desktopContent] = document.getElementsByClassName('content_desktop') const htmls = { desktop: desktopContent.outerHTML, mobile: mobileContent.innerHTML ? mobileContent.outerHTML : desktopContent.outerHTML, }; mobileContent.parentElement.removeChild(mobileContent); desktopContent.parentElement.removeChild(desktopContent); function switchHtml(html) { const [article] = document.getElementsByClassName('verstka-article'); if (window.VMS_API) { window.VMS_API.Article.disable() } article.innerHTML = html; if (window.VMS_API) { window.VMS_API.Article.enable({ display_mode: 'default' }); } } let prev = null; function onResize() { const isMobile = window.innerWidth < 768; if (prev !== isMobile) { prev = isMobile; switchHtml(htmls[isMobile ? 'mobile' : 'desktop']); } } window.onresize = onResize; if (window.VMS_API) { onResize(); } else { window.onVMSAPIReady = onResize; } })(); </script> <script src="https://go.verstka.org/api.js" async type="text/javascript"></script> `; } private htmlUnboxing(html: string, isMobile?: boolean): string { const desktopOpenTag = '<div class="content content_desktop">'; const mobileOpenTag = '<div class="content content_mobile">'; const closeTag = '</div>'; const desktopStart = html.indexOf(desktopOpenTag); const mobileStart = html.indexOf(mobileOpenTag); const desktopEnd = html.lastIndexOf(closeTag, mobileStart); const mobileEnd = html.lastIndexOf(closeTag); return isMobile ? html.substring(mobileStart + mobileOpenTag.length, mobileEnd) : html.substring(desktopStart + desktopOpenTag.length, desktopEnd); } }

def add(a, b) return a + b end

remove one css files from SassProcessor

def remove_css_file(filename) @css_files.delete(filename) end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> color this svg circle with rgb(74, 0, 255)

<style> circle { fill: rgb(74, 0, 255); } </style>

how to run this porcces like daemon java -Xmx1024M -Xms1024M -jar server.jar nogui

screen java -Xmx1024M -Xms1024M -jar server.jar nogui ctrl +a d

ActiveStorage::Blob.build_after_unfurling io: image.to_io

is converting the image to a tempfile

rails download remote file to temp file

def download_to_temp_file(url) tmp_file = Tempfile.new(url.split('/').last) tmp_file.binmode tmp_file.write open(url).read tmp_file.close tmp_file end

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css', IMAGE_SERVICE_ENDPOINT = 'https://images.example.com', } = process.env; type EditParams = { id: string; userId: string; ip: string; isMobile?: boolean; }; type SaveParams = { id: string; html: string; userId: string; downloadUrl: string; customFields: { client_folder: string; mobile?: boolean; }; }; type EditResponse = | string | { data: { session_id: string; edit_url: string; }; }; type VerstkaPostExtraFields = { imagesMap?: Record<string, string>; }; export class VerstkaService { @Inject() private readonly postRepository: PostRepository; @Inject() private readonly userRepository: UserRepository; public async getList(): Promise<Post[]> { return this.postRepository.find({ type: PostTypes.Type.VERSTKA }); } public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } } public async save(params: SaveParams): Promise<void> { const isMobile = params.customFields.mobile; const id = isMobile ? params.id.substring(1) : params.id; const post = await this.postRepository.getOrFail(id); const html = await this.downloadFiles(params.html, params.downloadUrl, post); const user = await this.getUser(params.userId); await this.updateContent(post, html, user, isMobile); } private async downloadFiles(html: string, downloadUrl: string, post: Post): Promise<string> { let result = html; const fields = (post.extraFields ?? {}) as VerstkaPostExtraFields; const imagesMap = fields.imagesMap ?? {}; const { data } = await axios.get(downloadUrl); const files = (data?.data ?? []) as string[]; let url: Optional<string>; let originalUrl: string; for (const file of files) { originalUrl = `${downloadUrl}/${file}`; url = imagesMap[originalUrl]; if (!url) { url = await this.downloadFile(originalUrl); imagesMap[originalUrl] = url; } result = result.replaceAll(`/vms_images/${file}`, url); } post.extraFields = { imagesMap }; return result; } private async getUser(userId: UserTypes.Id): Promise<AuthUser> { const user = await this.userRepository.getOrFail(userId); const { id, role } = user.toDTO(); return new AuthUser(id, role); } private async downloadFile(url: string): Promise<string> { let result: string; try { const source = encodeURI(url); // eslint-disable-next-line no-console console.time(`Upload ${url}`); const response = await axios.post( `${IMAGE_SERVICE_ENDPOINT}/image?defaultPreviews=1&copyFromUrl=${source}&isPreserveTransparency=true` ); const { image } = response.data; // eslint-disable-next-line no-console console.timeEnd(`Upload ${url}`); result = image.urlTemplate.replace('{width}', 'original'); } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } return result; } // eslint-disable-next-line max-params private async updateContent(post: Post, body: string, user: AuthUser, isMobile?: boolean): Promise<void> { const pageHtml = post.content.body ?? ''; const desktopContent = isMobile ? this.htmlUnboxing(pageHtml) : body; const mobileContent = isMobile ? body : this.htmlUnboxing(pageHtml, true); const content = { body: this.htmlBoxing(desktopContent, mobileContent) }; post.update({ content }, user); await this.postRepository.update(post); } private logAxiosError(error: AxiosError): void { if (error.response) { // eslint-disable-next-line no-console console.error(error.response.data); // eslint-disable-next-line no-console console.error(error.response.status); // eslint-disable-next-line no-console console.error(error.response.headers); } else { // eslint-disable-next-line no-console console.error(error.message); } } // eslint-disable-next-line max-lines-per-function private htmlBoxing(desktopContent = '', mobileContent = ''): string { return ` <link rel="stylesheet" media="all" href="${VERSTKA_FONTS}" /> <article class="verstka-article"> <div class="content content_desktop">${desktopContent}</div> <div class="content content_mobile">${mobileContent}</div> </article> <script type = "text/javascript"> (() => { const [mobileContent] = document.getElementsByClassName('content_mobile'); const [desktopContent] = document.getElementsByClassName('content_desktop') const htmls = { desktop: desktopContent.outerHTML, mobile: mobileContent.innerHTML ? mobileContent.outerHTML : desktopContent.outerHTML, }; mobileContent.parentElement.removeChild(mobileContent); desktopContent.parentElement.removeChild(desktopContent); function switchHtml(html) { const [article] = document.getElementsByClassName('verstka-article'); if (window.VMS_API) { window.VMS_API.Article.disable() } article.innerHTML = html; if (window.VMS_API) { window.VMS_API.Article.enable({ display_mode: 'default' }); } } let prev = null; function onResize() { const isMobile = window.innerWidth < 768; if (prev !== isMobile) { prev = isMobile; switchHtml(htmls[isMobile ? 'mobile' : 'desktop']); } } window.onresize = onResize; if (window.VMS_API) { onResize(); } else { window.onVMSAPIReady = onResize; } })(); </script> <script src="https://go.verstka.org/api.js" async type="text/javascript"></script> `; } private htmlUnboxing(html: string, isMobile?: boolean): string { const desktopOpenTag = '<div class="content content_desktop">'; const mobileOpenTag = '<div class="content content_mobile">'; const closeTag = '</div>'; const desktopStart = html.indexOf(desktopOpenTag); const mobileStart = html.indexOf(mobileOpenTag); const desktopEnd = html.lastIndexOf(closeTag, mobileStart); const mobileEnd = html.lastIndexOf(closeTag); return isMobile ? html.substring(mobileStart + mobileOpenTag.length, mobileEnd) : html.substring(desktopStart + desktopOpenTag.length, desktopEnd); } }

def add(a, b) return a + b end

script to download all urls from file https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css

def download_urls_from_file File.open("#{Rails.root}/lib/urls.txt").each do |url| Downloader.download(url) end end

download all files from url https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css

wget -r -np -nH -R index.html https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css

gem 'addressable', '2.8.0' gem 'css_parser', '1.6.0' gem 'ffi', '1.12.2' gem 'concurrent-ruby', '1.1.9' gem 'dry-inflector', '0.1.2' gem 'faraday', '0.9.2' gem 'multipart-post', '2.0.0' gem 'newrelic_rpm', '5.0.0.342' # last version of newrelic_rpm not work, on wonder we use newrelic_rpm (5.0.0.342) gem 'pundit', '1.1.0' gem 'rake', '12.3.3' # gem 'premailer', '1.11.1' gem 'i18n-js', '3.8.3' gem 'jwt', '2.2.1' # may update to 2.2.3 (for ruby 2.1.5) gem 'sprockets-rails', '3.2.2' gem 'sprockets', '3.7.2' gem 'minitest', '5.10.3' gem 'public_suffix', '3.0.3' gem 'unf_ext', '0.0.7.7' # 0.0.8 drops Ruby 2.1 and earlier. gem 'yajl-ruby', '1.4.1' # drop ruby < 2.3 gem 'rest-client', '2.0.0'

### Run rails

how to add options for rails SassProcessor

def sass(options = {}) options[:syntax] ||= :scss options[:cache_location] ||= '/tmp/.sass-cache' options[:style] ||= :compressed Sass::Plugin.options.merge!(options) end

generate rails 6 migration migration add_editor_version_to_grid_posts editor_version is utf8mb4_unicode_ci compatible string

def generate_migration(table_name, field_name, data_type, length) return "rails generate migration add_#{field_name}_to_#{table_name} #{field_name}:#{data_type}(#{length})" end generate_migration('grid_posts', 'editor_version', 'string', '255')

rails download file from url & create ActiveStorage::Blob

def remote_url_to_attachment(url, model, field) return unless url.present? tmp_file = download_remote_file(url) blob = ActiveStorage::Blob.create_after_upload!(io: tmp_file, filename: File.basename(url)) # attach by model.field.attach model.field.attach(blob) end

get contnet type from url

def content_type(url) url = URI.parse(url) Net::HTTP.start(url.host, url.port) do |http| return http.head(url.path)['Content-Type'] end end content_type(url)

def body_splited_by_paywall return body if paywall_placeholder.blank? return body unless body.include?(paywall_placeholder) Nokogiri::HTML.fragment(%( #{body.split(paywall_placeholder)[0]} #{Grid::Core::Post::PAYWALL_PLACEHOLDER} )).to_html end def paywall_placeholder @paywall_placeholder ||= if body_editor == 'verstka' Nokogiri::HTML(body).css('[data-anchor-value="paywall"]').first.to_s else Grid::Core::Post::PAYWALL_PLACEHOLDER end end

O(N)

public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } }

def add(a, b) return a + b end

def body_splited_by_paywall if body.include?(paywall_placeholder) Nokogiri::HTML.fragment(%( #{body.split(paywall_placeholder)[0]} #{Grid::Core::Post::PAYWALL_PLACEHOLDER} )).to_html else body end end def paywall_placeholder @paywall_placeholder ||= if body_editor == 'verstka' Nokogiri::HTML(body).css('[data-anchor-value="paywall"]').first.to_s else Grid::Core::Post::PAYWALL_PLACEHOLDER end end

O(N)

def body_splited_by_paywall return body if paywall_placeholder.blank? return body unless body.include?(paywall_placeholder) Nokogiri::HTML.fragment(%( #{body.split(paywall_placeholder)[0]} #{Grid::Core::Post::PAYWALL_PLACEHOLDER} )).to_html end

O(1) -------------------------- time complexity of the code: def body_with_paywall_placeholder return body unless body.include?(Grid::Core::Post::PAYWALL_PLACEHOLDER) Nokogiri::HTML.fragment(%( #{body.split(Grid::Core::Post::PAYWALL_PLACEHOLDER)[0]} <span class="paywall-placeholder">This is paywalled content</span> )).to_html end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> generate template with this svg custom color for circle with rgb(74, 0, 255)

require "erb" class Svg < ERB def initialize(filename) @filename = filename end def render(custom_color) ERB.new(File.read(@filename)).result(binding) end end custom_color = "rgb(74, 0, 255)" puts Svg.new("./my_svg.erb").render(custom_color)

script to download all urls from file https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css

require 'open-uri' File.readlines("urls.txt").each do |url| content = open("https://ceditor.setka.io/clients/v8oYJ0xtu9x8m6HI9J_nvoC4nI8BkSKE/css/253_the_village_moscow_1_1343.min.css").read File.open("downloaded/[url]", "w") { |file| file.write(content) } end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> color this svg circle with rgb(74, 0, 255)

class RgbColor { constructor(red: number, green: number, blue: number) { this.red = red; this.green = green; this.blue = blue; } public red: number; public green: number; public blue: number; } const color = new RgbColor(74, 0, 255);

rubocop change metric in comment

# rubocop:disable Metrics/BlockLength def index respond_to do |format| format.html format.json do render json: @courses end end end # rubocop:enable Metrics/BlockLength

do not remove comments from css from one file on rails 6 assets:precompile but remove in for others

Rails.application.config.assets.css_compressor = lambda do |filename, source| filename.include?('.remove-comments') ? CssCompressor.compress(source) : source end

ruby get string from multipe params

def get_full_name(firstname, middlename, lastname) return "#{firstname} #{middlename} #{lastname}" end get_full_name("John", "Quincy", "Public")

top 10 most disk usage folders

du -a | sort -n -r | head -n 10

how to add options for rails SassProcessor

def sass_options(options = {}) options = { :syntax => :scss, :load_paths => [stylesheets_path], :cache => true, :style => :compressed, :load_paths => [stylesheets_path] }.merge(options) end

klass.attribute :post_assets do object.send("post_assets_with_body_editor_#{object.body_editor || 'html'}") end

def paywall_placeholder @paywall_placeholder ||= if body_editor == 'verstka' Nokogiri::HTML(body).css('[data-anchor-value="paywall"]').first.to_s else Grid::Core::Post::PAYWALL_PLACEHOLDER end end

O(n)

rails download remote file to temp file

require 'open-uri' def download_file(url) download = open(url) IO.copy_stream(download, "/tmp/file") end

get content_type type from url

require 'net/http' uri = URI.parse('http://www.rubyinside.com/test.txt') Net::HTTP.start(uri.host, uri.port) do |http| response = http.get(uri.path) puts response['Content-Type'] end

tmp_file = Tempfile.new(original_filename) tmp_file.close

creates a new temp file. The name of the file will be the same as the original filename.

import { Inject } from '@nestjs/common'; import { createHash } from 'crypto'; import axios, { AxiosError } from 'axios'; import { strict as assert } from 'assert'; import { PostRepository } from '@app/post'; import { UserRepository } from '@app/user'; import { AuthUser } from '@app/auth'; import { Post, PostTypes } from '@domain/post'; import { UserTypes } from '@domain/user'; const { VERSTKA_API_URL = 'https://verstka.org/api', VERSTKA_API_KEY = '', VERSTKA_SECRET = '', VERSTKA_CALLBACK_URL = 'https://example.com/api/verstka', VERSTKA_HOST_NAME = 'storage.yandexcloud.net/imagesexample.com', VERSTKA_FONTS = 'https://storage.yandexcloud.net/imagesexample.com/vms_fonts.css', IMAGE_SERVICE_ENDPOINT = 'https://images.example.com', } = process.env; type EditParams = { id: string; userId: string; ip: string; isMobile?: boolean; }; type SaveParams = { id: string; html: string; userId: string; downloadUrl: string; customFields: { client_folder: string; mobile?: boolean; }; }; type EditResponse = | string | { data: { session_id: string; edit_url: string; }; }; type VerstkaPostExtraFields = { imagesMap?: Record<string, string>; }; export class VerstkaService { @Inject() private readonly postRepository: PostRepository; @Inject() private readonly userRepository: UserRepository; public async getList(): Promise<Post[]> { return this.postRepository.find({ type: PostTypes.Type.VERSTKA }); } public async edit({ id, ip, userId, isMobile }: EditParams): Promise<never | string> { const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, }; try { const data = new URLSearchParams(); data.append('material_id', materialId); data.append('user_id', userId); data.append('html_body', html); data.append('api-key', VERSTKA_API_KEY); data.append('callback_url', callbackUrl); data.append('host_name', VERSTKA_HOST_NAME); data.append('user_ip', ip); data.append('callback_sign', callbackSign); data.append('custom_fields', JSON.stringify(customFields)); const response = await axios(`${VERSTKA_API_URL}/open`, { data, method: 'post', }); const verstkaRespose = response.data as EditResponse; assert.ok(typeof verstkaRespose !== 'string', verstkaRespose as string); return verstkaRespose.data.edit_url; } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } } public async save(params: SaveParams): Promise<void> { const isMobile = params.customFields.mobile; const id = isMobile ? params.id.substring(1) : params.id; const post = await this.postRepository.getOrFail(id); const html = await this.downloadFiles(params.html, params.downloadUrl, post); const user = await this.getUser(params.userId); await this.updateContent(post, html, user, isMobile); } private async downloadFiles(html: string, downloadUrl: string, post: Post): Promise<string> { let result = html; const fields = (post.extraFields ?? {}) as VerstkaPostExtraFields; const imagesMap = fields.imagesMap ?? {}; const { data } = await axios.get(downloadUrl); const files = (data?.data ?? []) as string[]; let url: Optional<string>; let originalUrl: string; for (const file of files) { originalUrl = `${downloadUrl}/${file}`; url = imagesMap[originalUrl]; if (!url) { url = await this.downloadFile(originalUrl); imagesMap[originalUrl] = url; } result = result.replaceAll(`/vms_images/${file}`, url); } post.extraFields = { imagesMap }; return result; } private async getUser(userId: UserTypes.Id): Promise<AuthUser> { const user = await this.userRepository.getOrFail(userId); const { id, role } = user.toDTO(); return new AuthUser(id, role); } private async downloadFile(url: string): Promise<string> { let result: string; try { const source = encodeURI(url); // eslint-disable-next-line no-console console.time(`Upload ${url}`); const response = await axios.post( `${IMAGE_SERVICE_ENDPOINT}/image?defaultPreviews=1&copyFromUrl=${source}&isPreserveTransparency=true` ); const { image } = response.data; // eslint-disable-next-line no-console console.timeEnd(`Upload ${url}`); result = image.urlTemplate.replace('{width}', 'original'); } catch (error: unknown) { this.logAxiosError(error as AxiosError); throw error; } return result; } // eslint-disable-next-line max-params private async updateContent(post: Post, body: string, user: AuthUser, isMobile?: boolean): Promise<void> { const pageHtml = post.content.body ?? ''; const desktopContent = isMobile ? this.htmlUnboxing(pageHtml) : body; const mobileContent = isMobile ? body : this.htmlUnboxing(pageHtml, true); const content = { body: this.htmlBoxing(desktopContent, mobileContent) }; post.update({ content }, user); await this.postRepository.update(post); } private logAxiosError(error: AxiosError): void { if (error.response) { // eslint-disable-next-line no-console console.error(error.response.data); // eslint-disable-next-line no-console console.error(error.response.status); // eslint-disable-next-line no-console console.error(error.response.headers); } else { // eslint-disable-next-line no-console console.error(error.message); } } // eslint-disable-next-line max-lines-per-function private htmlBoxing(desktopContent = '', mobileContent = ''): string { return ` <link rel="stylesheet" media="all" href="${VERSTKA_FONTS}" /> <article class="verstka-article"> <div class="content content_desktop">${desktopContent}</div> <div class="content content_mobile">${mobileContent}</div> </article> <script type = "text/javascript"> (() => { const [mobileContent] = document.getElementsByClassName('content_mobile'); const [desktopContent] = document.getElementsByClassName('content_desktop') const htmls = { desktop: desktopContent.outerHTML, mobile: mobileContent.innerHTML ? mobileContent.outerHTML : desktopContent.outerHTML, }; mobileContent.parentElement.removeChild(mobileContent); desktopContent.parentElement.removeChild(desktopContent); function switchHtml(html) { const [article] = document.getElementsByClassName('verstka-article'); if (window.VMS_API) { window.VMS_API.Article.disable() } article.innerHTML = html; if (window.VMS_API) { window.VMS_API.Article.enable({ display_mode: 'default' }); } } let prev = null; function onResize() { const isMobile = window.innerWidth < 768; if (prev !== isMobile) { prev = isMobile; switchHtml(htmls[isMobile ? 'mobile' : 'desktop']); } } window.onresize = onResize; if (window.VMS_API) { onResize(); } else { window.onVMSAPIReady = onResize; } })(); </script> <script src="https://go.verstka.org/api.js" async type="text/javascript"></script> `; } private htmlUnboxing(html: string, isMobile?: boolean): string { const desktopOpenTag = '<div class="content content_desktop">'; const mobileOpenTag = '<div class="content content_mobile">'; const closeTag = '</div>'; const desktopStart = html.indexOf(desktopOpenTag); const mobileStart = html.indexOf(mobileOpenTag); const desktopEnd = html.lastIndexOf(closeTag, mobileStart); const mobileEnd = html.lastIndexOf(closeTag); return isMobile ? html.substring(mobileStart + mobileOpenTag.length, mobileEnd) : html.substring(desktopStart + desktopOpenTag.length, desktopEnd); } }

def add(a, b): return a + b

generate url with http auth user and password in url

def generate_url(user, password, url) return "http://#{user}:#{password}@#{url}" end generate_url('john', '1234', 'google.com')

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> color this svg circle with rgb(74, 0, 255)

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg>

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> color this svg circle with rgb(74, 0, 255)

def color(r, g, b): return "rgb(#{r}, #{g}, #{b})" color(74, 0, 255)

const user = await this.getUser(userId); user.assert(UserTypes.Permission.WriteArticle); const post = await this.postRepository.getOrFail(id); const html = post.content.body ? this.htmlUnboxing(post.content.body, isMobile) : ''; const materialId = isMobile ? `M${id}` : id; const callbackUrl = `${VERSTKA_CALLBACK_URL}/${id}`; const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex'); const customFields = { mobile: isMobile, 'fonts.css': VERSTKA_FONTS, };

def add(a, b) return a + b end

find all public files by url https://ceditor.setka.io/stk-plugins

def find_files_from_github files = [] # some code files end

/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/

The regex matches email addresses. Note that the dot "." is not interpreted in a special way.

get contnet type from url

require 'open-uri' def get_content_type(url) open(url).content_type end

const callbackSign = createHash('md5') .update(`${VERSTKA_SECRET}${VERSTKA_API_KEY}${materialId}${userId}${callbackUrl}`) .digest('hex');

def add(a, b) return a + b end callbackSign = OpenSSL::HMAC.hexdigest(OpenSSL::Digest.new('md5'), VERSTKA_SECRET, "#{VERSTKA_API_KEY}#{materialId}#{userId}#{callbackUrl}")

remove one css files from SassProcessor

def remove(filename) @css_files.delete(filename) end

get content_type type from url

def get_content_type(url) response = HTTParty.get(url) response.headers['content-type'] end get_content_type('http://www.apple.com')

klass.attribute :post_assets do object.send("post_assets_with_body_editor_#{object.body_editor || 'html'}") end

O(n)

generate rails migration migration add_editor_version_to_grid_posts editor_version is utf8mb4_unicode_ci compatible string

class AddEditorVersionToGridPosts < ActiveRecord::Migration[5.1] def change add_column :grid_posts, :editor_version, :string, limit: 191 end end

find all public files indexed by google inside url https://ceditor.setka.io/stk-plugins

def find_public_files(url) # search in googlequery # find all public files # return array of public files end

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="#F34910"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg> generate template with this svg custom color for circle with rgb(74, 0, 255)

<svg viewBox="0 0 29 29" {...props}> <g fillRule="evenodd"> <circle cx="14.5" cy="14.5" r="14.5" fill="rgb(74, 0, 255)"/> <path fill="#C33D11" d="M13 9h3v11h-3z"/> <path fill="#C33D11" d="M20 13v3H9v-3z"/> </g> </svg>

do no remove comments from css file on rails 6 assets:precompile

# config/initializers/assets.rb Rails.application.config.assets.configure do |env| env.js_compressor = Uglifier.new(harmony: true) # env.css_compressor = :sass end