kohlmannj

JavaScript Dependency Visualization Tools

For package.json / Lockfiles

• Package Dependencies / Mike Bostock / Observable
• Yarn.lock Visualizer / Mike Bostock / Observable
• Chord Dependency Diagram / D3 / Observable

For JavaScript Source Files / Bundles

• pahen/madge: Create graphs from your CommonJS, AMD or ES6 module dependencies
• webpack-contrib/webpack-bundle-analyzer: webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

kohlmannj

/* eslint-disable no-underscore-dangle */
import xml from 'xml'

/**
 * Created by azu on 2014/01/18.
 * LICENSE : MIT
 * @see https://github.com/azu/opml-generator
 */

/**

kohlmannj

import * as THREE from 'three';

/**
 * Determine if the given scene contains any lights, i.e. objects
 * that are subclasses of the `THREE.Light` abstract base class.
 * 
 * @param scene the scene to check for lights
 * 
 * @returns whether or not the scene contains lights
 */

kohlmannj

{
  "parser": "babel-eslint",
  "extends": [
    "airbnb",
    "prettier",
    "prettier/react"
  ],
  "plugins": [
    "jest",
    "json",

kohlmannj

#! /usr/bin/env node
/* eslint-env node */

// Boot it up with:
// $ node customDevServer.js
// ...or:
// $ chmod +X customDevServer.js
// $ ./customDevServer.js

const webpack = require('webpack');

kohlmannj

import React, { Component } from 'react';

// A "global" promise for the runtime library.
const runtimePromise;

export default RuntimeSingletonComponent extends Component {
  componentDidMount() {
    // Have we previously loaded the runtime library?
    if (!runtimePromise) {
      // import() the runtime library for the first time.

kohlmannj

import React from 'react';
import { storiesOf } from '@storybook/react';
import withPaidPostArticle from '../../../../../.storybook/withPaidPostArticle';
import withPlacement from '../../../../../.storybook/withPlacement';

import Figure from '../Figure';
import { paragraphs as lipsum } from '../../../../utils/placeholders/lorem-ipsum.json';
import breakpoints from '../../../../utils/layout/breakpoints.json';

const srcObj = {

kohlmannj

$ yarn run test -- src/__tests__/Storyshots.test.js
yarn run v0.24.6
$ NODE_ENV=test jest src/__tests__/Storyshots.test.js
 PASS  src/__tests__/Storyshots.test.js
  Storyshots
    Figure
      ✓ with all props (story) (22ms)
      ✓ with a Picture (story) (8ms)

Test Suites: 1 passed, 1 total

kohlmannj

$ yarn run test
yarn run v0.24.6
$ NODE_ENV=test jest
 PASS  src/__tests__/Storyshots.test.js
  ● Console

    console.info node_modules/@storybook/react/dist/server/babel_config.js:67
      => Loading custom .babelrc

 PASS  src/components/standard/Figure/__tests__/Figure.test.jsx

kohlmannj

{
  "presets": [
    ["latest", { "modules": false }],
    "react",
    "stage-2"
  ],
  "env": {
    "development": {
      "plugins": [
        "react-hot-loader/babel"