noxd3v

<?php
/* enqueue scripts */

function cp_enqueue_scripts() {
    wp_enqueue_script( 'cp_modal_js', get_stylesheet_directory_uri() . '/js/modal.js', array( 'jquery' ));
    wp_enqueue_script( 'cp_loc_file', get_stylesheet_directory_uri() . '/js/var.js');
    wp_localize_script('cp_loc_file', 'cp_loc_ajaxpath', admin_url('admin-ajax.php'));
}
add_action('wp_enqueue_scripts', 'cp_enqueue_scripts');

noxd3v

import { useEffect } from "react";

const useDetectOutsideClick = (ref, outsideClickHandler) => {
  useEffect(() => {
    const handleOutsideClick = (e) => {
      if (ref.current && !ref.current.contains(e.target)) {
        outsideClickHandler();
      }
    };

noxd3v

import React, { useCallback, useState } from "react";
import { useDropzone } from "react-dropzone";

import firebase from "firebase/app";
import "firebase/storage";

import uuid from "uuid/v4";

const Dropzone = ({ droppedImage }) => {
  const onDrop = useCallback(

noxd3v

In August 2007 a hacker found a way to expose the PHP source code on facebook.com. He retrieved two files and then emailed them to me, and I wrote about the issue:

http://techcrunch.com/2007/08/11/facebook-source-code-leaked/

It became a big deal:

http://www.techmeme.com/070812/p1#a070812p1

The two files are index.php (the homepage) and search.php (the search page)

noxd3v

Computed property names and methods ECMAScript 2015 adds a nice feature: computed property names in object literals and classes. The computed properties use a slight different syntax [methodName]() {...}, so the method definition looks this way:

const addMethod = 'add',
  getMethod = 'get';
const collection = {
  items: [],
  [addMethod](...items) {

noxd3v

/* compose function for combining HOC in react */

export const compose = (...rest) => (x) => rest.reduceRight((y, f) => f(y), x);

/*

It's called functional composition and it has mathematical background (that causes y and x variables naming and reversed execution of functions). It decreases complexity of the way how you call written functions by eliminating variables extra definition and deep level of function wrapage.

*/

noxd3v

Position.aggregate([
  {
    $project: {
      _id: 1,
      positions: {
        $filter: {
          input: "$newPositionsArray",
          as: "position",
          cond: {
            /* multiple conditions */

noxd3v

/* Change position of the item in array */

const list = [1, 2, 3, 4, 5, 6];

const changePosition = (arr, destinationIndex, sourceIndex) => {
  // destructable, copy array before using splice
  arr.splice(destinationIndex, 0, list.splice(sourceIndex, 1)[0]);
  return arr;
};

noxd3v

import React, { useState, useContext, useCallback } from "react";
import styled from "styled-components";
import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
import { SidebarItem } from "../SidebarNavigation/SidebarNavigation.component";
import { FaPlus } from "react-icons/fa";
import { HiOutlineDotsVertical } from "react-icons/hi";
import { ModalContext } from "../../structure/Modal/modalContext";
import AddPositionForm from "./AddPositionForm";

const Wrapper = styled.div`

noxd3v

/* since apollo cache depends on unique identifiers, if it occurs that the fields are without id field we need to merge existing with incoming cache, or just accept the incoming one */

const cache = new InMemoryCache({
  typePolicies: {
    /* query */
    getSinglePosition: {
      fields: {
        /* related field */
        Files: {
          merge(existing, incoming) {