@wp-typia/project-tools 0.16.1 → 0.16.4

package/templates/basic/src/validators.ts.mustache

@@ -1,37 +0,0 @@
-import typia from 'typia';
-import currentManifest from "./typia.manifest.json";
-import { {{pascalCase}}Attributes, {{pascalCase}}ValidationResult } from "./types";
-import { generateBlockId } from "@wp-typia/block-runtime/identifiers";
-import { createTemplateValidatorToolkit } from "./validator-toolkit";
-
-const scaffoldValidators = createTemplateValidatorToolkit<{{pascalCase}}Attributes>({
-  assert: typia.createAssert<{{pascalCase}}Attributes>(),
-  clone: typia.misc.createClone<{{pascalCase}}Attributes>() as (
-    value: {{pascalCase}}Attributes,
-  ) => {{pascalCase}}Attributes,
-  is: typia.createIs<{{pascalCase}}Attributes>(),
-  manifest: currentManifest,
-  prune: typia.misc.createPrune<{{pascalCase}}Attributes>(),
-  random: typia.createRandom<{{pascalCase}}Attributes>() as (
-    ...args: unknown[]
-  ) => {{pascalCase}}Attributes,
-  finalize: (normalized) => ({
-    ...normalized,
-    id: normalized.id && normalized.id.length > 0 ? normalized.id : generateBlockId(),
-  }),
-  validate: typia.createValidate<{{pascalCase}}Attributes>(),
-});
-
-export const validate{{pascalCase}}Attributes =
-  scaffoldValidators.validateAttributes as (
-    attributes: unknown,
-  ) => {{pascalCase}}ValidationResult;
-
-export const validators = scaffoldValidators.validators;
-
-export const sanitize{{pascalCase}}Attributes =
-  scaffoldValidators.sanitizeAttributes as (
-    attributes: Partial<{{pascalCase}}Attributes>,
-  ) => {{pascalCase}}Attributes;
-
-export const createAttributeUpdater = scaffoldValidators.createAttributeUpdater;

package/templates/compound/src/blocks/{{slugKebabCase}}/block.json.mustache

@@ -1,37 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 3,
-	"name": "{{namespace}}/{{slugKebabCase}}",
-	"version": "{{blockMetadataVersion}}",
-	"title": {{titleJson}},
-	"category": "{{category}}",
-	"icon": "{{icon}}",
-	"description": "{{description}}",
-	"example": {},
-	"supports": {
-		"html": false,
-		"anchor": true,
-		"className": true
-	},
-	"attributes": {
-		"heading": {
-			"type": "string",
-			"source": "html",
-			"selector": ".{{cssClassName}}__heading",
-			"default": {{titleJson}}
-		},
-		"intro": {
-			"type": "string",
-			"source": "html",
-			"selector": ".{{cssClassName}}__intro",
-			"default": "Add and reorder internal items inside this compound block."
-		},
-		"showDividers": {
-			"type": "boolean",
-			"default": true
-		}
-	},
-	"textdomain": "{{textDomain}}",
-	"editorScript": "file:./index.js",
-	"style": "file:./style-index.css"
-}

package/templates/compound/src/blocks/{{slugKebabCase}}/children.ts.mustache

@@ -1,25 +0,0 @@
-import type { Template } from '@wordpress/blocks';
-
-export const DEFAULT_CHILD_BLOCK_NAME = '{{namespace}}/{{slugKebabCase}}-item';
-
-export const ALLOWED_CHILD_BLOCKS = [
-	DEFAULT_CHILD_BLOCK_NAME,
-	// add-child: insert new allowed child block names here
-];
-
-export const DEFAULT_CHILD_TEMPLATE: Template[] = [
-	[
-		DEFAULT_CHILD_BLOCK_NAME,
-		{
-			body: 'Add supporting details for the first internal item.',
-			title: 'First Item',
-		},
-	],
-	[
-		DEFAULT_CHILD_BLOCK_NAME,
-		{
-			body: 'Add supporting details for the second internal item.',
-			title: 'Second Item',
-		},
-	],
-];

package/templates/compound/src/blocks/{{slugKebabCase}}/edit.tsx.mustache

