@histoire/shared 0.7.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Guillaume Chau
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/codegen/const.d.ts

@@ -0,0 +1 @@
+export declare const voidElements: string[];

package/dist/codegen/const.js

@@ -0,0 +1,3 @@
+export const voidElements = [
+    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr',
+];

package/dist/codegen/index.d.ts

@@ -0,0 +1,3 @@
+export * from './const.js';
+export * from './serialize-js.js';
+export * from './util.js';

package/dist/codegen/index.js

@@ -0,0 +1,3 @@
+export * from './const.js';
+export * from './serialize-js.js';
+export * from './util.js';

package/dist/codegen/serialize-js.d.ts

@@ -0,0 +1 @@
+export declare function serializeJs(value: any): string;

package/dist/codegen/serialize-js.js

@@ -0,0 +1,126 @@
+const KEY_ESCAPE_REG = /[\s-.:|#@$£*%]/;
+const MAX_SINGLE_LINE_ARRAY_LENGTH = 3;
+export function serializeJs(value) {
+    const seen = new Set();
+    if (value === undefined) {
+        return 'undefined';
+    }
+    if (value === null) {
+        return 'null';
+    }
+    if (typeof value === 'string') {
+        return `'${value}'`;
+    }
+    if (typeof value === 'boolean') {
+        return value ? 'true' : 'false';
+    }
+    if (Array.isArray(value)) {
+        return printLines(arrayToSourceLines(value, seen));
+    }
+    if (typeof value === 'object') {
+        return printLines(objectToSourceLines(value, seen));
+    }
+    if (value?.__autoBuildingObject) {
+        return value;
+    }
+    if (typeof value === 'function' && value.name) {
+        return value.name;
+    }
+    return value.toString();
+}
+function printLines(lines) {
+    return lines.map(line => '  '.repeat(line.spaces) + line.line).join('\n');
+}
+function objectToSourceLines(object, seen, indentCount = 0) {
+    if (seen.has(object)) {
+        object = {};
+    }
+    else {
+        seen.add(object);
+    }
+    return createLines(indentCount, lines => {
+        lines.push('{');
+        lines.push(...createLines(1, lines => {
+            for (const key in object) {
+                const value = object[key];
+                let printedKey = key;
+                if (KEY_ESCAPE_REG.test(key)) {
+                    printedKey = `'${printedKey}'`;
+                }
+                addLinesFromValue(lines, value, `${printedKey}: `, ',', seen);
+            }
+        }));
+        lines.push('}');
+    });
+}
+function arrayToSourceLines(array, seen, indentCount = 0) {
+    if (seen.has(array)) {
+        array = [];
+    }
+    else {
+        seen.add(array);
+    }
+    return createLines(indentCount, lines => {
+        const contentLines = createLines(1, lines => {
+            for (const value of array) {
+                addLinesFromValue(lines, value, '', ',', seen);
+            }
+        });
+        if (contentLines.length === 0) {
+            lines.push('[]');
+        }
+        else if (contentLines.length <= MAX_SINGLE_LINE_ARRAY_LENGTH && !contentLines.some(line => line.spaces > 1)) {
+            const [first] = contentLines;
+            first.line = contentLines.map(({ line }) => line.substring(0, line.length - 1)).join(', ');
+            first.line = `[${first.line}]`;
+            first.spaces--;
+            lines.push(first);
+        }
+        else {
+            lines.push('[', ...contentLines, ']');
+        }
+    });
+}
+function createLines(indentCount, handler) {
+    const lines = [];
+    handler(lines);
+    return lines.map(line => {
+        if (line.spaces != null) {
+            line.spaces += indentCount;
+            return line;
+        }
+        return { spaces: indentCount, line };
+    });
+}
+function addLinesFromValue(lines, value, before, after, seen) {
+    let result;
+    if (Array.isArray(value)) {
+        lines.push(...wrap(arrayToSourceLines(value, seen), before, after));
+        return;
+    }
+    else if (value && typeof value === 'object') {
+        lines.push(...wrap(objectToSourceLines(value, seen), before, after));
+        return;
+    }
+    else if (typeof value === 'string') {
+        result = value.includes('\'') ? `\`${value}\`` : `'${value}'`;
+    }
+    else if (typeof value === 'undefined') {
+        result = 'undefined';
+    }
+    else if (value === null) {
+        result = 'null';
+    }
+    else if (typeof value === 'boolean') {
+        result = value ? 'true' : 'false';
+    }
+    else {
+        result = value;
+    }
+    lines.push(before + result + after);
+}
+function wrap(lines, before, after) {
+    lines[0].line = before + lines[0].line;
+    lines[lines.length - 1].line += after;
+    return lines;
+}

package/dist/codegen/util.d.ts

@@ -0,0 +1,10 @@
+export declare function indent(lines: string[], count?: number): string[];
+export declare function unindent(code: string): string;
+interface AutoBuildingOject {
+    key: string;
+    cache: Record<string | symbol, AutoBuildingOject>;
+    target: any;
+    proxy: any;
+}
+export declare function createAutoBuildingObject(format?: (key: string) => string, specialKeysHandler?: (target: any, p: string | symbol) => (() => unknown) | null, key?: string, depth?: number): AutoBuildingOject;
+export {};

package/dist/codegen/util.js

@@ -0,0 +1,70 @@
+/* eslint-disable @typescript-eslint/ban-types */
+export function indent(lines, count = 1) {
+    return lines.map(line => `${'  '.repeat(count)}${line}`);
+}
+export function unindent(code) {
+    const lines = code.split('\n');
+    let indentLevel = -1;
+    let indentText;
+    const linesToAnalyze = lines.filter(line => line.trim().length > 0);
+    for (const line of linesToAnalyze) {
+        const match = /^\s*/.exec(line);
+        if (match && (indentLevel === -1 || indentLevel > match[0].length)) {
+            indentLevel = match[0].length;
+            indentText = match[0];
+        }
+    }
+    const result = [];
+    for (const line of lines) {
+        result.push(line.replace(indentText, ''));
+    }
+    return result.join('\n').trim();
+}
+export function createAutoBuildingObject(format, specialKeysHandler, key = '', depth = 0) {
+    const cache = {};
+    if (depth > 32)
+        return { key, cache, target: {}, proxy: () => key };
+    const target = () => {
+        const k = key + '()';
+        return format ? format(k) : k;
+    };
+    const proxy = new Proxy(target, {
+        get(_, p) {
+            if (p === '__autoBuildingObject') {
+                return true;
+            }
+            if (p === '__autoBuildingObjectGetKey') {
+                return key;
+            }
+            if (specialKeysHandler) {
+                const fn = specialKeysHandler(target, p);
+                if (fn) {
+                    return fn();
+                }
+            }
+            if (p === 'toString') {
+                const k = key + '.toString()';
+                return () => format ? format(k) : k;
+            }
+            if (p === Symbol.toPrimitive) {
+                return () => format ? format(key) : key;
+            }
+            if (!cache[p]) {
+                const childKey = key ? `${key}.${p.toString()}` : p.toString();
+                const child = createAutoBuildingObject(format, specialKeysHandler, childKey, depth + 1);
+                cache[p] = { key: childKey, ...child };
+            }
+            return cache[p].proxy;
+        },
+        apply(_, thisArg, args) {
+            const k = `${key}(${args.join(', ')})`;
+            return format ? format(k) : k;
+        },
+    });
+    return {
+        key,
+        cache,
+        target,
+        proxy,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './codegen/index.js';
+export * from './types.js';
+export * from './state.js';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './codegen/index.js';
+export * from './types.js';
+export * from './state.js';

package/dist/state.d.ts

@@ -0,0 +1,4 @@
+import type { Variant } from './types';
+export declare function clone(data: any): any;
+export declare function omit(data: any, keys: string[]): {};
+export declare function applyStateToVariant(variant: Variant, state: any): void;

package/dist/state.js

@@ -0,0 +1,39 @@
+export function clone(data) {
+    try {
+        return structuredClone(data);
+    }
+    catch (e) {
+        console.warn(e, `Fallback to JSON cloning`);
+        try {
+            return JSON.parse(JSON.stringify(data));
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return data;
+    }
+}
+export function omit(data, keys) {
+    const copy = {};
+    for (const key in data) {
+        if (!keys.includes(key)) {
+            copy[key] = data[key];
+        }
+    }
+    return copy;
+}
+export function applyStateToVariant(variant, state) {
+    if (variant.state) {
+        for (const key in state) {
+            if (variant.state[key] && !key.startsWith('_h') && typeof variant.state[key] === 'object' && !Array.isArray(variant.state[key])) {
+                Object.assign(variant.state[key], state[key]);
+            }
+            else {
+                variant.state[key] = state[key];
+            }
+        }
+    }
+    else {
+        variant.state = state;
+    }
+}

package/dist/types.d.ts

@@ -0,0 +1,125 @@
+export interface StoryFile {
+    id: string;
+    framework: string;
+    component: any;
+    story: Story;
+    path: string[];
+}
+export declare type StoryLayout = {
+    type: 'single';
+    iframe?: boolean;
+} | {
+    type: 'grid';
+    width?: number | string;
+};
+export interface Story {
+    id: string;
+    title: string;
+    group?: string;
+    variants: Variant[];
+    layout?: StoryLayout;
+    icon?: string;
+    iconColor?: string;
+    docsOnly?: boolean;
+    file?: StoryFile;
+    lastSelectedVariant?: Variant;
+    slots?: () => Readonly<any>;
+}
+export interface Variant {
+    id: string;
+    title: string;
+    icon?: string;
+    iconColor?: string;
+    initState?: () => any;
+    setupApp?: (payload: any) => unknown;
+    slots?: () => Readonly<any>;
+    state?: any;
+    source?: string;
+    responsiveDisabled?: boolean;
+    configReady?: boolean;
+    previewReady?: boolean;
+}
+export interface PropDefinition {
+    name: string;
+    types?: string[];
+    required?: boolean;
+    default?: any;
+}
+export interface AutoPropComponentDefinition {
+    name: string;
+    index: number;
+    props: PropDefinition[];
+}
+export interface ServerStoryFile {
+    id: string;
+    /**
+     * Absolute path
+     */
+    path: string;
+    /**
+     * File name without extension
+     */
+    fileName: string;
+    /**
+     * Generated path for tree UI
+     */
+    treePath?: string[];
+    /**
+     * Use the module id in imports to allow HMR
+     */
+    moduleId: string;
+    /**
+     * Resolved story data from story file execution
+     */
+    story?: ServerStory;
+    /**
+     * Data sent to user tree config functions
+     */
+    treeFile?: ServerTreeFile;
+}
+export interface ServerStory {
+    id: string;
+    title: string;
+    group?: string;
+    variants: ServerVariant[];
+    layout?: {
+        type: 'single';
+    } | {
+        type: 'grid';
+        width?: number | string;
+    };
+    icon?: string;
+    iconColor?: string;
+    docsOnly?: boolean;
+    docsText?: string;
+}
+export interface ServerVariant {
+    id: string;
+    title: string;
+    icon?: string;
+    iconColor?: string;
+}
+export interface ServerTreeFile {
+    title: string;
+    path: string;
+}
+export interface ServerTreeLeaf {
+    title: string;
+    index: number;
+}
+export interface ServerTreeFolder {
+    title: string;
+    children: (ServerTreeFolder | ServerTreeLeaf)[];
+}
+export interface ServerTreeGroup {
+    group: true;
+    id: string;
+    title: string;
+    children: (ServerTreeFolder | ServerTreeLeaf)[];
+}
+export declare type ServerTree = (ServerTreeGroup | ServerTreeFolder | ServerTreeLeaf)[];
+export interface ServerRunPayload {
+    file: ServerStoryFile;
+    storyData: ServerStory[];
+    el: HTMLElement;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@histoire/shared",
+  "version": "0.7.4",
+  "description": "Shared utilities for Histoire",
+  "license": "MIT",
+  "author": {
+    "name": "Guillaume Chau"
+  },
+  "repository": {
+    "url": "https://github.com/Akryum/histoire.git",
+    "type": "git",
+    "directory": "packages/histoire-shared"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./*",
+    "./client-node": "./dist/client/server/run.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "dependencies": {},
+  "devDependencies": {
+    "typescript": "^4.6.3"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsc -d",
+    "watch": "tsc -d -w --sourceMap"
+  }
+}

package/src/codegen/const.ts

@@ -0,0 +1,3 @@
+export const voidElements = [
+  'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr',
+]

package/src/codegen/index.ts

@@ -0,0 +1,3 @@
+export * from './const.js'
+export * from './serialize-js.js'
+export * from './util.js'

package/src/codegen/serialize-js.ts

@@ -0,0 +1,133 @@
+const KEY_ESCAPE_REG = /[\s-.:|#@$£*%]/
+const MAX_SINGLE_LINE_ARRAY_LENGTH = 3
+
+interface Line {
+  spaces: number
+  line: string
+}
+
+export function serializeJs (value: any): string {
+  const seen = new Set()
+
+  if (value === undefined) {
+    return 'undefined'
+  }
+  if (value === null) {
+    return 'null'
+  }
+  if (typeof value === 'string') {
+    return `'${value}'`
+  }
+  if (typeof value === 'boolean') {
+    return value ? 'true' : 'false'
+  }
+  if (Array.isArray(value)) {
+    return printLines(arrayToSourceLines(value, seen))
+  }
+  if (typeof value === 'object') {
+    return printLines(objectToSourceLines(value, seen))
+  }
+  if (value?.__autoBuildingObject) {
+    return value
+  }
+  if (typeof value === 'function' && value.name) {
+    return value.name
+  }
+  return value.toString()
+}
+
+function printLines (lines: Line[]) {
+  return lines.map(line => '  '.repeat(line.spaces) + line.line).join('\n')
+}
+
+function objectToSourceLines (object, seen: Set<unknown>, indentCount = 0) {
+  if (seen.has(object)) {
+    object = {}
+  } else {
+    seen.add(object)
+  }
+
+  return createLines(indentCount, lines => {
+    lines.push('{')
+    lines.push(...createLines(1, lines => {
+      for (const key in object) {
+        const value = object[key]
+
+        let printedKey = key
+        if (KEY_ESCAPE_REG.test(key)) {
+          printedKey = `'${printedKey}'`
+        }
+
+        addLinesFromValue(lines, value, `${printedKey}: `, ',', seen)
+      }
+    }))
+    lines.push('}')
+  })
+}
+
+function arrayToSourceLines (array: any[], seen: Set<unknown>, indentCount = 0): Array<Line> {
+  if (seen.has(array)) {
+    array = []
+  } else {
+    seen.add(array)
+  }
+
+  return createLines(indentCount, lines => {
+    const contentLines = createLines(1, lines => {
+      for (const value of array) {
+        addLinesFromValue(lines, value, '', ',', seen)
+      }
+    })
+    if (contentLines.length === 0) {
+      lines.push('[]')
+    } else if (contentLines.length <= MAX_SINGLE_LINE_ARRAY_LENGTH && !contentLines.some(line => line.spaces > 1)) {
+      const [first] = contentLines
+      first.line = contentLines.map(({ line }) => line.substring(0, line.length - 1)).join(', ')
+      first.line = `[${first.line}]`
+      first.spaces--
+      lines.push(first)
+    } else {
+      lines.push('[', ...contentLines, ']')
+    }
+  })
+}
+
+function createLines (indentCount: number, handler: (lines: any[]) => unknown): Array<Line> {
+  const lines: any[] = []
+  handler(lines)
+  return lines.map(line => {
+    if (line.spaces != null) {
+      line.spaces += indentCount
+      return line
+    }
+    return { spaces: indentCount, line }
+  })
+}
+
+function addLinesFromValue (lines: Line[], value, before, after, seen) {
+  let result
+  if (Array.isArray(value)) {
+    lines.push(...wrap(arrayToSourceLines(value, seen), before, after))
+    return
+  } else if (value && typeof value === 'object') {
+    lines.push(...wrap(objectToSourceLines(value, seen), before, after))
+    return
+  } else if (typeof value === 'string') {
+    result = value.includes('\'') ? `\`${value}\`` : `'${value}'`
+  } else if (typeof value === 'undefined') {
+    result = 'undefined'
+  } else if (value === null) {
+    result = 'null'
+  } else if (typeof value === 'boolean') {
+    result = value ? 'true' : 'false'
+  } else {
+    result = value
+  }
+  lines.push(before + result + after)
+}
+
+function wrap (lines: Line[], before: string, after: string) {
+  lines[0].line = before + lines[0].line
+  lines[lines.length - 1].line += after
+  return lines
+}

package/src/codegen/util.ts

@@ -0,0 +1,79 @@
+/* eslint-disable @typescript-eslint/ban-types */
+
+export function indent (lines: string[], count = 1) {
+  return lines.map(line => `${'  '.repeat(count)}${line}`)
+}
+
+export function unindent (code: string) {
+  const lines = code.split('\n')
+  let indentLevel = -1
+  let indentText: string
+  const linesToAnalyze = lines.filter(line => line.trim().length > 0)
+  for (const line of linesToAnalyze) {
+    const match = /^\s*/.exec(line)
+    if (match && (indentLevel === -1 || indentLevel > match[0].length)) {
+      indentLevel = match[0].length
+      indentText = match[0]
+    }
+  }
+  const result: string[] = []
+  for (const line of lines) {
+    result.push(line.replace(indentText, ''))
+  }
+  return result.join('\n').trim()
+}
+
+interface AutoBuildingOject {
+  key: string
+  cache: Record<string | symbol, AutoBuildingOject>
+  target: any
+  proxy: any
+}
+
+export function createAutoBuildingObject (format?: (key: string) => string, specialKeysHandler?: (target: any, p: string | symbol) => (() => unknown) | null, key = '', depth = 0): AutoBuildingOject {
+  const cache: Record<string | symbol, AutoBuildingOject> = {}
+  if (depth > 32) return { key, cache, target: {}, proxy: () => key }
+  const target: any = () => {
+    const k = key + '()'
+    return format ? format(k) : k
+  }
+  const proxy = new Proxy(target, {
+    get (_, p) {
+      if (p === '__autoBuildingObject') {
+        return true
+      }
+      if (p === '__autoBuildingObjectGetKey') {
+        return key
+      }
+      if (specialKeysHandler) {
+        const fn = specialKeysHandler(target, p)
+        if (fn) {
+          return fn()
+        }
+      }
+      if (p === 'toString') {
+        const k = key + '.toString()'
+        return () => format ? format(k) : k
+      }
+      if (p === Symbol.toPrimitive) {
+        return () => format ? format(key) : key
+      }
+      if (!cache[p]) {
+        const childKey = key ? `${key}.${p.toString()}` : p.toString()
+        const child = createAutoBuildingObject(format, specialKeysHandler, childKey, depth + 1)
+        cache[p] = { key: childKey, ...child }
+      }
+      return cache[p].proxy
+    },
+    apply (_, thisArg, args) {
+      const k = `${key}(${args.join(', ')})`
+      return format ? format(k) : k
+    },
+  })
+  return {
+    key,
+    cache,
+    target,
+    proxy,
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './codegen/index.js'
+export * from './types.js'
+export * from './state.js'

package/src/state.ts

@@ -0,0 +1,39 @@
+import type { Variant } from './types'
+
+export function clone (data) {
+  try {
+    return structuredClone(data)
+  } catch (e) {
+    console.warn(e, `Fallback to JSON cloning`)
+    try {
+      return JSON.parse(JSON.stringify(data))
+    } catch (e) {
+      console.error(e)
+    }
+    return data
+  }
+}
+
+export function omit (data, keys: string[]) {
+  const copy = {}
+  for (const key in data) {
+    if (!keys.includes(key)) {
+      copy[key] = data[key]
+    }
+  }
+  return copy
+}
+
+export function applyStateToVariant (variant: Variant, state: any) {
+  if (variant.state) {
+    for (const key in state) {
+      if (variant.state[key] && !key.startsWith('_h') && typeof variant.state[key] === 'object' && !Array.isArray(variant.state[key])) {
+        Object.assign(variant.state[key], state[key])
+      } else {
+        variant.state[key] = state[key]
+      }
+    }
+  } else {
+    variant.state = state
+  }
+}

package/src/types.ts

@@ -0,0 +1,141 @@
+export interface StoryFile {
+  id: string
+  framework: string
+  component: any
+  story: Story
+  path: string[]
+}
+
+export type StoryLayout = {
+  type: 'single'
+  iframe?: boolean
+} | {
+  type: 'grid'
+  width?: number | string
+}
+
+export interface Story {
+  id: string
+  title: string
+  group?: string
+  variants: Variant[]
+  layout?: StoryLayout
+  icon?: string
+  iconColor?: string
+  docsOnly?: boolean
+  file?: StoryFile
+  lastSelectedVariant?: Variant
+  slots?: () => Readonly<any>
+}
+
+export interface Variant {
+  id: string
+  title: string
+  icon?: string
+  iconColor?: string
+  initState?: () => any
+  setupApp?: (payload: any) => unknown
+  slots?: () => Readonly<any>
+  state?: any
+  source?: string
+  responsiveDisabled?: boolean
+  configReady?: boolean
+  previewReady?: boolean
+}
+
+export interface PropDefinition {
+  name: string
+  types?: string[]
+  required?: boolean
+  default?: any
+}
+
+export interface AutoPropComponentDefinition {
+  name: string
+  index: number
+  props: PropDefinition[]
+}
+
+/* SERVER */
+
+export interface ServerStoryFile {
+  id: string
+  /**
+   * Absolute path
+   */
+  path: string
+  /**
+   * File name without extension
+   */
+  fileName: string
+  /**
+   * Generated path for tree UI
+   */
+  treePath?: string[]
+  /**
+   * Use the module id in imports to allow HMR
+   */
+  moduleId: string
+  /**
+   * Resolved story data from story file execution
+   */
+  story?: ServerStory
+  /**
+   * Data sent to user tree config functions
+   */
+  treeFile?: ServerTreeFile
+}
+
+export interface ServerStory {
+  id: string
+  title: string
+  group?: string
+  variants: ServerVariant[]
+  layout?: {
+    type: 'single'
+  } | {
+    type: 'grid'
+    width?: number | string
+  }
+  icon?: string
+  iconColor?: string
+  docsOnly?: boolean
+  docsText?: string
+}
+
+export interface ServerVariant {
+  id: string
+  title: string
+  icon?: string
+  iconColor?: string
+}
+
+export interface ServerTreeFile {
+  title: string
+  path: string
+}
+
+export interface ServerTreeLeaf {
+  title: string
+  index: number
+}
+
+export interface ServerTreeFolder {
+  title: string
+  children: (ServerTreeFolder | ServerTreeLeaf)[]
+}
+
+export interface ServerTreeGroup {
+  group: true
+  id: string
+  title: string
+  children: (ServerTreeFolder | ServerTreeLeaf)[]
+}
+
+export type ServerTree = (ServerTreeGroup | ServerTreeFolder | ServerTreeLeaf)[]
+
+export interface ServerRunPayload {
+  file: ServerStoryFile
+  storyData: ServerStory[]
+  el: HTMLElement
+}

package/tsconfig.json

@@ -0,0 +1,42 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "outDir": "dist",
+    "rootDir": "src",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "removeComments": false,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "types": [
+      "node",
+      "@peeky/test"
+    ],
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
+    "sourceMap": false,
+    "preserveWatchOutput": true,
+    "preserveSymlinks": true,
+    // Strict
+    "noImplicitAny": false,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "strictBindCallApply": true,
+    "strictFunctionTypes": true,
+    // Volar
+    "jsx": "preserve",
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "generated/**/*",
+    "dist/**/*",
+    "src/**/*.spec.ts"
+  ]
+}