@wp-typia/project-tools 0.22.0 → 0.22.2

package/dist/runtime/built-in-block-code-templates/interactivity.d.ts

@@ -1,6 +1,6 @@
 export declare const INTERACTIVITY_EDIT_TEMPLATE = "import type { BlockEditProps } from '@wp-typia/block-types/blocks/registration';\nimport { __ } from '@wordpress/i18n';\nimport { useBlockProps, InspectorControls, RichText, BlockControls, AlignmentToolbar } from '@wordpress/block-editor';\nimport { PanelBody, RangeControl, Button, Notice } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport currentManifest from './manifest-document';\nimport { {{slugCamelCase}}Store } from './interactivity-store';\nimport {\n  InspectorFromManifest,\n  useEditorFields,\n  useTypedAttributeUpdater,\n} from '@wp-typia/block-runtime/inspector';\nimport type { {{pascalCase}}Attributes } from './types';\nimport {\n  sanitize{{pascalCase}}Attributes,\n  validate{{pascalCase}}Attributes,\n} from './validators';\nimport { useTypiaValidation } from './hooks';\n\ntype EditProps = BlockEditProps<{{pascalCase}}Attributes>;\n\nconst actionButtonRowStyle = { display: 'flex', gap: '8px', marginTop: '16px' };\nconst validationListStyle = { margin: 0, paddingLeft: '1em' };\n\nexport default function Edit({ attributes, setAttributes, isSelected }: EditProps) {\n  const [isPreviewing, setIsPreviewing] = useState(false);\n  const editorFields = useEditorFields(currentManifest, {\n    manual: ['content', 'clickCount', 'maxClicks'],\n    labels: {\n      alignment: __('Alignment', '{{textDomain}}'),\n      animation: __('Animation', '{{textDomain}}'),\n      interactiveMode: __('Interactive Mode', '{{textDomain}}'),\n      isVisible: __('Visible', '{{textDomain}}'),\n      showCounter: __('Show Counter', '{{textDomain}}'),\n    },\n  });\n  const { errorMessages, isValid } = useTypiaValidation(\n    attributes,\n    validate{{pascalCase}}Attributes,\n  );\n  const validateEditorUpdate = (nextAttributes: {{pascalCase}}Attributes) => {\n    try {\n      return {\n        data: sanitize{{pascalCase}}Attributes(nextAttributes),\n        errors: [],\n        isValid: true as const,\n      };\n    } catch {\n      return validate{{pascalCase}}Attributes(nextAttributes);\n    }\n  };\n  const { updateField } = useTypedAttributeUpdater(\n    attributes,\n    setAttributes,\n    validateEditorUpdate\n  );\n  const alignmentValue = editorFields.getStringValue(\n    attributes,\n    'alignment',\n    'left'\n  ) as NonNullable<{{pascalCase}}Attributes['alignment']>;\n  const clickCount = attributes.clickCount ?? 0;\n  const isVisible = editorFields.getBooleanValue(\n    attributes,\n    'isVisible',\n    true\n  );\n  const isAnimating = attributes.isAnimating ?? false;\n  const maxClicks = attributes.maxClicks ?? 0;\n  const showCounter = editorFields.getBooleanValue(\n    attributes,\n    'showCounter',\n    true\n  );\n  const interactiveMode = editorFields.getStringValue(\n    attributes,\n    'interactiveMode',\n    'click'\n  ) as NonNullable<{{pascalCase}}Attributes['interactiveMode']>;\n  const animation = editorFields.getStringValue(\n    attributes,\n    'animation',\n    'none'\n  ) as NonNullable<{{pascalCase}}Attributes['animation']>;\n\n  const blockProps = useBlockProps({\n    className: `{{cssClassName}} {{cssClassName}}--${interactiveMode}`,\n    'data-wp-interactive': {{slugCamelCase}}Store.directive.interactive,\n    'data-wp-context': JSON.stringify(\n      {{slugCamelCase}}Store.createContext({\n        clicks: clickCount,\n        isAnimating,\n        isVisible,\n        animation,\n        maxClicks,\n      })\n    )\n  });\n  const previewContentStyle = { textAlign: alignmentValue };\n  const progressBarStyle = { width: `${(clickCount / maxClicks) * 100}%` };\n  const clicksDirective = {{slugCamelCase}}Store.directive.state('clicks');\n  const isAnimatingDirective = {{slugCamelCase}}Store.directive.state('isAnimating');\n  const progressDirective = {{slugCamelCase}}Store.directive.state('progress') + \" + '%'\";\n\n  const resetCounter = () => {\n    updateField('clickCount', 0);\n    updateField('isAnimating', false);\n  };\n\n  const testAnimation = () => {\n    updateField('isAnimating', true);\n    setTimeout(() => {\n      updateField('isAnimating', false);\n    }, 1000);\n  };\n\n  return (\n    <>\n      <BlockControls>\n        <AlignmentToolbar\n          value={alignmentValue}\n          onChange={(value) => updateField('alignment', (value || alignmentValue) as NonNullable<{{pascalCase}}Attributes['alignment']>)}\n        />\n      </BlockControls>\n\n      <InspectorControls>\n        <InspectorFromManifest\n          attributes={attributes}\n          fieldLookup={editorFields}\n          onChange={updateField}\n          paths={['alignment', 'interactiveMode', 'animation', 'showCounter', 'isVisible']}\n          title={__('Interactive Settings', '{{textDomain}}')}\n        />\n\n        <PanelBody title={__('Counter Settings', '{{textDomain}}')}>\n          <RangeControl\n            label={__('Max Clicks', '{{textDomain}}')}\n            value={maxClicks}\n            onChange={(value) => updateField('maxClicks', value ?? maxClicks)}\n            min={0}\n            max={100}\n            help={__('Set to 0 for unlimited clicks', '{{textDomain}}')}\n          />\n\n          <div style={actionButtonRowStyle}>\n            <Button\n              variant=\"secondary\"\n              onClick={resetCounter}\n              isSmall\n            >\n              {__('Reset Counter', '{{textDomain}}')}\n            </Button>\n            <Button\n              variant=\"secondary\"\n              onClick={testAnimation}\n              isSmall\n            >\n              {__('Test Animation', '{{textDomain}}')}\n            </Button>\n          </div>\n        </PanelBody>\n\n        {!isValid && (\n          <PanelBody title={__('Validation Errors', '{{textDomain}}')} initialOpen>\n            {errorMessages.map((error, index) => (\n              <Notice key={index} status=\"error\" isDismissible={false}>\n                {error}\n              </Notice>\n            ))}\n          </PanelBody>\n        )}\n\n        {isSelected && (\n          <PanelBody title={__('Preview', '{{textDomain}}')}>\n            <Button\n              variant={isPreviewing ? 'primary' : 'secondary'}\n              onClick={() => setIsPreviewing(!isPreviewing)}\n              aria-pressed={isPreviewing}\n              isSmall\n            >\n              {isPreviewing\n                ? __('Disable Preview Mode', '{{textDomain}}')\n                : __('Enable Preview Mode', '{{textDomain}}')}\n            </Button>\n\n            {clickCount > 0 && (\n              <Notice status=\"info\" isDismissible={false}>\n                {__('Current clicks:', '{{textDomain}}')} {clickCount}\n                {maxClicks > 0 && ` / ${maxClicks}`}\n              </Notice>\n            )}\n          </PanelBody>\n        )}\n      </InspectorControls>\n\n      <div {...blockProps}>\n        <div\n          className={`{{cssClassName}}__content ${isAnimating ? 'is-animating' : ''}`}\n          style={previewContentStyle}\n          data-wp-on--click={isPreviewing ? {{slugCamelCase}}Store.directive.action('handleClick') : undefined}\n          data-wp-on--mouseenter={isPreviewing && interactiveMode === 'hover' ? {{slugCamelCase}}Store.directive.action('handleMouseEnter') : undefined}\n          data-wp-on--mouseleave={isPreviewing && interactiveMode === 'hover' ? {{slugCamelCase}}Store.directive.action('handleMouseLeave') : undefined}\n        >\n          <RichText\n            tagName=\"p\"\n            value={attributes.content}\n            onChange={(value) => updateField('content', value)}\n            placeholder={__( {{titleJson}} + ' \u2013 click me to interact!', '{{textDomain}}')}\n          />\n\n          {!isValid && (\n            <Notice status=\"error\" isDismissible={false}>\n              <p>\n                <strong>{__('Validation Errors', '{{textDomain}}')}</strong>\n              </p>\n              <ul style={validationListStyle}>\n                {errorMessages.map((error, index) => (\n                  <li key={index}>{error}</li>\n                ))}\n              </ul>\n            </Notice>\n          )}\n\n          {showCounter && (\n            <div className=\"{{cssClassName}}__counter\">\n              <span className=\"{{cssClassName}}__counter-label\">\n                {__('Clicks:', '{{textDomain}}')}\n              </span>\n              <span\n                className=\"{{cssClassName}}__counter-value\"\n                data-wp-text={clicksDirective}\n              >\n                {clickCount}\n              </span>\n            </div>\n          )}\n\n          {maxClicks > 0 && (\n            <div className=\"{{cssClassName}}__progress\">\n              <div\n                className=\"{{cssClassName}}__progress-bar\"\n                style={progressBarStyle}\n                data-wp-style--width={progressDirective}\n              />\n            </div>\n          )}\n\n          {animation !== 'none' && (\n            <div\n              className={`{{cssClassName}}__animation ${isAnimating ? 'is-active' : ''}`}\n              data-wp-class--is-active={isAnimatingDirective}\n            >\n              {animation}\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n";
 export declare const INTERACTIVITY_SAVE_TEMPLATE = "import { useBlockProps, RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { {{slugCamelCase}}Store } from './interactivity-store';\nimport type { {{pascalCase}}Attributes } from './types';\n\nexport default function Save({ attributes }: { attributes: {{pascalCase}}Attributes }) {\n  const clickCount = attributes.clickCount ?? 0;\n  const interactiveMode = attributes.interactiveMode ?? 'click';\n  const animation = attributes.animation ?? 'none';\n  const isAnimating = attributes.isAnimating ?? false;\n  const isVisible = attributes.isVisible ?? true;\n  const maxClicks = attributes.maxClicks ?? 0;\n  const showCounter = attributes.showCounter ?? true;\n  const contentStyle = { textAlign: attributes.alignment };\n  const clickActionDirective = {{slugCamelCase}}Store.directive.action('handleClick');\n  const visibilityHiddenDirective = {{slugCamelCase}}Store.directive.negate(\n    {{slugCamelCase}}Store.directive.state('isVisible')\n  );\n  const clicksDirective = {{slugCamelCase}}Store.directive.state('clicks');\n  const clampedClicksDirective = {{slugCamelCase}}Store.directive.state('clampedClicks');\n  const isAnimatingDirective = {{slugCamelCase}}Store.directive.state('isAnimating');\n  const completionHiddenDirective = {{slugCamelCase}}Store.directive.negate(\n    {{slugCamelCase}}Store.directive.state('isComplete')\n  );\n  const resetActionDirective = {{slugCamelCase}}Store.directive.action('reset');\n  const blockProps = useBlockProps.save({\n    className: `{{cssClassName}} {{cssClassName}}--${interactiveMode}`,\n    'data-wp-interactive': {{slugCamelCase}}Store.directive.interactive,\n    'data-wp-context': JSON.stringify(\n      {{slugCamelCase}}Store.createContext({\n        clicks: clickCount,\n        isAnimating,\n        isVisible,\n        animation,\n        maxClicks,\n      })\n    )\n  });\n  const progressDirective = {{slugCamelCase}}Store.directive.state('progress') + \" + '%'\";\n\n  return (\n    <div {...blockProps}>\n      <div\n        className={`{{cssClassName}}__content ${isAnimating ? 'is-animating' : ''}`}\n        style={contentStyle}\n        data-wp-on--click={clickActionDirective}\n        data-wp-on--mouseenter={interactiveMode === 'hover' ? {{slugCamelCase}}Store.directive.action('handleMouseEnter') : undefined}\n        data-wp-on--mouseleave={interactiveMode === 'hover' ? {{slugCamelCase}}Store.directive.action('handleMouseLeave') : undefined}\n        data-wp-bind--hidden={visibilityHiddenDirective}\n      >\n        <RichText.Content\n          tagName=\"p\"\n          value={attributes.content}\n          className=\"{{cssClassName}}__text\"\n        />\n\n        {showCounter && (\n          <div\n            className=\"{{cssClassName}}__counter\"\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n          >\n            <span className=\"{{cssClassName}}__counter-label\">\n              { __( 'Clicks:', '{{textDomain}}' ) }\n            </span>\n            <span\n              className=\"{{cssClassName}}__counter-value\"\n              data-wp-text={clicksDirective}\n            >\n              {clickCount}\n            </span>\n          </div>\n        )}\n\n        {maxClicks > 0 && (\n          <div className=\"{{cssClassName}}__progress\">\n            <div\n              className=\"{{cssClassName}}__progress-bar\"\n              role=\"progressbar\"\n              aria-label={ __( 'Click progress', '{{textDomain}}' ) }\n              aria-valuemin={0}\n              aria-valuemax={maxClicks}\n              aria-valuenow={Math.min(clickCount, maxClicks)}\n              data-wp-bind--aria-valuenow={clampedClicksDirective}\n              data-wp-style--width={progressDirective}\n            />\n          </div>\n        )}\n\n        <div\n          className={`{{cssClassName}}__animation ${animation}`}\n          aria-hidden=\"true\"\n          data-wp-class--is-active={isAnimatingDirective}\n        />\n\n        {maxClicks > 0 && (\n          <div\n            className=\"{{cssClassName}}__completion\"\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            data-wp-bind--hidden={completionHiddenDirective}\n          >\n            { __( '\uD83C\uDF89 Complete!', '{{textDomain}}' ) }\n          </div>\n        )}\n\n        <button\n          className=\"{{cssClassName}}__reset\"\n          data-wp-on--click={resetActionDirective}\n          aria-label={ __( 'Reset counter', '{{textDomain}}' ) }\n        >\n          <span aria-hidden=\"true\">\u21BB</span>\n          <span className=\"screen-reader-text\">\n            { __( 'Reset counter', '{{textDomain}}' ) }\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n";
 export declare const INTERACTIVITY_INDEX_TEMPLATE = "import {\n  registerScaffoldBlockType,\n  type BlockConfiguration,\n} from '@wp-typia/block-types/blocks/registration';\nimport type { BlockSupports } from '@wp-typia/block-types/blocks/supports';\nimport {\n  buildScaffoldBlockRegistration,\n  parseScaffoldBlockMetadata,\n} from '@wp-typia/block-runtime/blocks';\n\nimport Edit from './edit';\nimport Save from './save';\nimport metadata from './block-metadata';\nimport './editor.scss';\nimport './style.scss';\n\nimport type { {{pascalCase}}Attributes } from './types';\n\nconst scaffoldSupports = {\n  html: false,\n  align: true,\n  anchor: true,\n  className: true,\n  interactivity: true,\n} satisfies BlockSupports;\n\nconst registration = buildScaffoldBlockRegistration(\n  parseScaffoldBlockMetadata<BlockConfiguration<{{pascalCase}}Attributes>>(metadata),\n  {\n    supports: scaffoldSupports,\n    edit: Edit,\n    save: Save,\n  }\n);\n\nregisterScaffoldBlockType(registration.name, registration.settings);\n";