@@ -1,93 +0,0 @@
-import { __ } from '@wordpress/i18n';
-import {
-	InspectorControls,
-	InnerBlocks,
-	RichText,
-	useBlockProps,
-} from '@wordpress/block-editor';
-import { Notice, PanelBody, ToggleControl } from '@wordpress/components';
-
-import {
-	ALLOWED_CHILD_BLOCKS,
-	DEFAULT_CHILD_TEMPLATE,
-} from './children';
-import { useTypiaValidation } from './hooks';
-import type { {{pascalCase}}Attributes } from './types';
-import {
-	createAttributeUpdater,
-	validate{{pascalCase}}Attributes,
-} from './validators';
-
-export default function Edit( {
-	attributes,
-	setAttributes,
-}: {
-	attributes: {{pascalCase}}Attributes;
-	setAttributes: ( attrs: Partial< {{pascalCase}}Attributes > ) => void;
-} ) {
-	const { errorMessages, isValid } = useTypiaValidation(
-		attributes,
-		validate{{pascalCase}}Attributes
-	);
-	const updateAttribute = createAttributeUpdater( attributes, setAttributes );
-	const blockProps = useBlockProps( {
-		className: '{{cssClassName}}',
-	} );
-
-	return (
-		<>
-			<InspectorControls>
-				<PanelBody title={ __( 'Compound Settings', '{{textDomain}}' ) }>
-					<ToggleControl
-						label={ __( 'Show dividers between items', '{{textDomain}}' ) }
-						checked={ attributes.showDividers ?? true }
-						onChange={ ( value ) => updateAttribute( 'showDividers', value ) }
-					/>
-				</PanelBody>
-				{ ! isValid && (
-					<PanelBody title={ __( 'Validation Errors', '{{textDomain}}' ) } initialOpen>
-						{ errorMessages.map( ( error, index ) => (
-							<Notice key={ index } status="error" isDismissible={ false }>
-								{ error }
-							</Notice>
-						) ) }
-					</PanelBody>
-				) }
-			</InspectorControls>
-			<div { ...blockProps }>
-				<RichText
-					tagName="h3"
-					className="{{cssClassName}}__heading"
-					value={ attributes.heading }
-					onChange={ ( heading ) => updateAttribute( 'heading', heading ) }
-					placeholder={ __( {{titleJson}}, '{{textDomain}}' ) }
-				/>
-				<RichText
-					tagName="p"
-					className="{{cssClassName}}__intro"
-					value={ attributes.intro ?? '' }
-					onChange={ ( intro ) => updateAttribute( 'intro', intro ) }
-					placeholder={ __(
-						'Add and reorder internal items inside this compound block.',
-						'{{textDomain}}'
-					) }
-				/>
-				{ ! isValid && (
-					<Notice status="error" isDismissible={ false }>
-						<ul>
-							{ errorMessages.map( ( error, index ) => <li key={ index }>{ error }</li> ) }
-						</ul>
-					</Notice>
-				) }
-				<div className="{{cssClassName}}__items">
-					<InnerBlocks
-						allowedBlocks={ ALLOWED_CHILD_BLOCKS }
-						renderAppender={ InnerBlocks.ButtonBlockAppender }
-						template={ DEFAULT_CHILD_TEMPLATE }
-						templateLock={ false }
-					/>
-				</div>
-			</div>
-		</>
-	);
-}

package/templates/compound/src/blocks/{{slugKebabCase}}/hooks.ts.mustache

@@ -1,11 +0,0 @@
-export {
-	formatValidationError,
-	formatValidationErrors,
-	useTypiaValidation,
-} from '../../hooks';
-
-export type {
-	TypiaValidationError,
-	ValidationResult,
-	ValidationState,
-} from '../../hooks';

package/templates/compound/src/blocks/{{slugKebabCase}}/index.tsx.mustache

@@ -1,25 +0,0 @@
-import { registerBlockType } from '@wordpress/blocks';
-import type { BlockConfiguration } from '@wordpress/blocks';
-import {
-	buildScaffoldBlockRegistration,
-	type ScaffoldBlockMetadata,
-} from '@wp-typia/block-runtime/blocks';
-
-import Edit from './edit';
-import Save from './save';
-import metadata from './block.json';
-import './style.scss';
-
-import type { {{pascalCase}}Attributes } from './types';
-
-const registration = buildScaffoldBlockRegistration<
-	BlockConfiguration< {{pascalCase}}Attributes >
->( metadata as ScaffoldBlockMetadata, {
-	edit: Edit,
-	save: Save,
-} );
-
-registerBlockType< {{pascalCase}}Attributes >(
-	registration.name,
-	registration.settings
-);

package/templates/compound/src/blocks/{{slugKebabCase}}/save.tsx.mustache

