Alex4386

    /* Written for MintNetwork Yukari Cluster - 500 page handling */

    const bs = document.getElementById('babyshark');

    /* Localize babyshark */
    function localize(langCode) {
        const country = window.navigator.userLanguage || window.navigator.language;
        let ytCode = "";
        const lang = langCode || country.split('-')[0];
        switch (lang) {

Rich-Harris

A concept diff from Svelte 2 to 3

-A component must have a default export, but the default export is not the component
-The default export and its properties must be structured a certain way, you can't just use JavaScript
-Components, actions, animations, transitions, custom events etc must be registered, not just imported
-Components can be registered with a shorthand, because the normal way is cumbersome
-methods are attached to the prototype, and `this` is the component, even though it looks (including to linters and typecheckers) as though the `methods` object itself is the context
-Events must be method calls, not arbitrary expressions
-`event` has a special meaning in method calls, as does `this`, as does `refs`, as do `console` and other special names

Rich-Harris

WICG/webcomponents#759

Suppose you have an app like this, and your bundler turns .css files into strings:

// main.js
import './x-foo.js';
import './x-bar.js';

document.body.innerHTML = ``;

Rich-Harris

I'm procrastinating instead of working on a conference talk, so I decided to implement this component in Svelte to see which framework is most expressive:

Ember Octane

Here's the original, with the addition of an import for dataUriAsSrc (and updated per @chriskrycho's comment):

<img

hmmhmmhm

import matcher from 'matcher'
import CORS from 'cors'

let corsOptions = {
    origin: (origin, callback) => {
        let allow = false
        for (let allowAccessDomain of settingsData.allowAccessDomains) { // [ "*.mydomain.com"]
            if (matcher.isMatch(origin, allowAccessDomain)) {
                allow = true
                break

hmmhmmhm

import moment from 'moment'
import 'moment-duration-format'

let currentMoment = moment()
let currentMinuteNum = Number(currentMoment.format('mm'))

let nextMin = 1

let _nextContractTime = moment(currentMoment)
    .add(nextMin, 'minute')

sonbyungjun

export const paginate = (array: any, index: any, size: any) => {
  // transform values
  index = Math.abs(parseInt(index));
  index = index > 0 ? index - 1 : index;
  size = parseInt(size);
  size = size < 1 ? 1 : size;

  // filter
  return [
    ...array.filter((value: any, n: any) => {

sonbyungjun

export function duplicateCheck(array: any[]) {
  return array.reduce((t, a) => {
    t[a] = (t[a] || 0) + 1;
    return t
  }, {})
}

sonbyungjun

export function emailSecurity(userEmail: string){
  const id = userEmail.split('@')[0];
  const mail = userEmail.split('@')[1];
  const maskingId = function(id: string) {
    let splitId = id.substring(0,4);
    for(let i = 4; i < id.length; i++) {
      splitId += '*';
    }
    return splitId;
  };

nnnnnoel

const getLineChartD = ({ data, size, width, padding, topSpacing }) => {
  const min = Math.min(...data);
  const max = Math.max(...data);

  const d = data
    .map((v, i) => {
      return `${i === 0 ? 'M' : 'L'} ${(i * (width - padding * 5)) / data.length},${
      size - (v / (max - min)) * size + (topSpacing || 0)
    }`;
    }).join(' ');