-export declare const INTERACTIVITY_STORE_TEMPLATE = "import type {\n  {{pascalCase}}Context,\n  {{pascalCase}}State,\n} from './types';\n\ntype InteractivityActionShape = object;\ntype InteractivityCallbackShape = object;\ntype InteractivityContextShape = object;\ntype InteractivityStateShape = object;\ntype InteractivityCallable = Function;\ntype InteractivityKey<T extends object> = Extract<keyof T, string>;\ntype InteractivityMethodKey<T extends object> = {\n  [Key in InteractivityKey<T>]: T[Key] extends InteractivityCallable ? Key : never;\n}[InteractivityKey<T>];\n\ntype InteractivityDirectivePath<\n  Root extends string,\n  Key extends string,\n> = `${Root}.${Key}`;\n\ntype NegatedInteractivityDirectivePath<Path extends string> = `!${Path}`;\n\nexport interface TypedInteractivityDirectiveHelpers<\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n  Namespace extends string,\n> {\n  readonly interactive: Namespace;\n  action<Key extends InteractivityMethodKey<Actions>>(\n    key: Key,\n  ): InteractivityDirectivePath<'actions', Key>;\n  callback<Key extends InteractivityMethodKey<Callbacks>>(\n    key: Key,\n  ): InteractivityDirectivePath<'callbacks', Key>;\n  state<Key extends InteractivityKey<State>>(\n    key: Key,\n  ): InteractivityDirectivePath<'state', Key>;\n  context<Key extends InteractivityKey<Context>>(\n    key: Key,\n  ): InteractivityDirectivePath<'context', Key>;\n  negate<Path extends string>(\n    path: Path,\n  ): NegatedInteractivityDirectivePath<Path>;\n}\n\nexport interface TypedInteractivityStore<\n  Namespace extends string,\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n> {\n  readonly namespace: Namespace;\n  readonly state: State;\n  readonly context: Context;\n  readonly actions: Actions;\n  readonly callbacks: Callbacks;\n  readonly directive: TypedInteractivityDirectiveHelpers<\n    State,\n    Context,\n    Actions,\n    Callbacks,\n    Namespace\n  >;\n  createContext(value: Context): Context;\n}\n\nexport function defineInteractivityStore<\n  Namespace extends string,\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n>(config: {\n  readonly namespace: Namespace;\n  readonly state: State;\n  readonly context: Context;\n  readonly actions: Actions;\n  readonly callbacks: Callbacks;\n}): TypedInteractivityStore<Namespace, State, Context, Actions, Callbacks> {\n  return {\n    namespace: config.namespace,\n    state: config.state,\n    context: config.context,\n    actions: config.actions,\n    callbacks: config.callbacks,\n    directive: {\n      interactive: config.namespace,\n      action<Key extends InteractivityMethodKey<Actions>>(key: Key) {\n        return `actions.${key}` as InteractivityDirectivePath<'actions', Key>;\n      },\n      callback<Key extends InteractivityMethodKey<Callbacks>>(key: Key) {\n        return `callbacks.${key}` as InteractivityDirectivePath<'callbacks', Key>;\n      },\n      state<Key extends InteractivityKey<State>>(key: Key) {\n        return `state.${key}` as InteractivityDirectivePath<'state', Key>;\n      },\n      context<Key extends InteractivityKey<Context>>(key: Key) {\n        return `context.${key}` as InteractivityDirectivePath<'context', Key>;\n      },\n      negate<Path extends string>(path: Path) {\n        return `!${path}` as NegatedInteractivityDirectivePath<Path>;\n      },\n    },\n    createContext(value) {\n      return value;\n    },\n  };\n}\n\ntype InteractivityActionHandler = Function;\n\nexport interface {{pascalCase}}StoreActions {\n  handleClick: InteractivityActionHandler;\n  handleMouseEnter: InteractivityActionHandler;\n  handleMouseLeave: InteractivityActionHandler;\n  reset: InteractivityActionHandler;\n}\n\nexport interface {{pascalCase}}StoreCallbacks {}\n\nexport const {{slugCamelCase}}Store = defineInteractivityStore({\n  namespace: '{{slugKebabCase}}',\n  state: {} as {{pascalCase}}State,\n  context: {} as {{pascalCase}}Context,\n  actions: {} as {{pascalCase}}StoreActions,\n  callbacks: {} as {{pascalCase}}StoreCallbacks,\n});\n";
+export declare const INTERACTIVITY_STORE_TEMPLATE = "import type {\n  {{pascalCase}}Context,\n  {{pascalCase}}State,\n} from './types';\n\ntype InteractivityActionShape = object;\ntype InteractivityCallbackShape = object;\ntype InteractivityContextShape = object;\ntype InteractivityStateShape = object;\ntype InteractivityCallable = CallableFunction;\ntype InteractivityKey<T extends object> = Extract<keyof T, string>;\ntype InteractivityMethodKey<T extends object> = {\n  [Key in InteractivityKey<T>]: T[Key] extends InteractivityCallable ? Key : never;\n}[InteractivityKey<T>];\n\ntype InteractivityDirectivePath<\n  Root extends string,\n  Key extends string,\n> = `${Root}.${Key}`;\n\ntype NegatedInteractivityDirectivePath<Path extends string> = `!${Path}`;\n\nexport interface TypedInteractivityDirectiveHelpers<\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n  Namespace extends string,\n> {\n  readonly interactive: Namespace;\n  action<Key extends InteractivityMethodKey<Actions>>(\n    key: Key,\n  ): InteractivityDirectivePath<'actions', Key>;\n  callback<Key extends InteractivityMethodKey<Callbacks>>(\n    key: Key,\n  ): InteractivityDirectivePath<'callbacks', Key>;\n  state<Key extends InteractivityKey<State>>(\n    key: Key,\n  ): InteractivityDirectivePath<'state', Key>;\n  context<Key extends InteractivityKey<Context>>(\n    key: Key,\n  ): InteractivityDirectivePath<'context', Key>;\n  negate<Path extends string>(\n    path: Path,\n  ): NegatedInteractivityDirectivePath<Path>;\n}\n\nexport interface TypedInteractivityStore<\n  Namespace extends string,\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n> {\n  readonly namespace: Namespace;\n  readonly state: State;\n  readonly context: Context;\n  readonly actions: Actions;\n  readonly callbacks: Callbacks;\n  readonly directive: TypedInteractivityDirectiveHelpers<\n    State,\n    Context,\n    Actions,\n    Callbacks,\n    Namespace\n  >;\n  createContext(value: Context): Context;\n}\n\nexport function defineInteractivityStore<\n  Namespace extends string,\n  State extends InteractivityStateShape,\n  Context extends InteractivityContextShape,\n  Actions extends InteractivityActionShape,\n  Callbacks extends InteractivityCallbackShape,\n>(config: {\n  readonly namespace: Namespace;\n  readonly state: State;\n  readonly context: Context;\n  readonly actions: Actions;\n  readonly callbacks: Callbacks;\n}): TypedInteractivityStore<Namespace, State, Context, Actions, Callbacks> {\n  return {\n    namespace: config.namespace,\n    state: config.state,\n    context: config.context,\n    actions: config.actions,\n    callbacks: config.callbacks,\n    directive: {\n      interactive: config.namespace,\n      action<Key extends InteractivityMethodKey<Actions>>(key: Key) {\n        return `actions.${key}` as InteractivityDirectivePath<'actions', Key>;\n      },\n      callback<Key extends InteractivityMethodKey<Callbacks>>(key: Key) {\n        return `callbacks.${key}` as InteractivityDirectivePath<'callbacks', Key>;\n      },\n      state<Key extends InteractivityKey<State>>(key: Key) {\n        return `state.${key}` as InteractivityDirectivePath<'state', Key>;\n      },\n      context<Key extends InteractivityKey<Context>>(key: Key) {\n        return `context.${key}` as InteractivityDirectivePath<'context', Key>;\n      },\n      negate<Path extends string>(path: Path) {\n        return `!${path}` as NegatedInteractivityDirectivePath<Path>;\n      },\n    },\n    createContext(value) {\n      return value;\n    },\n  };\n}\n\ntype InteractivityActionHandler = CallableFunction;\n\nexport interface {{pascalCase}}StoreActions {\n  handleClick: InteractivityActionHandler;\n  handleMouseEnter: InteractivityActionHandler;\n  handleMouseLeave: InteractivityActionHandler;\n  reset: InteractivityActionHandler;\n}\n\nexport interface {{pascalCase}}StoreCallbacks {}\n\nexport const {{slugCamelCase}}Store = defineInteractivityStore({\n  namespace: '{{slugKebabCase}}',\n  state: {} as {{pascalCase}}State,\n  context: {} as {{pascalCase}}Context,\n  actions: {} as {{pascalCase}}StoreActions,\n  callbacks: {} as {{pascalCase}}StoreCallbacks,\n});\n";
 export declare const INTERACTIVITY_SCRIPT_TEMPLATE = "/**\n * WordPress Interactivity API implementation for {{title}} block\n */\nimport { store, getContext, getElement, withSyncEvent } from '@wordpress/interactivity';\nimport {\n  {{slugCamelCase}}Store,\n  type {{pascalCase}}StoreActions,\n} from './interactivity-store';\nimport type { {{pascalCase}}Context, {{pascalCase}}State } from './types';\n\nfunction getBlockContext() {\n  return getContext<{{pascalCase}}Context>();\n}\n\nconst actions: {{pascalCase}}StoreActions = {\n  // Handle block click\n  handleClick: () => {\n    const context = getBlockContext();\n    const { ref } = getElement();\n\n    if (!ref) {\n      return;\n    }\n\n    if (context.maxClicks > 0 && context.clicks >= context.maxClicks) {\n      return;\n    }\n\n    const previousClicks = context.clicks;\n\n    // Increment click counter\n    context.clicks += 1;\n\n    // Trigger animation\n    if (context.animation !== 'none') {\n      context.isAnimating = true;\n      setTimeout(() => {\n        context.isAnimating = false;\n      }, 1000);\n    }\n\n    // Emit custom event\n    ref.dispatchEvent(new CustomEvent('{{slugKebabCase}}:click', {\n      detail: { clicks: context.clicks }\n    }));\n\n    // Check if max clicks reached\n    if (context.maxClicks > 0 && previousClicks < context.maxClicks && context.clicks === context.maxClicks) {\n      ref.dispatchEvent(new CustomEvent('{{slugKebabCase}}:complete', {\n        detail: { totalClicks: context.clicks }\n      }));\n    }\n  },\n\n  // Handle hover events\n  handleMouseEnter: () => {\n    const context = getBlockContext();\n    if (context.animation === 'none') return;\n    context.isAnimating = true;\n  },\n\n  handleMouseLeave: () => {\n    const context = getBlockContext();\n    if (context.animation === 'none') return;\n    context.isAnimating = false;\n  },\n\n  // Reset counter\n  reset: withSyncEvent((event: Event) => {\n    event.stopPropagation();\n    const context = getBlockContext();\n    context.clicks = 0;\n    context.isAnimating = false;\n  })\n};\n\nconst state = {\n    get clicks() {\n      return getBlockContext().clicks;\n    },\n    get isAnimating() {\n      return getBlockContext().isAnimating;\n    },\n    get isVisible() {\n      return getBlockContext().isVisible;\n    },\n    get progress() {\n      const context = getBlockContext();\n      const clampedClicks =\n        context.maxClicks > 0\n          ? Math.min(context.clicks, context.maxClicks)\n          : context.clicks;\n      return context.maxClicks > 0 ? (clampedClicks / context.maxClicks) * 100 : 0;\n    },\n    get clampedClicks() {\n      const context = getBlockContext();\n      return context.maxClicks > 0\n        ? Math.min(context.clicks, context.maxClicks)\n        : context.clicks;\n    },\n    get isComplete() {\n      const context = getBlockContext();\n      return context.clicks >= context.maxClicks && context.maxClicks > 0;\n    }\n} satisfies {{pascalCase}}State;\n\n// Store configuration\nstore({{slugCamelCase}}Store.namespace, {\n  // State - reactive data that updates the UI\n  state,\n  actions,\n  callbacks: {{slugCamelCase}}Store.callbacks,\n});\n";
 export declare const INTERACTIVITY_VALIDATORS_TEMPLATE = "import typia from 'typia';\nimport currentManifest from \"./manifest-defaults-document\";\nimport { {{pascalCase}}Attributes, {{pascalCase}}ValidationResult } from \"./types\";\nimport { createTemplateValidatorToolkit } from \"./validator-toolkit\";\n\nconst scaffoldValidators = createTemplateValidatorToolkit<{{pascalCase}}Attributes>({\n  assert: typia.createAssert<{{pascalCase}}Attributes>(),\n  clone: typia.misc.createClone<{{pascalCase}}Attributes>() as (\n    value: {{pascalCase}}Attributes,\n  ) => {{pascalCase}}Attributes,\n  is: typia.createIs<{{pascalCase}}Attributes>(),\n  manifest: currentManifest,\n  prune: typia.misc.createPrune<{{pascalCase}}Attributes>(),\n  random: typia.createRandom<{{pascalCase}}Attributes>() as (\n    ...args: unknown[]\n  ) => {{pascalCase}}Attributes,\n  validate: typia.createValidate<{{pascalCase}}Attributes>(),\n});\n\nexport const validate{{pascalCase}}Attributes =\n  scaffoldValidators.validateAttributes as (\n    attributes: unknown,\n  ) => {{pascalCase}}ValidationResult;\n\nexport const validators = scaffoldValidators.validators;\n\nexport const sanitize{{pascalCase}}Attributes =\n  scaffoldValidators.sanitizeAttributes as (\n    attributes: Partial<{{pascalCase}}Attributes>,\n  ) => {{pascalCase}}Attributes;\n\n/**\n * Runtime type guard for checking if an object is {{pascalCase}}Attributes.\n */\nexport const is{{pascalCase}}Attributes = (obj: unknown): obj is {{pascalCase}}Attributes => {\n  return validators.is(obj);\n};\n\nexport const createAttributeUpdater = scaffoldValidators.createAttributeUpdater;\n";