@@ -1,32 +0,0 @@
-import { InnerBlocks, RichText, useBlockProps } from '@wordpress/block-editor';
-
-import type { {{pascalCase}}Attributes } from './types';
-
-export default function Save( {
-	attributes,
-}: {
-	attributes: {{pascalCase}}Attributes;
-} ) {
-	return (
-		<div
-			{ ...useBlockProps.save( {
-				className: '{{cssClassName}}',
-				'data-show-dividers': ( attributes.showDividers ?? true ) ? 'true' : 'false',
-			} ) }
-		>
-			<RichText.Content
-				tagName="h3"
-				className="{{cssClassName}}__heading"
-				value={ attributes.heading }
-			/>
-			<RichText.Content
-				tagName="p"
-				className="{{cssClassName}}__intro"
-				value={ attributes.intro ?? '' }
-			/>
-			<div className="{{cssClassName}}__items">
-				<InnerBlocks.Content />
-			</div>
-		</div>
-	);
-}

package/templates/compound/src/blocks/{{slugKebabCase}}/types.ts.mustache

@@ -1,18 +0,0 @@
-import type { ValidationResult } from '@wp-typia/block-runtime/validation';
-import { tags } from 'typia';
-
-export type { ValidationResult } from '@wp-typia/block-runtime/validation';
-
-export interface {{pascalCase}}Attributes {
-	heading: string &
-		tags.MinLength< 1 > &
-		tags.MaxLength< 80 > &
-		tags.Default< {{titleJson}} >;
-	intro?: string &
-		tags.MinLength< 1 > &
-		tags.MaxLength< 180 > &
-		tags.Default< 'Add and reorder internal items inside this compound block.' >;
-	showDividers?: boolean & tags.Default< true >;
-}
-
-export type {{pascalCase}}ValidationResult = ValidationResult< {{pascalCase}}Attributes >;

package/templates/compound/src/blocks/{{slugKebabCase}}/validators.ts.mustache

@@ -1,35 +0,0 @@
-import typia from 'typia';
-import currentManifest from './typia.manifest.json';
-import type {
-	{{pascalCase}}Attributes,
-	{{pascalCase}}ValidationResult,
-} from './types';
-import { createTemplateValidatorToolkit } from '../../validator-toolkit';
-
-const scaffoldValidators = createTemplateValidatorToolkit< {{pascalCase}}Attributes >( {
-	assert: typia.createAssert< {{pascalCase}}Attributes >(),
-	clone: typia.misc.createClone< {{pascalCase}}Attributes >() as (
-		value: {{pascalCase}}Attributes,
-	) => {{pascalCase}}Attributes,
-	is: typia.createIs< {{pascalCase}}Attributes >(),
-	manifest: currentManifest,
-	prune: typia.misc.createPrune< {{pascalCase}}Attributes >(),
-	random: typia.createRandom< {{pascalCase}}Attributes >() as (
-		...args: unknown[]
-	) => {{pascalCase}}Attributes,
-	validate: typia.createValidate< {{pascalCase}}Attributes >(),
-} );
-
-export const validate{{pascalCase}}Attributes =
-	scaffoldValidators.validateAttributes as (
-		attributes: unknown
-	) => {{pascalCase}}ValidationResult;
-
-export const validators = scaffoldValidators.validators;
-
-export const sanitize{{pascalCase}}Attributes =
-	scaffoldValidators.sanitizeAttributes as (
-		attributes: Partial< {{pascalCase}}Attributes >
-	) => {{pascalCase}}Attributes;
-
-export const createAttributeUpdater = scaffoldValidators.createAttributeUpdater;

package/templates/compound/src/blocks/{{slugKebabCase}}-item/block.json.mustache

@@ -1,35 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 3,
-	"name": "{{namespace}}/{{slugKebabCase}}-item",
-	"version": "{{blockMetadataVersion}}",
-	"title": {{compoundChildTitleJson}},
-	"category": "{{compoundChildCategory}}",
-	"icon": "{{compoundChildIcon}}",
-	"description": "Internal item block used by {{title}}.",
-	"parent": [
-		"{{namespace}}/{{slugKebabCase}}"
-	],
-	"example": {},
-	"supports": {
-		"html": false,
-		"inserter": false,
-		"reusable": false
-	},
-	"attributes": {
-		"title": {
-			"type": "string",
-			"source": "html",
-			"selector": ".{{compoundChildCssClassName}}__title",
-			"default": {{compoundChildTitleJson}}
-		},
-		"body": {
-			"type": "string",
-			"source": "html",
-			"selector": ".{{compoundChildCssClassName}}__body",
-			"default": "Add supporting details for this internal item."
-		}
-	},
-	"textdomain": "{{textDomain}}",
-	"editorScript": "file:./index.js"
-}

