fbredius/storybook

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const makeContext = (name: string, parameters: any, args: any, extra?: object): StoryContext => ({
  id: `lit-test--${name}`,
  kind: 'js-text',
  name,
  parameters,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const {
    babelOptions,
    outputDir = path.join('.', 'public'),
    quiet,
    packageJson,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    describe('webpack5 dependency', () => {
      const packageJson = {
        dependencies: { '@storybook/react': '^7.0.0-alpha.0', webpack: '^5.0.0' },
      };
      it('should no-op', async () => {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('installDependencies', () => {
    it('should run `yarn`', () => {
      const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');

      yarn1Proxy.installDependencies();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('installDependencies', () => {
    it('should run `yarn`', () => {
      const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');

      yarn2Proxy.installDependencies();

• Read up
  Read up

Function render has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { data, rootName } = this.state;
    const {
      isCollapsed,
      onDeltaUpdate,

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const resolve = {
    ...baseConfig.resolve,
    modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
    plugins: [
      new TsconfigPathsPlugin({

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  const resolve = {
    ...baseConfig.resolve,
    modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
    plugins: [
      new TsconfigPathsPlugin({

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (value instanceof Input) {
      const inputToAdd = {
        propName: propertyName,
        templateName: value.bindingPropertyName ?? propertyName,
      };

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const down = useMemo(
    () => ({
      id: 'down',
      title: 'Next component',
      onClick: () => api.jumpToComponent(1),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    expect(mockPresetBarExtendWebpack).toHaveBeenCalledWith(expect.anything(), {
      bar: 'a',
      presetsList: expect.arrayContaining([
        expect.objectContaining({ name: 'preset-foo' }),
        expect.objectContaining({ name: 'preset-bar' }),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const next = useMemo(
    () => ({
      id: 'next',
      title: 'Next story',
      onClick: () => api.jumpToStory(1),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    expect(mockPresetBarExtendBabel).toHaveBeenCalledWith(expect.anything(), {
      bar: 'a',
      presetsList: expect.arrayContaining([
        expect.objectContaining({ name: 'preset-foo' }),
        expect.objectContaining({ name: 'preset-bar' }),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (value instanceof Output) {
      const outputToAdd = {
        propName: propertyName,
        templateName: value.bindingPropertyName ?? propertyName,
      };

• Read up
  Read up

Function styles has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static get styles() {
    return css`
      section {
        font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;

Function buildWebpackConfigOptions has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const buildWebpackConfigOptions = async (
  dirToSearch: string,
  project: workspaces.ProjectDefinition,
  target: workspaces.TargetDefinition,
  confName?: string

Function extractArgTypesFromData has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const extractArgTypesFromData = (componentData: Class | Directive | Injectable | Pipe) => {
  const sectionToItems: Record<string, ArgType[]> = {};
  const compodocClasses = ['component', 'directive'].includes(componentData.type)
    ? ['propertiesClass', 'methodsClass', 'inputsClass', 'outputsClass']
    : ['properties', 'methods'];

Function render has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { name, value, editEnabled, keyPath, deep } = this.state;
    const {
      handleRemove,
      originalValue,

Function render has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render: () => {
    return (
      <Consumer filter={canvasMapper}>
        {({
          story,

Function getDevCli has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export async function getDevCli(packageJson: {
  version: string;
  name: string;
}): Promise<CommanderStatic & CLIOptions> {
  process.env.NODE_ENV = process.env.NODE_ENV || 'development';