@histoire/shared 0.17.16 → 0.17.17

package/dist/codegen/const.js

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

package/dist/codegen/serialize-js.js

@@ -38,9 +38,9 @@ function objectToSourceLines(object, seen, indentCount = 0) {
     else {
         seen.add(object);
     }
-    return createLines(indentCount, lines => {
+    return createLines(indentCount, (lines) => {
         lines.push('{');
-        lines.push(...createLines(1, lines => {
+        lines.push(...createLines(1, (lines) => {
             for (const key in object) {
                 const value = object[key];
                 let printedKey = key;
@@ -60,8 +60,8 @@ function arrayToSourceLines(array, seen, indentCount = 0) {
     else {
         seen.add(array);
     }
-    return createLines(indentCount, lines => {
-        const contentLines = createLines(1, lines => {
+    return createLines(indentCount, (lines) => {
+        const contentLines = createLines(1, (lines) => {
             for (const value of array) {
                 addLinesFromValue(lines, value, '', ',', seen);
             }
@@ -84,7 +84,7 @@ function arrayToSourceLines(array, seen, indentCount = 0) {
 function createLines(indentCount, handler) {
     const lines = [];
     handler(lines);
-    return lines.map(line => {
+    return lines.map((line) => {
         if (line.spaces != null) {
             line.spaces += indentCount;
             return line;

package/dist/codegen/util.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 export function indent(lines, count = 1) {
     return lines.map(line => `${'  '.repeat(count)}${line}`);
 }
@@ -25,7 +24,7 @@ export function createAutoBuildingObject(format, specialKeysHandler, key = '', d
     if (depth > 32)
         return { key, cache, target: {}, proxy: () => key };
     const target = () => {
-        const k = key + '()';
+        const k = `${key}()`;
         return format ? format(k) : k;
     };
     const proxy = new Proxy(target, {
@@ -43,7 +42,7 @@ export function createAutoBuildingObject(format, specialKeysHandler, key = '', d
                 }
             }
             if (p === 'toString') {
-                const k = key + '.toString()';
+                const k = `${key}.toString()`;
                 return () => format ? format(k) : k;
             }
             if (p === Symbol.toPrimitive) {

package/dist/types/plugin.d.ts

@@ -3,10 +3,10 @@ import type fs from 'fs-extra';
 import type pc from 'picocolors';
 import type chokidar from 'chokidar';
 import type { InlineConfig as ViteInlineConfig } from 'vite';
-import type { ServerStoryFile, ServerStory, ServerVariant } from './story.js';
-import type { HistoireConfig, ConfigMode } from './config.js';
-import type { PluginCommand } from './command.js';
 import type { Awaitable } from '../type-utils.js';
+import type { ServerStory, ServerStoryFile, ServerVariant } from './story.js';
+import type { ConfigMode, HistoireConfig } from './config.js';
+import type { PluginCommand } from './command.js';
 export interface SupportPlugin {
     id: string;
     moduleName: string;
@@ -30,9 +30,9 @@ export interface PluginApiBase {
     log: (...msg: any[]) => void;
     warn: (...msg: any[]) => void;
     error: (...msg: any[]) => void;
-    getStories(): ServerStory[];
+    getStories: () => ServerStory[];
     addStoryFile: (file: string) => void;
-    getConfig(): HistoireConfig;
+    getConfig: () => HistoireConfig;
 }
 export interface PluginApiDev extends PluginApiBase {
     watcher: typeof chokidar;

package/dist/types/prompt.d.ts

@@ -1,4 +1,4 @@
-import { Awaitable } from '../type-utils.js';
+import type { Awaitable } from '../type-utils.js';
 export interface PromptBase<TValue> {
     field: string;
     label: string;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@histoire/shared",
-  "version": "0.17.16",
+  "type": "module",
+  "version": "0.17.17",
   "description": "Shared utilities for Histoire",
-  "license": "MIT",
   "author": {
     "name": "Guillaume Chau"
   },
+  "license": "MIT",
   "repository": {
     "url": "https://github.com/Akryum/histoire.git",
     "type": "git",
@@ -14,7 +15,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": "./dist/index.js",
     "./*": "./*",
@@ -23,20 +24,19 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
+  "peerDependencies": {
+    "vite": "^2.9.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
+  },
   "dependencies": {
     "@types/fs-extra": "^9.0.13",
     "@types/markdown-it": "^12.2.3",
     "chokidar": "^3.5.3",
     "pathe": "^1.1.1",
     "picocolors": "^1.0.0",
-    "@histoire/vendors": "^0.17.16"
-  },
-  "peerDependencies": {
-    "vite": "^2.9.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
+    "@histoire/vendors": "^0.17.17"
   },
   "devDependencies": {
-    "typescript": "^4.9.5",
+    "typescript": "^5.4.4",
     "vite": "^5.0.11"
   },
   "scripts": {

package/src/codegen/const.ts

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

package/src/codegen/serialize-js.ts

@@ -6,7 +6,7 @@ interface Line {
   line: string
 }
 
-export function serializeJs (value: any): string {
+export function serializeJs(value: any): string {
   const seen = new Set()
 
   if (value === undefined) {
@@ -36,20 +36,21 @@ export function serializeJs (value: any): string {
   return value.toString()
 }
 
-function printLines (lines: Line[]) {
+function printLines(lines: Line[]) {
   return lines.map(line => '  '.repeat(line.spaces) + line.line).join('\n')
 }
 
-function objectToSourceLines (object, seen: Set<unknown>, indentCount = 0) {
+function objectToSourceLines(object, seen: Set<unknown>, indentCount = 0) {
   if (seen.has(object)) {
     object = {}
-  } else {
+  }
+  else {
     seen.add(object)
   }
 
-  return createLines(indentCount, lines => {
+  return createLines(indentCount, (lines) => {
     lines.push('{')
-    lines.push(...createLines(1, lines => {
+    lines.push(...createLines(1, (lines) => {
       for (const key in object) {
         const value = object[key]
 
@@ -65,37 +66,40 @@ function objectToSourceLines (object, seen: Set<unknown>, indentCount = 0) {
   })
 }
 
-function arrayToSourceLines (array: any[], seen: Set<unknown>, indentCount = 0): Array<Line> {
+function arrayToSourceLines(array: any[], seen: Set<unknown>, indentCount = 0): Array<Line> {
   if (seen.has(array)) {
     array = []
-  } else {
+  }
+  else {
     seen.add(array)
   }
 
-  return createLines(indentCount, lines => {
-    const contentLines = createLines(1, lines => {
+  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)) {
+    }
+    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 {
+    }
+    else {
       lines.push('[', ...contentLines, ']')
     }
   })
 }
 
-function createLines (indentCount: number, handler: (lines: any[]) => unknown): Array<Line> {
+function createLines(indentCount: number, handler: (lines: any[]) => unknown): Array<Line> {
   const lines: any[] = []
   handler(lines)
-  return lines.map(line => {
+  return lines.map((line) => {
     if (line.spaces != null) {
       line.spaces += indentCount
       return line
@@ -104,29 +108,35 @@ function createLines (indentCount: number, handler: (lines: any[]) => unknown):
   })
 }
 
-function addLinesFromValue (lines: Line[], value, before, after, seen) {
+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') {
+  }
+  else if (value && typeof value === 'object') {
     lines.push(...wrap(objectToSourceLines(value, seen), before, after))
     return
-  } else if (typeof value === 'string') {
+  }
+  else if (typeof value === 'string') {
     result = value.includes('\'') ? `\`${value}\`` : `'${value}'`
-  } else if (typeof value === 'undefined') {
+  }
+  else if (typeof value === 'undefined') {
     result = 'undefined'
-  } else if (value === null) {
+  }
+  else if (value === null) {
     result = 'null'
-  } else if (typeof value === 'boolean') {
+  }
+  else if (typeof value === 'boolean') {
     result = value ? 'true' : 'false'
-  } else {
+  }
+  else {
     result = value
   }
   lines.push(before + result + after)
 }
 
-function wrap (lines: Line[], before: string, after: string) {
+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

@@ -1,10 +1,8 @@
-/* eslint-disable @typescript-eslint/ban-types */
-
-export function indent (lines: string[], count = 1) {
+export function indent(lines: string[], count = 1) {
   return lines.map(line => `${'  '.repeat(count)}${line}`)
 }
 
-export function unindent (code: string) {
+export function unindent(code: string) {
   const lines = code.split('\n')
   let indentLevel = -1
   let indentText: string
@@ -30,15 +28,15 @@ interface AutoBuildingOject {
   proxy: any
 }
 
-export function createAutoBuildingObject (format?: (key: string) => string, specialKeysHandler?: (target: any, p: string | symbol) => (() => unknown) | null, key = '', depth = 0): AutoBuildingOject {
+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 + '()'
+    const k = `${key}()`
     return format ? format(k) : k
   }
   const proxy = new Proxy(target, {
-    get (_, p) {
+    get(_, p) {
       if (p === '__autoBuildingObject') {
         return true
       }
@@ -52,7 +50,7 @@ export function createAutoBuildingObject (format?: (key: string) => string, spec
         }
       }
       if (p === 'toString') {
-        const k = key + '.toString()'
+        const k = `${key}.toString()`
         return () => format ? format(k) : k
       }
       if (p === Symbol.toPrimitive) {
@@ -65,7 +63,7 @@ export function createAutoBuildingObject (format?: (key: string) => string, spec
       }
       return cache[p].proxy
     },
-    apply (_, thisArg, args) {
+    apply(_, thisArg, args) {
       const k = `${key}(${args.join(', ')})`
       return format ? format(k) : k
     },

package/src/state.ts

@@ -1,18 +1,20 @@
-export function clone (data) {
+export function clone(data) {
   try {
     return structuredClone(data)
-  } catch (e) {
+  }
+  catch (e) {
     console.warn(e, `Fallback to JSON cloning`)
     try {
       return JSON.parse(JSON.stringify(data))
-    } catch (e) {
+    }
+    catch (e) {
       console.error(e)
     }
     return data
   }
 }
 
-export function omit (data, keys: string[]) {
+export function omit(data, keys: string[]) {
   const copy = {}
   for (const key in data) {
     if (!keys.includes(key)) {
@@ -22,15 +24,17 @@ export function omit (data, keys: string[]) {
   return copy
 }
 
-export function applyState (target: any, state: any, override = false) {
+export function applyState(target: any, state: any, override = false) {
   for (const key in state) {
     // iframe sync needs to update properties without overriding them
     if (!override && target[key] && !key.startsWith('_h') && typeof target[key] === 'object' && !Array.isArray(target[key])) {
       Object.assign(target[key], state[key])
-    } else {
+    }
+    else {
       try {
         target[key] = state[key]
-      } catch (e) {
+      }
+      catch (e) {
         // noop
       }
     }

package/src/types/command.ts

@@ -31,7 +31,7 @@ export interface ClientCommandContext {
 }
 
 export interface PluginCommand<
-  TParams = Record<string, any>
+  TParams = Record<string, any>,
 > extends Command {
   serverAction?: (params: TParams) => unknown // @TODO ctx
   clientSetupFile?: string | { file: string, importName: string }

package/src/types/config.ts

@@ -108,7 +108,7 @@ export interface HistoireConfig {
     colors?: {
       [key in CustomizableColors]?: key extends 'gray' ? {
         [key in GrayColorKeys]?: string
-      } :{
+      } : {
         [key in ColorKeys]?: string
       }
     }

package/src/types/plugin.ts

@@ -3,19 +3,19 @@ import type fs from 'fs-extra'
 import type pc from 'picocolors'
 import type chokidar from 'chokidar'
 import type { InlineConfig as ViteInlineConfig } from 'vite'
+import type { Awaitable } from '../type-utils.js'
 import type {
-  ServerStoryFile,
   ServerStory,
+  ServerStoryFile,
   ServerVariant,
 } from './story.js'
 import type {
-  HistoireConfig,
   ConfigMode,
+  HistoireConfig,
 } from './config.js'
 import type {
   PluginCommand,
 } from './command.js'
-import type { Awaitable } from '../type-utils.js'
 
 export interface SupportPlugin {
   id: string
@@ -47,10 +47,10 @@ export interface PluginApiBase {
   warn: (...msg) => void
   error: (...msg) => void
 
-  getStories (): ServerStory[]
+  getStories: () => ServerStory[]
   addStoryFile: (file: string) => void
 
-  getConfig (): HistoireConfig
+  getConfig: () => HistoireConfig
 }
 
 export interface PluginApiDev extends PluginApiBase {

package/src/types/prompt.ts

@@ -1,4 +1,4 @@
-import { Awaitable } from '../type-utils.js'
+import type { Awaitable } from '../type-utils.js'
 
 export interface PromptBase<TValue> {
   field: string
@@ -18,5 +18,6 @@ export interface SelectPrompt extends PromptBase<string> {
   options: SelectPromptOption[] | ((search: string, answers: Record<string, any>) => Awaitable<SelectPromptOption[]>)
 }
 
+// eslint-disable-next-line unused-imports/no-unused-vars
 export type Prompt<TValue = any> = TextPrompt
-| SelectPrompt
+  | SelectPrompt

package/tsconfig.json

@@ -1,30 +1,16 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "outDir": "dist",
-    "rootDir": "src",
-    "baseUrl": ".",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "removeComments": false,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
+    // Volar
+    "jsx": "preserve",
     "lib": [
       "ESNext",
       "DOM"
     ],
-    "sourceMap": false,
-    "preserveWatchOutput": true,
-    // Strict
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "alwaysStrict": true,
-    "strictBindCallApply": true,
-    "strictFunctionTypes": true,
-    // Volar
-    "jsx": "preserve",
+    "baseUrl": ".",
+    "rootDir": "src",
+    "module": "ESNext",
+    "moduleResolution": "node",
     // Alias
     "paths": {
       "floating-vue": ["node_modules/@histoire/vendors/floating-vue"],
@@ -34,7 +20,21 @@
       "vue-router": ["node_modules/@histoire/vendors/vue-router"],
       "@vueuse/core": ["node_modules/@histoire/vendors/vue-use"],
       "vue": ["node_modules/@histoire/vendors/vue"]
-    }
+    },
+    "resolveJsonModule": true,
+    "strictBindCallApply": true,
+    "strictFunctionTypes": true,
+    "alwaysStrict": true,
+    // Strict
+    "noImplicitAny": false,
+    "noImplicitThis": true,
+    "outDir": "dist",
+    "removeComments": false,
+    "sourceMap": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "preserveWatchOutput": true
   },
   "include": [
     "src"