package/templates/compound/src/blocks/{{slugKebabCase}}-item/edit.tsx.mustache

@@ -1,50 +0,0 @@
-import { RichText, useBlockProps } from '@wordpress/block-editor';
-import { Notice } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-import { useTypiaValidation } from './hooks';
-import type { {{pascalCase}}ItemAttributes } from './types';
-import {
-	createAttributeUpdater,
-	validate{{pascalCase}}ItemAttributes,
-} from './validators';
-
-export default function Edit( {
-	attributes,
-	setAttributes,
-}: {
-	attributes: {{pascalCase}}ItemAttributes;
-	setAttributes: ( attrs: Partial< {{pascalCase}}ItemAttributes > ) => void;
-} ) {
-	const updateAttribute = createAttributeUpdater( attributes, setAttributes );
-	const { errorMessages, isValid } = useTypiaValidation(
-		attributes,
-		validate{{pascalCase}}ItemAttributes
-	);
-
-	return (
-		<div { ...useBlockProps( { className: '{{compoundChildCssClassName}}' } ) }>
-			<RichText
-				tagName="h4"
-				className="{{compoundChildCssClassName}}__title"
-				value={ attributes.title ?? '' }
-				onChange={ ( title ) => updateAttribute( 'title', title ) }
-				placeholder={ __( {{compoundChildTitleJson}}, '{{textDomain}}' ) }
-			/>
-			<RichText
-				tagName="p"
-				className="{{compoundChildCssClassName}}__body"
-				value={ attributes.body ?? '' }
-				onChange={ ( body ) => updateAttribute( 'body', body ) }
-				placeholder={ __( 'Add supporting details for this internal item.', '{{textDomain}}' ) }
-			/>
-			{ ! isValid && (
-				<Notice status="error" isDismissible={ false }>
-					<ul>
-						{ errorMessages.map( ( error, index ) => <li key={ index }>{ error }</li> ) }
-					</ul>
-				</Notice>
-			) }
-		</div>
-	);
-}

package/templates/compound/src/blocks/{{slugKebabCase}}-item/hooks.ts.mustache

@@ -1,11 +0,0 @@
-export {
-	formatValidationError,
-	formatValidationErrors,
-	useTypiaValidation,
-} from '../../hooks';
-
-export type {
-	TypiaValidationError,
-	ValidationResult,
-	ValidationState,
-} from '../../hooks';

package/templates/compound/src/blocks/{{slugKebabCase}}-item/index.tsx.mustache

@@ -1,25 +0,0 @@
-import { registerBlockType } from '@wordpress/blocks';
-import type { BlockConfiguration } from '@wordpress/blocks';
-import {
-	buildScaffoldBlockRegistration,
-	type ScaffoldBlockMetadata,
-} from '@wp-typia/block-runtime/blocks';
-
-import Edit from './edit';
-import Save from './save';
-import metadata from './block.json';
-import '../{{slugKebabCase}}/style.scss';
-
-import type { {{pascalCase}}ItemAttributes } from './types';
-
-const registration = buildScaffoldBlockRegistration<
-	BlockConfiguration< {{pascalCase}}ItemAttributes >
->( metadata as ScaffoldBlockMetadata, {
-	edit: Edit,
-	save: Save,
-} );
-
-registerBlockType< {{pascalCase}}ItemAttributes >(
-	registration.name,
-	registration.settings
-);

package/templates/compound/src/blocks/{{slugKebabCase}}-item/save.tsx.mustache

@@ -1,24 +0,0 @@
-import { RichText, useBlockProps } from '@wordpress/block-editor';
-
-import type { {{pascalCase}}ItemAttributes } from './types';
-
-export default function Save( {
-	attributes,
-}: {
-	attributes: {{pascalCase}}ItemAttributes;
-} ) {
-	return (
-		<div { ...useBlockProps.save( { className: '{{compoundChildCssClassName}}' } ) }>
-			<RichText.Content
-				tagName="h4"
-				className="{{compoundChildCssClassName}}__title"
-				value={ attributes.title }
-			/>
-			<RichText.Content
-				tagName="p"
-				className="{{compoundChildCssClassName}}__body"
-				value={ attributes.body }
-			/>
-		</div>
-	);
-}

package/templates/compound/src/blocks/{{slugKebabCase}}-item/types.ts.mustache

