@wp-typia/project-tools 0.24.4 → 0.24.5

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

@@ -0,0 +1,481 @@
+export const COMPOUND_PERSISTENCE_PARENT_EDIT_TEMPLATE = `import type { BlockEditProps } from '@wp-typia/block-types/blocks/registration';
+import { __ } from '@wordpress/i18n';
+import {
+\tInspectorControls,
+\tInnerBlocks,
+\tRichText,
+\tuseBlockProps,
+} from '@wordpress/block-editor';
+import {
+\tNotice,
+\tPanelBody,
+\tTextControl,
+\tToggleControl,
+} from '@wordpress/components';
+
+import {
+\tgetRootInnerBlocksPropsOptions,
+} from './children';
+import { useTypiaValidation } from './hooks';
+import type { {{pascalCase}}Attributes } from './types';
+import {
+\tcreateAttributeUpdater,
+\tvalidate{{pascalCase}}Attributes,
+} from './validators';
+
+type EditProps = BlockEditProps< {{pascalCase}}Attributes >;
+type CompoundInnerBlocksProps = Parameters< typeof InnerBlocks >[ 0 ] & {
+\tdefaultBlock?: [ string, Record< string, unknown > ];
+\tdirectInsert?: boolean;
+};
+
+const TypedInnerBlocks = InnerBlocks as unknown as (
+\tprops: CompoundInnerBlocksProps
+) => ReturnType< typeof InnerBlocks >;
+
+export default function Edit( {
+\tattributes,
+\tsetAttributes,
+}: EditProps ) {
+\tconst { errorMessages, isValid } = useTypiaValidation(
+\t\tattributes,
+\t\tvalidate{{pascalCase}}Attributes
+\t);
+\tconst updateAttribute = createAttributeUpdater( attributes, setAttributes );
+\tconst blockProps = useBlockProps( {
+\t\tclassName: '{{cssClassName}}',
+\t} );
+\tconst rootInnerBlocksPropsOptions = getRootInnerBlocksPropsOptions();
+
+\treturn (
+\t\t<>
+\t\t\t<InspectorControls>
+\t\t\t\t<PanelBody title={ __( 'Compound Settings', '{{textDomain}}' ) }>
+\t\t\t\t\t<ToggleControl
+\t\t\t\t\t\tlabel={ __( 'Show dividers between items', '{{textDomain}}' ) }
+\t\t\t\t\t\tchecked={ attributes.showDividers ?? true }
+\t\t\t\t\t\tonChange={ ( value ) => updateAttribute( 'showDividers', value ) }
+\t\t\t\t\t/>
+\t\t\t\t\t<ToggleControl
+\t\t\t\t\t\tlabel={ __( 'Show persisted count', '{{textDomain}}' ) }
+\t\t\t\t\t\tchecked={ attributes.showCount ?? true }
+\t\t\t\t\t\tonChange={ ( value ) => updateAttribute( 'showCount', value ) }
+\t\t\t\t\t/>
+\t\t\t\t\t<TextControl
+\t\t\t\t\t\tlabel={ __( 'Button label', '{{textDomain}}' ) }
+\t\t\t\t\t\tvalue={ attributes.buttonLabel ?? 'Persist Count' }
+\t\t\t\t\t\tonChange={ ( buttonLabel ) => updateAttribute( 'buttonLabel', buttonLabel ) }
+\t\t\t\t\t/>
+\t\t\t\t\t<TextControl
+\t\t\t\t\t\tlabel={ __( 'Resource key', '{{textDomain}}' ) }
+\t\t\t\t\t\tvalue={ attributes.resourceKey ?? '' }
+\t\t\t\t\t\tonChange={ ( resourceKey ) => updateAttribute( 'resourceKey', resourceKey ) }
+\t\t\t\t\t\thelp={ __( 'Stable key used by the persisted counter endpoint.', '{{textDomain}}' ) }
+\t\t\t\t\t/>
+\t\t\t\t\t<Notice status="info" isDismissible={ false }>
+\t\t\t\t\t\t{ __( 'Storage mode: {{dataStorageMode}}', '{{textDomain}}' ) }
+\t\t\t\t\t</Notice>
+\t\t\t\t\t<Notice status="info" isDismissible={ false }>
+\t\t\t\t\t\t{ __( 'Persistence policy: {{persistencePolicy}}', '{{textDomain}}' ) }
+\t\t\t\t\t</Notice>
+\t\t\t\t</PanelBody>
+\t\t\t\t{ ! isValid && (
+\t\t\t\t\t<PanelBody title={ __( 'Validation Errors', '{{textDomain}}' ) } initialOpen>
+\t\t\t\t\t\t{ errorMessages.map( ( error, index ) => (
+\t\t\t\t\t\t\t<Notice key={ index } status="error" isDismissible={ false }>
+\t\t\t\t\t\t\t\t{ error }
+\t\t\t\t\t\t\t</Notice>
+\t\t\t\t\t\t) ) }
+\t\t\t\t\t</PanelBody>
+\t\t\t\t) }
+\t\t\t</InspectorControls>
+\t\t\t<div { ...blockProps }>
+\t\t\t\t<RichText
+\t\t\t\t\ttagName="h3"
+\t\t\t\t\tclassName="{{cssClassName}}__heading"
+\t\t\t\t\tvalue={ attributes.heading }
+\t\t\t\t\tonChange={ ( heading ) => updateAttribute( 'heading', heading ) }
+\t\t\t\t\tplaceholder={ __( {{titleJson}}, '{{textDomain}}' ) }
+\t\t\t\t/>
+\t\t\t\t<RichText
+\t\t\t\t\ttagName="p"
+\t\t\t\t\tclassName="{{cssClassName}}__intro"
+\t\t\t\t\tvalue={ attributes.intro ?? '' }
+\t\t\t\t\tonChange={ ( intro ) => updateAttribute( 'intro', intro ) }
+\t\t\t\t\tplaceholder={ __(
+\t\t\t\t\t\t'Add and reorder internal items inside this compound block.',
+\t\t\t\t\t\t'{{textDomain}}'
+\t\t\t\t\t) }
+\t\t\t\t/>
+\t\t\t\t{ ! isValid && (
+\t\t\t\t\t<Notice status="error" isDismissible={ false }>
+\t\t\t\t\t\t<ul>
+\t\t\t\t\t\t\t{ errorMessages.map( ( error, index ) => <li key={ index }>{ error }</li> ) }
+\t\t\t\t\t\t</ul>
+\t\t\t\t\t</Notice>
+\t\t\t\t) }
+\t\t\t\t<p className="{{cssClassName}}__meta">
+\t\t\t\t\t{ __( 'Resource key:', '{{textDomain}}' ) } { attributes.resourceKey || '—' }
+\t\t\t\t</p>
+\t\t\t\t<div className="{{cssClassName}}__items">
+\t\t\t\t\t<TypedInnerBlocks { ...rootInnerBlocksPropsOptions } />
+\t\t\t\t</div>
+\t\t\t</div>
+\t\t</>
+\t);
+}
+`;
+export const COMPOUND_PERSISTENCE_PARENT_SAVE_TEMPLATE = `export default function Save() {
+\treturn null;
+}
+`;
+export const COMPOUND_PERSISTENCE_PARENT_VALIDATORS_TEMPLATE = `import typia from 'typia';
+import currentManifest from './manifest-defaults-document';
+import type {
+\t{{pascalCase}}Attributes,
+\t{{pascalCase}}ValidationResult,
+} from './types';
+import { generateResourceKey } from '@wp-typia/block-runtime/identifiers';
+import { createTemplateValidatorToolkit } from '../../validator-toolkit';
+
+const scaffoldValidators = createTemplateValidatorToolkit< {{pascalCase}}Attributes >( {
+\tassert: typia.createAssert< {{pascalCase}}Attributes >(),
+\tclone: typia.misc.createClone< {{pascalCase}}Attributes >() as (
+\t\tvalue: {{pascalCase}}Attributes,
+\t) => {{pascalCase}}Attributes,
+\tis: typia.createIs< {{pascalCase}}Attributes >(),
+\tmanifest: currentManifest,
+\tprune: typia.misc.createPrune< {{pascalCase}}Attributes >(),
+\trandom: typia.createRandom< {{pascalCase}}Attributes >() as (
+\t\t...args: unknown[]
+\t) => {{pascalCase}}Attributes,
+\tfinalize: ( normalized ) => ( {
+\t\t...normalized,
+\t\tresourceKey:
+\t\t\tnormalized.resourceKey && normalized.resourceKey.length > 0
+\t\t\t\t? normalized.resourceKey
+\t\t\t\t: generateResourceKey( '{{slugKebabCase}}' ),
+\t} ),
+\tvalidate: typia.createValidate< {{pascalCase}}Attributes >(),
+} );
+
+export const validators = scaffoldValidators.validators;
+
+export const validate{{pascalCase}}Attributes =
+\tscaffoldValidators.validateAttributes as (
+\t\tattributes: unknown
+\t) => {{pascalCase}}ValidationResult;
+
+export const sanitize{{pascalCase}}Attributes =
+\tscaffoldValidators.sanitizeAttributes as (
+\t\tattributes: Partial< {{pascalCase}}Attributes >
+\t) => {{pascalCase}}Attributes;
+
+export const createAttributeUpdater = scaffoldValidators.createAttributeUpdater;
+`;
+export const COMPOUND_PERSISTENCE_PARENT_INTERACTIVITY_TEMPLATE = `import { getContext, store } from '@wordpress/interactivity';
+import { generatePublicWriteRequestId } from '@wp-typia/block-runtime/identifiers';
+
+import { fetchBootstrap, fetchState, writeState } from './api';
+import type {
+\t{{pascalCase}}ClientState,
+\t{{pascalCase}}Context,
+\t{{pascalCase}}State,
+} from './types';
+
+function hasExpiredPublicWriteToken(
+\texpiresAt?: number
+): boolean {
+\treturn (
+\t\ttypeof expiresAt === 'number' &&
+\t\texpiresAt > 0 &&
+\t\tDate.now() >= expiresAt * 1000
+\t);
+}
+
+function getWriteBlockedMessage(
+\tcontext: {{pascalCase}}Context
+): string {
+\treturn context.persistencePolicy === 'authenticated'
+\t\t? 'Sign in to persist this counter.'
+\t\t: 'Public writes are temporarily unavailable.';
+}
+
+const BOOTSTRAP_MAX_ATTEMPTS = 3;
+const BOOTSTRAP_RETRY_DELAYS_MS = [ 250, 500 ];
+
+async function waitForBootstrapRetry( delayMs: number ): Promise< void > {
+\tawait new Promise( ( resolve ) => {
+\t\tsetTimeout( resolve, delayMs );
+\t} );
+}
+
+function getClientState(
+\tcontext: {{pascalCase}}Context
+): {{pascalCase}}ClientState {
+\tif ( context.client ) {
+\t\treturn context.client;
+\t}
+
+\tcontext.client = {
+\t\tbootstrapError: '',
+\t\twriteExpiry: 0,
+\t\twriteNonce: '',
+\t\twriteToken: '',
+\t};
+
+\treturn context.client;
+}
+
+function clearBootstrapError(
+\tcontext: {{pascalCase}}Context,
+\tclientState: {{pascalCase}}ClientState
+): void {
+\tif ( context.error === clientState.bootstrapError ) {
+\t\tcontext.error = '';
+\t}
+\tclientState.bootstrapError = '';
+}
+
+function setBootstrapError(
+\tcontext: {{pascalCase}}Context,
+\tclientState: {{pascalCase}}ClientState,
+\tmessage: string
+): void {
+\tclientState.bootstrapError = message;
+\tcontext.error = message;
+}
+
+const { actions, state } = store( '{{slugKebabCase}}', {
+\tstate: {
+\t\tisHydrated: false,
+\t} as {{pascalCase}}State,
+
+\tactions: {
+\t\tasync loadState() {
+\t\t\tconst context = getContext< {{pascalCase}}Context >();
+\t\t\tif ( context.postId <= 0 || ! context.resourceKey ) {
+\t\t\t\treturn;
+\t\t\t}
+
+\t\t\tcontext.isLoading = true;
+\t\t\tcontext.error = '';
+
+\t\t\ttry {
+\t\t\t\tconst result = await fetchState( {
+\t\t\t\t\tpostId: context.postId,
+\t\t\t\t\tresourceKey: context.resourceKey,
+\t\t\t\t}, {
+\t\t\t\t\ttransportTarget: 'frontend',
+\t\t\t\t} );
+\t\t\t\tif ( ! result.isValid || ! result.data ) {
+\t\t\t\t\tcontext.error = result.errors[ 0 ]?.expected ?? 'Unable to load counter';
+\t\t\t\t\treturn;
+\t\t\t\t}
+\t\t\t\tcontext.count = result.data.count;
+\t\t\t} catch ( error ) {
+\t\t\t\tcontext.error =
+\t\t\t\t\terror instanceof Error ? error.message : 'Unknown loading error';
+\t\t\t} finally {
+\t\t\t\tcontext.isLoading = false;
+\t\t\t}
+\t\t},
+\t\tasync loadBootstrap() {
+\t\t\tconst context = getContext< {{pascalCase}}Context >();
+\t\t\tconst clientState = getClientState( context );
+\t\t\tif ( context.postId <= 0 || ! context.resourceKey ) {
+\t\t\t\tcontext.bootstrapReady = true;
+\t\t\t\tcontext.canWrite = false;
+\t\t\t\tclientState.bootstrapError = '';
+\t\t\t\tclientState.writeExpiry = 0;
+\t\t\t\tclientState.writeNonce = '';
+\t\t\t\tclientState.writeToken = '';
+\t\t\t\treturn;
+\t\t\t}
+
+\t\t\tcontext.isBootstrapping = true;
+
+\t\t\tlet bootstrapSucceeded = false;
+\t\t\tlet lastBootstrapError =
+\t\t\t\t'Unable to initialize write access';
+\t\t\tconst includePublicWriteCredentials = {{isPublicPersistencePolicy}};
+\t\t\tconst includeRestNonce = {{isAuthenticatedPersistencePolicy}};
+
+\t\t\tfor ( let attempt = 1; attempt <= BOOTSTRAP_MAX_ATTEMPTS; attempt += 1 ) {
+\t\t\t\ttry {
+\t\t\t\t\tconst result = await fetchBootstrap( {
+\t\t\t\t\t\tpostId: context.postId,
+\t\t\t\t\t\tresourceKey: context.resourceKey,
+\t\t\t\t\t}, {
+\t\t\t\t\t\ttransportTarget: 'frontend',
+\t\t\t\t\t} );
+\t\t\t\t\tif ( ! result.isValid || ! result.data ) {
+\t\t\t\t\t\tlastBootstrapError =
+\t\t\t\t\t\t\tresult.errors[ 0 ]?.expected ??
+\t\t\t\t\t\t\t'Unable to initialize write access';
+\t\t\t\t\t\tif ( attempt < BOOTSTRAP_MAX_ATTEMPTS ) {
+\t\t\t\t\t\t\tawait waitForBootstrapRetry(
+\t\t\t\t\t\t\t\tBOOTSTRAP_RETRY_DELAYS_MS[ attempt - 1 ] ?? 750
+\t\t\t\t\t\t\t);
+\t\t\t\t\t\t\tcontinue;
+\t\t\t\t\t\t}
+\t\t\t\t\t\tbreak;
+\t\t\t\t\t}
+
+\t\t\t\t\tclientState.writeExpiry =
+\t\t\t\t\t\tincludePublicWriteCredentials &&
+\t\t\t\t\t\t'publicWriteExpiresAt' in result.data &&
+\t\t\t\t\t\ttypeof result.data.publicWriteExpiresAt === 'number' &&
+\t\t\t\t\t\tresult.data.publicWriteExpiresAt > 0
+\t\t\t\t\t\t\t? result.data.publicWriteExpiresAt
+\t\t\t\t\t\t\t: 0;
+\t\t\t\t\tclientState.writeToken =
+\t\t\t\t\t\tincludePublicWriteCredentials &&
+\t\t\t\t\t\t'publicWriteToken' in result.data &&
+\t\t\t\t\t\ttypeof result.data.publicWriteToken === 'string' &&
+\t\t\t\t\t\tresult.data.publicWriteToken.length > 0
+\t\t\t\t\t\t\t? result.data.publicWriteToken
+\t\t\t\t\t\t\t: '';
+\t\t\t\t\tclientState.writeNonce =
+\t\t\t\t\t\tincludeRestNonce &&
+\t\t\t\t\t\t'restNonce' in result.data &&
+\t\t\t\t\t\ttypeof result.data.restNonce === 'string' &&
+\t\t\t\t\t\tresult.data.restNonce.length > 0
+\t\t\t\t\t\t\t? result.data.restNonce
+\t\t\t\t\t\t\t: '';
+\t\t\t\t\tcontext.bootstrapReady = true;
+\t\t\t\t\tcontext.canWrite =
+\t\t\t\t\t\tresult.data.canWrite === true &&
+\t\t\t\t\t\t(
+\t\t\t\t\t\t\tcontext.persistencePolicy === 'authenticated'
+\t\t\t\t\t\t\t\t? clientState.writeNonce.length > 0
+\t\t\t\t\t\t\t\t: clientState.writeToken.length > 0 &&
+\t\t\t\t\t\t\t\t\t! hasExpiredPublicWriteToken( clientState.writeExpiry )
+\t\t\t\t\t\t);
+\t\t\t\t\tclearBootstrapError( context, clientState );
+\t\t\t\t\tbootstrapSucceeded = true;
+\t\t\t\t\tbreak;
+\t\t\t\t} catch ( error ) {
+\t\t\t\t\tlastBootstrapError =
+\t\t\t\t\t\terror instanceof Error ? error.message : 'Unknown bootstrap error';
+\t\t\t\t\tif ( attempt < BOOTSTRAP_MAX_ATTEMPTS ) {
+\t\t\t\t\t\tawait waitForBootstrapRetry(
+\t\t\t\t\t\t\tBOOTSTRAP_RETRY_DELAYS_MS[ attempt - 1 ] ?? 750
+\t\t\t\t\t\t);
+\t\t\t\t\t\tcontinue;
+\t\t\t\t\t}
+\t\t\t\t\tbreak;
+\t\t\t\t}
+\t\t\t}
+
+\t\t\tif ( ! bootstrapSucceeded ) {
+\t\t\t\tcontext.bootstrapReady = false;
+\t\t\t\tcontext.canWrite = false;
+\t\t\t\tclientState.writeExpiry = 0;
+\t\t\t\tclientState.writeNonce = '';
+\t\t\t\tclientState.writeToken = '';
+\t\t\t\tsetBootstrapError( context, clientState, lastBootstrapError );
+\t\t\t}
+\t\t\tcontext.isBootstrapping = false;
+\t\t},
+\t\tasync increment() {
+\t\t\tconst context = getContext< {{pascalCase}}Context >();
+\t\t\tconst clientState = getClientState( context );
+\t\t\tif ( context.postId <= 0 || ! context.resourceKey ) {
+\t\t\t\treturn;
+\t\t\t}
+\t\t\tif ( ! context.bootstrapReady ) {
+\t\t\t\tawait actions.loadBootstrap();
+\t\t\t}
+\t\t\tif ( ! context.bootstrapReady ) {
+\t\t\t\tcontext.error = 'Write access is still initializing.';
+\t\t\t\treturn;
+\t\t\t}
+\t\t\tif (
+\t\t\t\tcontext.persistencePolicy === 'public' &&
+\t\t\t\thasExpiredPublicWriteToken( clientState.writeExpiry )
+\t\t\t) {
+\t\t\t\tawait actions.loadBootstrap();
+\t\t\t}
+\t\t\tif (
+\t\t\t\tcontext.persistencePolicy === 'public' &&
+\t\t\t\thasExpiredPublicWriteToken( clientState.writeExpiry )
+\t\t\t) {
+\t\t\t\tcontext.canWrite = false;
+\t\t\t\tcontext.error = getWriteBlockedMessage( context );
+\t\t\t\treturn;
+\t\t\t}
+\t\t\tif ( ! context.canWrite ) {
+\t\t\t\tcontext.error = getWriteBlockedMessage( context );
+\t\t\t\treturn;
+\t\t\t}
+
+\t\t\tcontext.isSaving = true;
+\t\t\tcontext.error = '';
+
+\t\t\ttry {
+\t\t\t\tconst result = await writeState( {
+\t\t\t\t\tdelta: 1,
+\t\t\t\t\tpostId: context.postId,
+\t\t\t\t\tpublicWriteRequestId:
+\t\t\t\t\t\tcontext.persistencePolicy === 'public'
+\t\t\t\t\t\t\t? generatePublicWriteRequestId()
+\t\t\t\t\t\t\t: undefined,
+\t\t\t\t\tpublicWriteToken:
+\t\t\t\t\t\tcontext.persistencePolicy === 'public' &&
+\t\t\t\t\t\tclientState.writeToken.length > 0
+\t\t\t\t\t\t\t? clientState.writeToken
+\t\t\t\t\t\t\t: undefined,
+\t\t\t\t\tresourceKey: context.resourceKey,
+\t\t\t\t}, {
+\t\t\t\t\trestNonce:
+\t\t\t\t\t\tclientState.writeNonce.length > 0
+\t\t\t\t\t\t\t? clientState.writeNonce
+\t\t\t\t\t\t\t: undefined,
+\t\t\t\t\ttransportTarget: 'frontend',
+\t\t\t\t} );
+\t\t\t\tif ( ! result.isValid || ! result.data ) {
+\t\t\t\t\tcontext.error = result.errors[ 0 ]?.expected ?? 'Unable to update counter';
+\t\t\t\t\treturn;
+\t\t\t\t}
+\t\t\t\tcontext.count = result.data.count;
+\t\t\t\tcontext.storage = result.data.storage;
+\t\t\t} catch ( error ) {
+\t\t\t\tcontext.error =
+\t\t\t\t\terror instanceof Error ? error.message : 'Unknown update error';
+\t\t\t} finally {
+\t\t\t\tcontext.isSaving = false;
+\t\t\t}
+\t\t},
+\t},
+
+\tcallbacks: {
+\t\tinit() {
+\t\t\tconst context = getContext< {{pascalCase}}Context >();
+\t\t\tcontext.client = {
+\t\t\t\tbootstrapError: '',
+\t\t\t\twriteExpiry: 0,
+\t\t\t\twriteNonce: '',
+\t\t\t\twriteToken: '',
+\t\t\t};
+\t\t\tcontext.bootstrapReady = false;
+\t\t\tcontext.canWrite = false;
+\t\t\tcontext.count = 0;
+\t\t\tcontext.error = '';
+\t\t\tcontext.isBootstrapping = false;
+\t\t\tcontext.isLoading = false;
+\t\t\tcontext.isSaving = false;
+\t\t},
+\t\tmounted() {
+\t\t\tstate.isHydrated = true;
+\t\t\tif ( typeof document !== 'undefined' ) {
+\t\t\t\tdocument.documentElement.dataset[ '{{slugCamelCase}}Hydrated' ] = 'true';
+\t\t\t}
+\t\t\tvoid Promise.allSettled( [
+\t\t\t\tactions.loadState(),
+\t\t\t\tactions.loadBootstrap(),
+\t\t\t] );
+\t\t},
+\t},
+} );
+`;

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

