Айнур Ярулин

Решил проблему. Причина была в компонентах MUI. Нужно было добавить тег div между компонентами MUI и Post

export default function Page({ params }: { params: { slug: string } }) {
  const { slug} = params
  return (
    <Box>
      <div>
        <Post postId={slug}/>
      </div>
    </Box>
  )
}

Для решения проблемы можно использовать инструменты authjs

Мда, ChatGPT дал ответ с нужным результатом, всем спасибо, продолжаем ждать восстания машин.

function magicFunc<T extends object, K extends keyof T>(array: T[], key: K, value: T[K]) {
    // ...
  }

UPD: У кого есть альтернативные способы – пишите, отмечу решением

Решил проблему. Для создания canvas и imgae я использовал библиотеку canvas,

import { createCanvas, loadImage } from 'canvas'

const image = await loadImage("https://рандомныйсайт/img.jpg", {
  crossOrigin: "anonymous"
})

const canvas = createCanvas(500, 500)
const context = canvas.getContext('2d')
context.drawImage(image, 0, 0, canvas.width, canvas.width)
const pixelData = context.getImageData(1, 1, 1 ,1)

Ключевым моментом является именно crossOrigin: "anonymous".
Отсутствие данных, какие настройки могут передаваться в поле options у метода loadImage()вводит в заблуждение.

Это мокапы, спасибо комментаторам

365 sim

На основе ответа Rsa97, написал вот такой код.

const deleted = [], updated = []
for (let oldidx = 0, newidx = 0; oldidx < current_data.length || newidx < new_data.length;) {
  
  if (newidx >= new_data.length || current_data[oldidx]?.id < new_data[newidx].id) {
    deleted.push(current_data[oldidx])
    oldidx++
    continue
  }
  
  if (oldidx >= current_data.length || current_data[oldidx].id > new_data[newidx]?.id || !lodash.isEqual(new_data[newidx], current_data[oldidx])) {
    updated.push(new_data[newidx])
    oldidx++
    newidx++
    continue
  }
  
  oldidx++
  newidx++
}

Мне было важно, чтобы обновлённые и добавленные данные были в одном массиве,
поэтому я сделал именно так. Сейчас время работы ~1.5 секунды
Еще появился вариант использовать свой метод, но заменить find на бинарный поиск,
но я его не тестировал.

Решил проблему.

Проблема была в том, что при таком использовании
const axios = require('axios').default
VS Code показывает подсказки, но при запуске кода показывает ошибки.

А если импортировать так
const axios = require('axios')
то VS Code не показывает подсказки, но код будет работать

В итоге написал вот такое решение:

async function getData(id) {
   const data = myArray.find(obj => obj.id == id)

   if (data) return data
   else {
      await new Promise(resolve => setTimeout(resolve, 60))

      const response = await fetch(`https://server/api/${id}`)  
      return await response.json()
   }
}

Использовал lodash. Код:

const _ = require('lodash')

const newArray = array_2
const oldArray = array_1


// возвращает новые и обновлённые данные
const changed = newArray.filter(newitem => {
    const olditem = oldArray.find(o => o.id == newitem.id)
    return !_.isEqual(newitem, olditem)
  })

  

  const deleted = oldArray.filter(olditem => {
    const newitem = newArray.find(n => n.id == olditem.id)
    return !_.isEqual(newitem, olditem)
  }).filter(item => { // теперь нужно достать только удалённые данные, а обновлённые проигнорить.
    const item = changed.find(cd => cd.name == item.name)
    return !item
  })

Grid Builder

// npm i csv-parser
// npm i csv-writer

const fs = require('fs')
const csvParser = require('csv-parser')
const createCsvWriter = require('csv-writer').createObjectCsvWriter

const video = []
fs.createReadStream('./ссылка на файл.csv')
  .pipe(csvParser())
  .on('data', data => video.push(data))
  .on('end', () => {

    const movies = video.filter(video => video.TYPE == 'movie')
    const serals = video.filter(video => video.TYPE == 'serials')

    createCsvWriter({
      path: 'папка/названиефайла.csv',
      header: Object.keys(movies[0]).map(key => ({ id: key, title: key })) // не важно
    }).writeRecords(movies)

    createCsvWriter({
      path: 'папка/названиефайла.csv',
      header: Object.keys(serals[0]).map(key => ({ id: key, title: key }))
    }).writeRecords(serals)
  })

Ответ найден, сайт заблокирован провайдером. Но почему на телефоне работал - хз, но сейчас уже не работает

Я тупой. Нужно подключать плагины не в файле postcss.config.js, а в vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import autoprefixer from 'autoprefixer'
import postcssColorMod from 'postcss-color-mod-function'


export default defineConfig({
  plugins: [vue()],
  css: {
    postcss: {
      plugins: [ autoprefixer, postcssColorMod ]
    }
  }
})

Нужно добавить файл postcss.config.js и в нём написать вот это:

import postcssNesting from 'postcss-nesting'

module.exports = {
  parser: 'sugarss',
  map: false,
  plugins: {
    'postcss-plugin': {
      postcssNesting
    }
  }
}

с помощью JS проверять равен чему равен скролл, если сроллл не равен 0, то скрывать логотип