@@ -1,17 +0,0 @@
-import type { ValidationResult } from '@wp-typia/block-runtime/validation';
-import { tags } from 'typia';
-
-export type { ValidationResult } from '@wp-typia/block-runtime/validation';
-
-export interface {{pascalCase}}ItemAttributes {
-	title: string &
-		tags.MinLength< 1 > &
-		tags.MaxLength< 80 > &
-		tags.Default< {{compoundChildTitleJson}} >;
-	body: string &
-		tags.MinLength< 1 > &
-		tags.MaxLength< 280 > &
-		tags.Default< 'Add supporting details for this internal item.' >;
-}
-
-export type {{pascalCase}}ItemValidationResult = ValidationResult< {{pascalCase}}ItemAttributes >;

package/templates/compound/src/blocks/{{slugKebabCase}}-item/validators.ts.mustache

@@ -1,35 +0,0 @@
-import typia from 'typia';
-import currentManifest from './typia.manifest.json';
-import type {
-	{{pascalCase}}ItemAttributes,
-	{{pascalCase}}ItemValidationResult,
-} from './types';
-import { createTemplateValidatorToolkit } from '../../validator-toolkit';
-
-const scaffoldValidators = createTemplateValidatorToolkit< {{pascalCase}}ItemAttributes >( {
-	assert: typia.createAssert< {{pascalCase}}ItemAttributes >(),
-	clone: typia.misc.createClone< {{pascalCase}}ItemAttributes >() as (
-		value: {{pascalCase}}ItemAttributes,
-	) => {{pascalCase}}ItemAttributes,
-	is: typia.createIs< {{pascalCase}}ItemAttributes >(),
-	manifest: currentManifest,
-	prune: typia.misc.createPrune< {{pascalCase}}ItemAttributes >(),
-	random: typia.createRandom< {{pascalCase}}ItemAttributes >() as (
-		...args: unknown[]
-	) => {{pascalCase}}ItemAttributes,
-	validate: typia.createValidate< {{pascalCase}}ItemAttributes >(),
-} );
-
-export const validate{{pascalCase}}ItemAttributes =
-	scaffoldValidators.validateAttributes as (
-		attributes: unknown
-	) => {{pascalCase}}ItemValidationResult;
-
-export const validators = scaffoldValidators.validators;
-
-export const sanitize{{pascalCase}}ItemAttributes =
-	scaffoldValidators.sanitizeAttributes as (
-		attributes: Partial< {{pascalCase}}ItemAttributes >
-	) => {{pascalCase}}ItemAttributes;
-
-export const createAttributeUpdater = scaffoldValidators.createAttributeUpdater;

package/templates/interactivity/src/block.json.mustache

@@ -1,74 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 3,
-	"name": "{{namespace}}/{{slugKebabCase}}",
-	"version": "{{blockMetadataVersion}}",
-	"title": "{{title}}",
-	"category": "{{category}}",
-	"icon": "{{icon}}",
-	"description": "{{description}}",
-	"example": {},
-	"supports": {
-		"html": false,
-		"align": true,
-		"anchor": true,
-		"className": true,
-		"interactivity": true
-	},
-	"attributes": {
-		"content": {
-			"type": "string",
-			"source": "html",
-			"selector": ".{{cssClassName}}__content",
-			"default": ""
-		},
-		"alignment": {
-			"type": "string",
-			"enum": ["left", "center", "right"],
-			"default": "left"
-		},
-		"isVisible": {
-			"type": "boolean",
-			"default": true
-		},
-		"interactiveMode": {
-			"type": "string",
-			"enum": ["click", "hover", "auto"],
-			"default": "click"
-		},
-		"animation": {
-			"type": "string",
-			"enum": ["none", "bounce", "pulse", "shake", "flip"],
-			"default": "none"
-		},
-		"clickCount": {
-			"type": "number",
-			"default": 0
-		},
-		"isAnimating": {
-			"type": "boolean",
-			"default": false
-		},
-		"showCounter": {
-			"type": "boolean",
-			"default": true
-		},
-		"maxClicks": {
-			"type": "number",
-			"default": 10
-		},
-		"autoPlayInterval": {
-			"type": "number",
-			"default": 0
-		},
-		"uniqueId": {
-			"type": "string",
-			"default": ""
-		}
-	},
-	"textdomain": "{{textDomain}}",
-	"editorScript": "file:./index.js",
-	"editorStyle": "file:./index.css",
-	"style": "file:./style-index.css",
-	"viewScriptModule": "file:./interactivity.js"
-}