@@ -0,0 +1,3 @@
+export { COMPOUND_CHILDREN_TEMPLATE, COMPOUND_LOCAL_HOOKS_TEMPLATE, COMPOUND_PARENT_EDIT_TEMPLATE, COMPOUND_PARENT_INDEX_TEMPLATE, COMPOUND_PARENT_SAVE_TEMPLATE, COMPOUND_PARENT_VALIDATORS_TEMPLATE, } from './compound-parent.js';
+export { COMPOUND_CHILD_EDIT_TEMPLATE, COMPOUND_CHILD_INDEX_TEMPLATE, COMPOUND_CHILD_SAVE_TEMPLATE, COMPOUND_CHILD_VALIDATORS_TEMPLATE, } from './compound-child.js';
+export { COMPOUND_PERSISTENCE_PARENT_EDIT_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_INTERACTIVITY_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_SAVE_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_VALIDATORS_TEMPLATE, } from './compound-persistence.js';

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

@@ -0,0 +1,3 @@
+export { COMPOUND_CHILDREN_TEMPLATE, COMPOUND_LOCAL_HOOKS_TEMPLATE, COMPOUND_PARENT_EDIT_TEMPLATE, COMPOUND_PARENT_INDEX_TEMPLATE, COMPOUND_PARENT_SAVE_TEMPLATE, COMPOUND_PARENT_VALIDATORS_TEMPLATE, } from './compound-parent.js';
+export { COMPOUND_CHILD_EDIT_TEMPLATE, COMPOUND_CHILD_INDEX_TEMPLATE, COMPOUND_CHILD_SAVE_TEMPLATE, COMPOUND_CHILD_VALIDATORS_TEMPLATE, } from './compound-child.js';
+export { COMPOUND_PERSISTENCE_PARENT_EDIT_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_INTERACTIVITY_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_SAVE_TEMPLATE, COMPOUND_PERSISTENCE_PARENT_VALIDATORS_TEMPLATE, } from './compound-persistence.js';

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

@@ -0,0 +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 =\n  | ((...args: unknown[]) => unknown)\n  | ReturnType<typeof import('@wordpress/interactivity').withSyncEvent>;\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 = InteractivityCallable;\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";