package/dist/runtime/built-in-block-code-templates/interactivity.js

@@ -428,7 +428,7 @@ type InteractivityActionShape = object;
 type InteractivityCallbackShape = object;
 type InteractivityContextShape = object;
 type InteractivityStateShape = object;
-type InteractivityCallable = Function;
+type InteractivityCallable = CallableFunction;
 type InteractivityKey<T extends object> = Extract<keyof T, string>;
 type InteractivityMethodKey<T extends object> = {
   [Key in InteractivityKey<T>]: T[Key] extends InteractivityCallable ? Key : never;
@@ -531,7 +531,7 @@ export function defineInteractivityStore<
   };
 }
 
-type InteractivityActionHandler = Function;
+type InteractivityActionHandler = CallableFunction;
 
 export interface {{pascalCase}}StoreActions {
   handleClick: InteractivityActionHandler;

package/dist/runtime/cli-add-workspace-admin-view-scaffold.d.ts

@@ -0,0 +1,9 @@
+import type { WorkspaceProject } from './workspace-project.js';
+import { type AdminViewCoreDataSource, type AdminViewRestResource, type AdminViewSource } from './cli-add-workspace-admin-view-types.js';
+export declare function scaffoldAdminViewWorkspace(options: {
+    adminViewSlug: string;
+    coreDataSource?: AdminViewCoreDataSource;
+    parsedSource?: AdminViewSource;
+    restResource?: AdminViewRestResource;
+    workspace: WorkspaceProject;
+}): Promise<void>;

package/dist/runtime/cli-add-workspace-admin-view-scaffold.js

@@ -0,0 +1,257 @@
+import fs from 'node:fs';
+import { promises as fsp } from 'node:fs';
+import path from 'node:path';
+import { appendWorkspaceInventoryEntries, readWorkspaceInventory, } from './workspace-inventory.js';
+import { buildAdminViewConfigEntry, buildAdminViewConfigSource, buildAdminViewEntrySource, buildAdminViewPhpSource, buildAdminViewRegistrySource, buildAdminViewScreenSource, buildAdminViewStyleSource, buildAdminViewTypesSource, buildCoreDataAdminViewDataSource, buildCoreDataAdminViewScreenSource, buildDefaultAdminViewDataSource, buildRestAdminViewDataSource, } from './cli-add-workspace-admin-view-templates.js';
+import { ADMIN_VIEWS_PHP_GLOB, isAdminViewCoreDataSource, } from './cli-add-workspace-admin-view-types.js';
+import { getWorkspaceBootstrapPath, patchFile, rollbackWorkspaceMutation, snapshotWorkspaceFiles, } from './cli-add-shared.js';
+import { DEFAULT_WORDPRESS_CORE_DATA_VERSION, DEFAULT_WORDPRESS_DATA_VERSION, DEFAULT_WORDPRESS_DATAVIEWS_VERSION, DEFAULT_WP_TYPIA_DATAVIEWS_VERSION, resolveManagedPackageVersionRange, } from './package-versions.js';
+import { findPhpFunctionRange, hasPhpFunctionDefinition, replacePhpFunctionDefinition, } from './php-utils.js';
+function detectJsonIndent(source) {
+    const indentMatch = /\n([ \t]+)"/u.exec(source);
+    return indentMatch?.[1] ?? 2;
+}
+async function ensureAdminViewPackageDependencies(workspace, adminViewSource) {
+    const packageJsonPath = path.join(workspace.projectDir, 'package.json');
+    const wpTypiaDataViewsVersion = resolveManagedPackageVersionRange({
+        fallback: DEFAULT_WP_TYPIA_DATAVIEWS_VERSION,
+        packageName: '@wp-typia/dataviews',
+        workspacePackageDirName: 'wp-typia-dataviews',
+    });
+    const wordpressDataViewsVersion = resolveManagedPackageVersionRange({
+        fallback: DEFAULT_WORDPRESS_DATAVIEWS_VERSION,
+        packageName: '@wordpress/dataviews',
+    });
+    const wordpressCoreDataVersion = resolveManagedPackageVersionRange({
+        fallback: DEFAULT_WORDPRESS_CORE_DATA_VERSION,
+        packageName: '@wordpress/core-data',
+    });
+    const wordpressDataVersion = resolveManagedPackageVersionRange({
+        fallback: DEFAULT_WORDPRESS_DATA_VERSION,
+        packageName: '@wordpress/data',
+    });
+    await patchFile(packageJsonPath, (source) => {
+        const packageJson = JSON.parse(source);
+        const coreDataDependencies = isAdminViewCoreDataSource(adminViewSource)
+            ? {
+                '@wordpress/core-data': packageJson.dependencies?.['@wordpress/core-data'] ??
+                    wordpressCoreDataVersion,
+                '@wordpress/data': packageJson.dependencies?.['@wordpress/data'] ??
+                    wordpressDataVersion,
+            }
+            : {};
+        const nextDependencies = {
+            ...(packageJson.dependencies ?? {}),
+            '@wordpress/dataviews': packageJson.dependencies?.['@wordpress/dataviews'] ??
+                wordpressDataViewsVersion,
+            ...coreDataDependencies,
+        };
+        const nextDevDependencies = {
+            ...(packageJson.devDependencies ?? {}),
+            '@wp-typia/dataviews': packageJson.devDependencies?.['@wp-typia/dataviews'] ??
+                wpTypiaDataViewsVersion,
+        };
+        if (JSON.stringify(nextDependencies) ===
+            JSON.stringify(packageJson.dependencies ?? {}) &&
+            JSON.stringify(nextDevDependencies) ===
+                JSON.stringify(packageJson.devDependencies ?? {})) {
+            return source;
+        }
+        packageJson.dependencies = nextDependencies;
+        packageJson.devDependencies = nextDevDependencies;
+        return `${JSON.stringify(packageJson, null, detectJsonIndent(source))}\n`;
+    });
+}
+async function ensureAdminViewBootstrapAnchors(workspace) {
+    const bootstrapPath = getWorkspaceBootstrapPath(workspace);
+    await patchFile(bootstrapPath, (source) => {
+        let nextSource = source;
+        const loadFunctionName = `${workspace.workspace.phpPrefix}_load_admin_views`;
+        const loadHook = `add_action( 'plugins_loaded', '${loadFunctionName}' );`;
+        const loadHookPattern = new RegExp(`add_action\\(\\s*['"]plugins_loaded['"]\\s*,\\s*['"]${loadFunctionName}['"]\\s*\\)\\s*;`, 'u');
+        const loadFunction = `
+
+function ${loadFunctionName}() {
+\tforeach ( glob( __DIR__ . '${ADMIN_VIEWS_PHP_GLOB}' ) ?: array() as $admin_view_module ) {
+\t\trequire_once $admin_view_module;
+\t}
+}
+`;
+        const insertionAnchors = [
+            /add_action\(\s*["']init["']\s*,\s*["'][^"']+_load_textdomain["']\s*\);\s*\n/u,
+            /\?>\s*$/u,
+        ];
+        const insertPhpSnippet = (snippet) => {
+            for (const anchor of insertionAnchors) {
+                const candidate = nextSource.replace(anchor, (match) => `${snippet}\n${match}`);
+                if (candidate !== nextSource) {
+                    nextSource = candidate;
+                    return;
+                }
+            }
+            nextSource = `${nextSource.trimEnd()}\n${snippet}\n`;
+        };
+        const appendPhpSnippet = (snippet) => {
+            const closingTagPattern = /\?>\s*$/u;
+            if (closingTagPattern.test(nextSource)) {
+                nextSource = nextSource.replace(closingTagPattern, `${snippet}\n?>`);
+                return;
+            }
+            nextSource = `${nextSource.trimEnd()}\n${snippet}\n`;
+        };
+        if (!hasPhpFunctionDefinition(nextSource, loadFunctionName)) {
+            insertPhpSnippet(loadFunction);
+        }
+        else {
+            const functionRange = findPhpFunctionRange(nextSource, loadFunctionName);
+            const functionSource = functionRange
+                ? nextSource.slice(functionRange.start, functionRange.end)
+                : '';
+            if (!functionSource.includes(ADMIN_VIEWS_PHP_GLOB)) {
+                const replacedSource = replacePhpFunctionDefinition(nextSource, loadFunctionName, loadFunction);
+                if (!replacedSource) {
+                    throw new Error(`Unable to repair ${path.basename(bootstrapPath)} for ${loadFunctionName}.`);
+                }
+                nextSource = replacedSource;
+            }
+        }
+        if (!loadHookPattern.test(nextSource)) {
+            appendPhpSnippet(loadHook);
+        }
+        return nextSource;
+    });
+}
+async function ensureAdminViewBuildScriptAnchors(workspace) {
+    const buildScriptPath = path.join(workspace.projectDir, 'scripts', 'build-workspace.mjs');
+    await patchFile(buildScriptPath, (source) => {
+        if (/['"]src\/admin-views\/index\.(?:ts|js)['"]/u.test(source)) {
+            return source;
+        }
+        const currentSharedEntriesPattern = /(\r?\n\s*['"]src\/editor-plugins\/index\.js['"])\s*,?/u;
+        let nextSource = source.replace(currentSharedEntriesPattern, `$1,
+\t\t'src/admin-views/index.ts',
+\t\t'src/admin-views/index.js',`);
+        if (nextSource !== source) {
+            return nextSource;
+        }
+        const legacySharedEntriesPattern = /\[\s*['"]src\/bindings\/index\.ts['"]\s*,\s*['"]src\/bindings\/index\.js['"]\s*(?:,\s*)?\]/u;
+        nextSource = source.replace(legacySharedEntriesPattern, `[
+\t\t'src/bindings/index.ts',
+\t\t'src/bindings/index.js',
+\t\t'src/editor-plugins/index.ts',
+\t\t'src/editor-plugins/index.js',
+\t\t'src/admin-views/index.ts',
+\t\t'src/admin-views/index.js',
+\t]`);
+        if (nextSource !== source) {
+            return nextSource;
+        }
+        throw new Error(`Unable to update ${path.relative(workspace.projectDir, buildScriptPath)} for admin view shared entries.`);
+    });
+}
+async function ensureAdminViewWebpackAnchors(workspace) {
+    const webpackConfigPath = path.join(workspace.projectDir, 'webpack.config.js');
+    await patchFile(webpackConfigPath, (source) => {
+        if (/['"]admin-views\/index['"]/u.test(source)) {
+            return source;
+        }
+        const editorPluginEntryPattern = /(\n\s*\[\s*['"]editor-plugins\/index['"][\s\S]*?['"]src\/editor-plugins\/index\.js['"][\s\S]*?\]\s*\])\s*,?/u;
+        let nextSource = source.replace(editorPluginEntryPattern, `$1,
+\t\t[
+\t\t\t'admin-views/index',
+\t\t\t[ 'src/admin-views/index.ts', 'src/admin-views/index.js' ],
+\t\t],`);
+        if (nextSource !== source) {
+            return nextSource;
+        }
+        const legacySharedEntriesBlockPattern = /for\s*\(\s*const\s+relativePath\s+of\s+\[\s*['"]src\/bindings\/index\.ts['"]\s*,\s*['"]src\/bindings\/index\.js['"]\s*(?:,\s*)?\]\s*\)\s*\{[\s\S]*?entries\.push\(\s*\[\s*['"]bindings\/index['"]\s*,\s*entryPath\s*\]\s*\);\s*break;\s*\}/u;
+        const nextSharedEntriesBlock = `\tfor ( const [ entryName, candidates ] of [\n\t\t[\n\t\t\t'bindings/index',\n\t\t\t[ 'src/bindings/index.ts', 'src/bindings/index.js' ],\n\t\t],\n\t\t[\n\t\t\t'editor-plugins/index',\n\t\t\t[ 'src/editor-plugins/index.ts', 'src/editor-plugins/index.js' ],\n\t\t],\n\t\t[\n\t\t\t'admin-views/index',\n\t\t\t[ 'src/admin-views/index.ts', 'src/admin-views/index.js' ],\n\t\t],\n\t] ) {\n\t\tfor ( const relativePath of candidates ) {\n\t\t\tconst entryPath = path.resolve( process.cwd(), relativePath );\n\t\t\tif ( ! fs.existsSync( entryPath ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tentries.push( [ entryName, entryPath ] );\n\t\t\tbreak;\n\t\t}\n\t}`;
+        nextSource = source.replace(legacySharedEntriesBlockPattern, nextSharedEntriesBlock);
+        if (nextSource === source) {
+            throw new Error(`Unable to update ${path.relative(workspace.projectDir, webpackConfigPath)} for admin view shared entries.`);
+        }
+        return nextSource;
+    });
+}
+function resolveAdminViewRegistryPath(projectDir) {
+    const adminViewsDir = path.join(projectDir, 'src', 'admin-views');
+    return ([
+        path.join(adminViewsDir, 'index.ts'),
+        path.join(adminViewsDir, 'index.js'),
+    ].find((candidatePath) => fs.existsSync(candidatePath)) ??
+        path.join(adminViewsDir, 'index.ts'));
+}
+function readAdminViewRegistrySlugs(registryPath) {
+    if (!fs.existsSync(registryPath)) {
+        return [];
+    }
+    const source = fs.readFileSync(registryPath, 'utf8');
+    return Array.from(source.matchAll(/^\s*import\s+['"]\.\/([^/'"]+)(?:\/index(?:\.[cm]?[jt]sx?)?)?['"];?\s*$/gmu)).map((match) => match[1]);
+}
+async function writeAdminViewRegistry(projectDir, adminViewSlug) {
+    const adminViewsDir = path.join(projectDir, 'src', 'admin-views');
+    const registryPath = resolveAdminViewRegistryPath(projectDir);
+    await fsp.mkdir(adminViewsDir, { recursive: true });
+    const existingAdminViewSlugs = readWorkspaceInventory(projectDir).adminViews.map((entry) => entry.slug);
+    const existingRegistrySlugs = readAdminViewRegistrySlugs(registryPath);
+    const nextAdminViewSlugs = Array.from(new Set([
+        ...existingAdminViewSlugs,
+        ...existingRegistrySlugs,
+        adminViewSlug,
+    ])).sort();
+    await fsp.writeFile(registryPath, buildAdminViewRegistrySource(nextAdminViewSlugs), 'utf8');
+}
+export async function scaffoldAdminViewWorkspace(options) {
+    const { adminViewSlug, coreDataSource, parsedSource, restResource, workspace, } = options;
+    const blockConfigPath = path.join(workspace.projectDir, 'scripts', 'block-config.ts');
+    const bootstrapPath = getWorkspaceBootstrapPath(workspace);
+    const buildScriptPath = path.join(workspace.projectDir, 'scripts', 'build-workspace.mjs');
+    const packageJsonPath = path.join(workspace.projectDir, 'package.json');
+    const webpackConfigPath = path.join(workspace.projectDir, 'webpack.config.js');
+    const adminViewsIndexPath = resolveAdminViewRegistryPath(workspace.projectDir);
+    const adminViewDir = path.join(workspace.projectDir, 'src', 'admin-views', adminViewSlug);
+    const adminViewPhpPath = path.join(workspace.projectDir, 'inc', 'admin-views', `${adminViewSlug}.php`);
+    const mutationSnapshot = {
+        fileSources: await snapshotWorkspaceFiles([
+            adminViewsIndexPath,
+            blockConfigPath,
+            bootstrapPath,
+            buildScriptPath,
+            packageJsonPath,
+            webpackConfigPath,
+        ]),
+        snapshotDirs: [],
+        targetPaths: [adminViewDir, adminViewPhpPath],
+    };
+    try {
+        await fsp.mkdir(adminViewDir, { recursive: true });
+        await fsp.mkdir(path.dirname(adminViewPhpPath), { recursive: true });
+        await ensureAdminViewPackageDependencies(workspace, parsedSource);
+        await ensureAdminViewBootstrapAnchors(workspace);
+        await ensureAdminViewBuildScriptAnchors(workspace);
+        await ensureAdminViewWebpackAnchors(workspace);
+        await fsp.writeFile(path.join(adminViewDir, 'types.ts'), buildAdminViewTypesSource(adminViewSlug, restResource, coreDataSource), 'utf8');
+        await fsp.writeFile(path.join(adminViewDir, 'config.ts'), buildAdminViewConfigSource(adminViewSlug, workspace.workspace.textDomain, parsedSource, restResource), 'utf8');
+        await fsp.writeFile(path.join(adminViewDir, 'data.ts'), coreDataSource
+            ? buildCoreDataAdminViewDataSource(adminViewSlug, coreDataSource)
+            : restResource
+                ? buildRestAdminViewDataSource(adminViewSlug, restResource)
+                : buildDefaultAdminViewDataSource(adminViewSlug), 'utf8');
+        await fsp.writeFile(path.join(adminViewDir, 'Screen.tsx'), coreDataSource
+            ? buildCoreDataAdminViewScreenSource(adminViewSlug, workspace.workspace.textDomain)
+            : buildAdminViewScreenSource(adminViewSlug, workspace.workspace.textDomain), 'utf8');
+        await fsp.writeFile(path.join(adminViewDir, 'index.tsx'), buildAdminViewEntrySource(adminViewSlug), 'utf8');
+        await fsp.writeFile(path.join(adminViewDir, 'style.scss'), buildAdminViewStyleSource(), 'utf8');
+        await fsp.writeFile(adminViewPhpPath, buildAdminViewPhpSource(adminViewSlug, workspace), 'utf8');
+        await writeAdminViewRegistry(workspace.projectDir, adminViewSlug);
+        await appendWorkspaceInventoryEntries(workspace.projectDir, {
+            adminViewEntries: [
+                buildAdminViewConfigEntry(adminViewSlug, parsedSource),
+            ],
+        });
+    }
+    catch (error) {
+        await rollbackWorkspaceMutation(mutationSnapshot);
+        throw error;
+    }
+}

package/dist/runtime/cli-add-workspace-admin-view-source.d.ts

@@ -0,0 +1,5 @@
+import { type AdminViewRestResource, type AdminViewSource } from './cli-add-workspace-admin-view-types.js';
+export declare function assertAdminViewPackageAvailability(): void;
+export declare function parseAdminViewSource(source?: string): AdminViewSource | undefined;
+export declare function resolveRestResourceSource(restResources: AdminViewRestResource[], source: AdminViewSource | undefined): AdminViewRestResource | undefined;
+export declare function resolveAdminViewCoreDataSource(source: AdminViewSource | undefined): import("./cli-add-workspace-admin-view-types.js").AdminViewCoreDataSource | undefined;

package/dist/runtime/cli-add-workspace-admin-view-source.js

@@ -0,0 +1,86 @@
+import { assertValidGeneratedSlug } from './cli-add-shared.js';
+import { CLI_DIAGNOSTIC_CODES, createCliDiagnosticCodeError, } from './cli-diagnostics.js';
+import { ADMIN_VIEW_ALLOW_UNPUBLISHED_DATAVIEWS_ENV, ADMIN_VIEW_CORE_DATA_ENTITY_KIND_IDS, ADMIN_VIEW_CORE_DATA_ENTITY_NAME_PATTERN, ADMIN_VIEW_CORE_DATA_ENTITY_SEGMENT_PATTERN, ADMIN_VIEW_CORE_DATA_SOURCE_KIND, ADMIN_VIEW_PUBLIC_INSTALLS_ENABLED, ADMIN_VIEW_REST_SOURCE_KIND, ADMIN_VIEW_SOURCE_USAGE, isAdminViewCoreDataSource, isAdminViewRestResourceSource, } from './cli-add-workspace-admin-view-types.js';
+function isAdminViewUnpublishedDataViewsOverrideEnabled() {
+    return (process.env[ADMIN_VIEW_ALLOW_UNPUBLISHED_DATAVIEWS_ENV]?.trim() === '1');
+}
+export function assertAdminViewPackageAvailability() {
+    if (isAdminViewUnpublishedDataViewsOverrideEnabled() ||
+        ADMIN_VIEW_PUBLIC_INSTALLS_ENABLED) {
+        return;
+    }
+    throw createCliDiagnosticCodeError(CLI_DIAGNOSTIC_CODES.INVALID_ARGUMENT, '`wp-typia add admin-view` is temporarily unavailable because `@wp-typia/dataviews` is not published to npm for public installs yet.');
+}
+function assertValidCoreDataEntitySegment(label, value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        throw new Error(`${label} is required. Use \`${ADMIN_VIEW_SOURCE_USAGE}\`.`);
+    }
+    if (!ADMIN_VIEW_CORE_DATA_ENTITY_SEGMENT_PATTERN.test(trimmed)) {
+        throw new Error(`${label} must start with a letter and contain only letters, numbers, underscores, or hyphens.`);
+    }
+    return trimmed;
+}
+function assertValidCoreDataEntityName(value) {
+    const normalized = value.trim();
+    if (!normalized) {
+        throw new Error(`Admin view source entity name is required. Use \`${ADMIN_VIEW_SOURCE_USAGE}\`.`);
+    }
+    if (!ADMIN_VIEW_CORE_DATA_ENTITY_NAME_PATTERN.test(normalized)) {
+        throw new Error('Admin view source entity name must start with a lowercase letter or number and contain only lowercase letters, numbers, underscores, or hyphens.');
+    }
+    return normalized;
+}
+function assertValidCoreDataEntityKind(value) {
+    const normalized = assertValidCoreDataEntitySegment('Admin view source entity kind', value);
+    if (!ADMIN_VIEW_CORE_DATA_ENTITY_KIND_IDS.includes(normalized)) {
+        throw new Error(`Admin view core-data sources currently support only: ${ADMIN_VIEW_CORE_DATA_ENTITY_KIND_IDS.join(', ')}.`);
+    }
+    return normalized;
+}
+export function parseAdminViewSource(source) {
+    const trimmed = source?.trim();
+    if (!trimmed) {
+        return undefined;
+    }
+    const separatorIndex = trimmed.indexOf(':');
+    const kind = separatorIndex === -1 ? trimmed : trimmed.slice(0, separatorIndex);
+    const locator = separatorIndex === -1 ? '' : trimmed.slice(separatorIndex + 1);
+    if (!locator) {
+        throw new Error('Admin view source must use `rest-resource:<slug>` or `core-data:<kind>/<name>`.');
+    }
+    if (kind === ADMIN_VIEW_REST_SOURCE_KIND) {
+        return {
+            kind,
+            slug: assertValidGeneratedSlug('Admin view source slug', locator, ADMIN_VIEW_SOURCE_USAGE),
+        };
+    }
+    if (kind === ADMIN_VIEW_CORE_DATA_SOURCE_KIND) {
+        const [entityKind, entityName, extra] = locator.split('/');
+        if (!entityKind || !entityName || extra !== undefined) {
+            throw new Error('Admin view core-data sources must use `core-data:<kind>/<name>`, for example `core-data:postType/post`.');
+        }
+        return {
+            entityKind: assertValidCoreDataEntityKind(entityKind),
+            entityName: assertValidCoreDataEntityName(entityName),
+            kind,
+        };
+    }
+    throw new Error('Admin view source must use `rest-resource:<slug>` or `core-data:<kind>/<name>`.');
+}
+export function resolveRestResourceSource(restResources, source) {
+    if (!isAdminViewRestResourceSource(source)) {
+        return undefined;
+    }
+    const restResource = restResources.find((entry) => entry.slug === source.slug);
+    if (!restResource) {
+        throw new Error(`Unknown REST resource source "${source.slug}". Choose one of: ${restResources.map((entry) => entry.slug).join(', ') || '<none>'}.`);
+    }
+    if (!restResource.methods.includes('list')) {
+        throw new Error(`REST resource source "${source.slug}" must include the list method for DataViews pagination.`);
+    }
+    return restResource;
+}
+export function resolveAdminViewCoreDataSource(source) {
+    return isAdminViewCoreDataSource(source) ? source : undefined;
+}

package/dist/runtime/cli-add-workspace-admin-view-templates.d.ts

@@ -0,0 +1,23 @@
+import { type WorkspaceProject } from './workspace-project.js';
+import { type AdminViewCoreDataSource, type AdminViewRestResource, type AdminViewSource } from './cli-add-workspace-admin-view-types.js';
+export declare function buildAdminViewConfigEntry(adminViewSlug: string, source: AdminViewSource | undefined): string;
+export declare function buildAdminViewRegistrySource(adminViewSlugs: string[]): string;
+/**
+ * Build the generated admin-view item and dataset types for the selected source.
+ */
+export declare function buildAdminViewTypesSource(adminViewSlug: string, restResource: AdminViewRestResource | undefined, coreDataSource: AdminViewCoreDataSource | undefined): string;
+/**
+ * Build the generated DataViews config source for an admin-view scaffold.
+ */
+export declare function buildAdminViewConfigSource(adminViewSlug: string, textDomain: string, source: AdminViewSource | undefined, restResource: AdminViewRestResource | undefined): string;
+export declare function buildDefaultAdminViewDataSource(adminViewSlug: string): string;
+export declare function buildRestAdminViewDataSource(adminViewSlug: string, restResource: AdminViewRestResource): string;
+/**
+ * Build a core-data-backed admin-view data module for a supported entity family.
+ */
+export declare function buildCoreDataAdminViewDataSource(adminViewSlug: string, coreDataSource: AdminViewCoreDataSource): string;
+export declare function buildAdminViewScreenSource(adminViewSlug: string, textDomain: string): string;
+export declare function buildCoreDataAdminViewScreenSource(adminViewSlug: string, textDomain: string): string;
+export declare function buildAdminViewEntrySource(adminViewSlug: string): string;
+export declare function buildAdminViewStyleSource(): string;
+export declare function buildAdminViewPhpSource(adminViewSlug: string, workspace: WorkspaceProject): string;