mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	Merge branch 'misskey-dev:develop' into feat/client-dev-mode
This commit is contained in:
		
						commit
						7cc555fd28
					
				
					 13 changed files with 92 additions and 1043 deletions
				
			
		
							
								
								
									
										29
									
								
								packages/frontend/src/components/page/block.type.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								packages/frontend/src/components/page/block.type.ts
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,29 @@
 | 
			
		|||
export type BlockBase = {
 | 
			
		||||
	id: string;
 | 
			
		||||
	type: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextBlock = BlockBase & {
 | 
			
		||||
	type: 'text';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type SectionBlock = BlockBase & {
 | 
			
		||||
	type: 'section';
 | 
			
		||||
	title: string;
 | 
			
		||||
	children: Block[];
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type ImageBlock = BlockBase & {
 | 
			
		||||
	type: 'image';
 | 
			
		||||
	fileId: string | null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type NoteBlock = BlockBase & {
 | 
			
		||||
	type: 'note';
 | 
			
		||||
	detailed: boolean;
 | 
			
		||||
	note: string | null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type Block =
 | 
			
		||||
	TextBlock | SectionBlock | ImageBlock | NoteBlock;
 | 
			
		||||
| 
						 | 
				
			
			@ -1,33 +1,19 @@
 | 
			
		|||
<template>
 | 
			
		||||
<component :is="'x-' + block.type" :key="block.id" :block="block" :hpml="hpml" :h="h"/>
 | 
			
		||||
<component :is="'x-' + block.type" :key="block.id" :page="page" :block="block" :h="h"/>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineComponent, PropType } from 'vue';
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import XText from './page.text.vue';
 | 
			
		||||
import XSection from './page.section.vue';
 | 
			
		||||
import XImage from './page.image.vue';
 | 
			
		||||
import XNote from './page.note.vue';
 | 
			
		||||
import { Hpml } from '@/scripts/hpml/evaluator';
 | 
			
		||||
import { Block } from '@/scripts/hpml/block';
 | 
			
		||||
import { Block } from './block.type';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
	components: {
 | 
			
		||||
		XText, XSection, XImage, XNote,
 | 
			
		||||
	},
 | 
			
		||||
	props: {
 | 
			
		||||
		block: {
 | 
			
		||||
			type: Object as PropType<Block>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
		hpml: {
 | 
			
		||||
			type: Object as PropType<Hpml>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
		h: {
 | 
			
		||||
			type: Number,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
});
 | 
			
		||||
defineProps<{
 | 
			
		||||
	block: Block,
 | 
			
		||||
	h: number,
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,15 +5,15 @@
 | 
			
		|||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { PropType } from 'vue';
 | 
			
		||||
import { } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import { ImageBlock } from './block.type';
 | 
			
		||||
import ImgWithBlurhash from '@/components/MkImgWithBlurhash.vue';
 | 
			
		||||
import { ImageBlock } from '@/scripts/hpml/block';
 | 
			
		||||
import { Hpml } from '@/scripts/hpml/evaluator';
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
	block: PropType<ImageBlock>,
 | 
			
		||||
	hpml: PropType<Hpml>,
 | 
			
		||||
	block: ImageBlock,
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
 | 
			
		||||
const image = props.hpml.page.attachedFiles.find(x => x.id === props.block.fileId);
 | 
			
		||||
const image = props.page.attachedFiles.find(x => x.id === props.block.fileId);
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,37 +5,25 @@
 | 
			
		|||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineComponent, onMounted, PropType, Ref, ref } from 'vue';
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { onMounted, Ref, ref } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import { NoteBlock } from './block.type';
 | 
			
		||||
import MkNote from '@/components/MkNote.vue';
 | 
			
		||||
import MkNoteDetailed from '@/components/MkNoteDetailed.vue';
 | 
			
		||||
import * as os from '@/os';
 | 
			
		||||
import { NoteBlock } from '@/scripts/hpml/block';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
	components: {
 | 
			
		||||
		MkNote,
 | 
			
		||||
		MkNoteDetailed,
 | 
			
		||||
	},
 | 
			
		||||
	props: {
 | 
			
		||||
		block: {
 | 
			
		||||
			type: Object as PropType<NoteBlock>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
	setup(props, ctx) {
 | 
			
		||||
		const note: Ref<Record<string, any> | null> = ref(null);
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
	block: NoteBlock,
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
 | 
			
		||||
		onMounted(() => {
 | 
			
		||||
			os.api('notes/show', { noteId: props.block.note })
 | 
			
		||||
				.then(result => {
 | 
			
		||||
					note.value = result;
 | 
			
		||||
				});
 | 
			
		||||
const note: Ref<Misskey.entities.Note | null> = ref(null);
 | 
			
		||||
 | 
			
		||||
onMounted(() => {
 | 
			
		||||
	os.api('notes/show', { noteId: props.block.note })
 | 
			
		||||
		.then(result => {
 | 
			
		||||
			note.value = result;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		return {
 | 
			
		||||
			note,
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,34 +3,23 @@
 | 
			
		|||
	<component :is="'h' + h">{{ block.title }}</component>
 | 
			
		||||
 | 
			
		||||
	<div class="children">
 | 
			
		||||
		<XBlock v-for="child in block.children" :key="child.id" :block="child" :hpml="hpml" :h="h + 1"/>
 | 
			
		||||
		<XBlock v-for="child in block.children" :key="child.id" :page="page" :block="child" :h="h + 1"/>
 | 
			
		||||
	</div>
 | 
			
		||||
</section>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineComponent, defineAsyncComponent, PropType } from 'vue';
 | 
			
		||||
import { SectionBlock } from '@/scripts/hpml/block';
 | 
			
		||||
import { Hpml } from '@/scripts/hpml/evaluator';
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { defineAsyncComponent } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import { SectionBlock } from './block.type';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
	components: {
 | 
			
		||||
		XBlock: defineAsyncComponent(() => import('./page.block.vue')),
 | 
			
		||||
	},
 | 
			
		||||
	props: {
 | 
			
		||||
		block: {
 | 
			
		||||
			type: Object as PropType<SectionBlock>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
		hpml: {
 | 
			
		||||
			type: Object as PropType<Hpml>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
		h: {
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
});
 | 
			
		||||
const XBlock = defineAsyncComponent(() => import('./page.block.vue'));
 | 
			
		||||
 | 
			
		||||
defineProps<{
 | 
			
		||||
	block: SectionBlock,
 | 
			
		||||
	h: number,
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,56 +1,26 @@
 | 
			
		|||
<template>
 | 
			
		||||
<div class="mrdgzndn">
 | 
			
		||||
	<Mfm :key="text" :text="text" :is-note="false" :i="$i"/>
 | 
			
		||||
	<Mfm :text="block.text" :is-note="false" :i="$i"/>
 | 
			
		||||
	<MkUrlPreview v-for="url in urls" :key="url" :url="url" class="url"/>
 | 
			
		||||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineAsyncComponent, defineComponent, PropType } from 'vue';
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { defineAsyncComponent } from 'vue';
 | 
			
		||||
import * as mfm from 'mfm-js';
 | 
			
		||||
import { TextBlock } from '@/scripts/hpml/block';
 | 
			
		||||
import { Hpml } from '@/scripts/hpml/evaluator';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import { TextBlock } from './block.type';
 | 
			
		||||
import { extractUrlFromMfm } from '@/scripts/extract-url-from-mfm';
 | 
			
		||||
import { $i } from '@/account';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
	components: {
 | 
			
		||||
		MkUrlPreview: defineAsyncComponent(() => import('@/components/MkUrlPreview.vue')),
 | 
			
		||||
	},
 | 
			
		||||
	props: {
 | 
			
		||||
		block: {
 | 
			
		||||
			type: Object as PropType<TextBlock>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
		hpml: {
 | 
			
		||||
			type: Object as PropType<Hpml>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
	data() {
 | 
			
		||||
		return {
 | 
			
		||||
			text: this.hpml.interpolate(this.block.text),
 | 
			
		||||
			$i,
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
	computed: {
 | 
			
		||||
		urls(): string[] {
 | 
			
		||||
			if (this.text) {
 | 
			
		||||
				return extractUrlFromMfm(mfm.parse(this.text));
 | 
			
		||||
			} else {
 | 
			
		||||
				return [];
 | 
			
		||||
			}
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
	watch: {
 | 
			
		||||
		'hpml.vars': {
 | 
			
		||||
			handler() {
 | 
			
		||||
				this.text = this.hpml.interpolate(this.block.text);
 | 
			
		||||
			},
 | 
			
		||||
			deep: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
});
 | 
			
		||||
const MkUrlPreview = defineAsyncComponent(() => import('@/components/MkUrlPreview.vue'));
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
	block: TextBlock,
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
 | 
			
		||||
const urls = props.block.text ? extractUrlFromMfm(mfm.parse(props.block.text)) : [];
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,44 +1,17 @@
 | 
			
		|||
<template>
 | 
			
		||||
<div v-if="hpml" class="iroscrza" :class="{ center: page.alignCenter, serif: page.font === 'serif' }">
 | 
			
		||||
	<XBlock v-for="child in page.content" :key="child.id" :block="child" :hpml="hpml" :h="2"/>
 | 
			
		||||
<div class="iroscrza" :class="{ center: page.alignCenter, serif: page.font === 'serif' }">
 | 
			
		||||
	<XBlock v-for="child in page.content" :key="child.id" :block="child" :h="2"/>
 | 
			
		||||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineComponent, onMounted, nextTick, PropType } from 'vue';
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { onMounted, nextTick } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import XBlock from './page.block.vue';
 | 
			
		||||
import { Hpml } from '@/scripts/hpml/evaluator';
 | 
			
		||||
import { url } from '@/config';
 | 
			
		||||
import { $i } from '@/account';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
	components: {
 | 
			
		||||
		XBlock,
 | 
			
		||||
	},
 | 
			
		||||
	props: {
 | 
			
		||||
		page: {
 | 
			
		||||
			type: Object as PropType<Record<string, any>>,
 | 
			
		||||
			required: true,
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
	setup(props, ctx) {
 | 
			
		||||
		const hpml = new Hpml(props.page, {
 | 
			
		||||
			randomSeed: Math.random(),
 | 
			
		||||
			visitor: $i,
 | 
			
		||||
			url: url,
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		onMounted(() => {
 | 
			
		||||
			nextTick(() => {
 | 
			
		||||
				hpml.eval();
 | 
			
		||||
			});
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		return {
 | 
			
		||||
			hpml,
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
});
 | 
			
		||||
defineProps<{
 | 
			
		||||
	page: Misskey.entities.Page,
 | 
			
		||||
}>();
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="scss" scoped>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,109 +0,0 @@
 | 
			
		|||
// blocks
 | 
			
		||||
 | 
			
		||||
export type BlockBase = {
 | 
			
		||||
	id: string;
 | 
			
		||||
	type: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextBlock = BlockBase & {
 | 
			
		||||
	type: 'text';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type SectionBlock = BlockBase & {
 | 
			
		||||
	type: 'section';
 | 
			
		||||
	title: string;
 | 
			
		||||
	children: (Block | VarBlock)[];
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type ImageBlock = BlockBase & {
 | 
			
		||||
	type: 'image';
 | 
			
		||||
	fileId: string | null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type ButtonBlock = BlockBase & {
 | 
			
		||||
	type: 'button';
 | 
			
		||||
	text: any;
 | 
			
		||||
	primary: boolean;
 | 
			
		||||
	action: string;
 | 
			
		||||
	content: string;
 | 
			
		||||
	event: string;
 | 
			
		||||
	message: string;
 | 
			
		||||
	var: string;
 | 
			
		||||
	fn: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type IfBlock = BlockBase & {
 | 
			
		||||
	type: 'if';
 | 
			
		||||
	var: string;
 | 
			
		||||
	children: Block[];
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextareaBlock = BlockBase & {
 | 
			
		||||
	type: 'textarea';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type PostBlock = BlockBase & {
 | 
			
		||||
	type: 'post';
 | 
			
		||||
	text: string;
 | 
			
		||||
	attachCanvasImage: boolean;
 | 
			
		||||
	canvasId: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type CanvasBlock = BlockBase & {
 | 
			
		||||
	type: 'canvas';
 | 
			
		||||
	name: string; // canvas id
 | 
			
		||||
	width: number;
 | 
			
		||||
	height: number;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type NoteBlock = BlockBase & {
 | 
			
		||||
	type: 'note';
 | 
			
		||||
	detailed: boolean;
 | 
			
		||||
	note: string | null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type Block =
 | 
			
		||||
	TextBlock | SectionBlock | ImageBlock | ButtonBlock | IfBlock | TextareaBlock | PostBlock | CanvasBlock | NoteBlock | VarBlock;
 | 
			
		||||
 | 
			
		||||
// variable blocks
 | 
			
		||||
 | 
			
		||||
export type VarBlockBase = BlockBase & {
 | 
			
		||||
	name: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type NumberInputVarBlock = VarBlockBase & {
 | 
			
		||||
	type: 'numberInput';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextInputVarBlock = VarBlockBase & {
 | 
			
		||||
	type: 'textInput';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type SwitchVarBlock = VarBlockBase & {
 | 
			
		||||
	type: 'switch';
 | 
			
		||||
	text: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type RadioButtonVarBlock = VarBlockBase & {
 | 
			
		||||
	type: 'radioButton';
 | 
			
		||||
	title: string;
 | 
			
		||||
	values: string[];
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type CounterVarBlock = VarBlockBase & {
 | 
			
		||||
	type: 'counter';
 | 
			
		||||
	text: string;
 | 
			
		||||
	inc: number;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type VarBlock =
 | 
			
		||||
	NumberInputVarBlock | TextInputVarBlock | SwitchVarBlock | RadioButtonVarBlock | CounterVarBlock;
 | 
			
		||||
 | 
			
		||||
const varBlock = ['numberInput', 'textInput', 'switch', 'radioButton', 'counter'];
 | 
			
		||||
export function isVarBlock(block: Block): block is VarBlock {
 | 
			
		||||
	return varBlock.includes(block.type);
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1,171 +0,0 @@
 | 
			
		|||
import { ref, Ref, unref } from 'vue';
 | 
			
		||||
import { collectPageVars } from '../collect-page-vars';
 | 
			
		||||
import { initHpmlLib } from './lib';
 | 
			
		||||
import { Expr, isLiteralValue, Variable } from './expr';
 | 
			
		||||
import { PageVar, envVarsDef, Fn, HpmlScope, HpmlError } from '.';
 | 
			
		||||
import { version } from '@/config';
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Hpml evaluator
 | 
			
		||||
 */
 | 
			
		||||
export class Hpml {
 | 
			
		||||
	private variables: Variable[];
 | 
			
		||||
	private pageVars: PageVar[];
 | 
			
		||||
	private envVars: Record<keyof typeof envVarsDef, any>;
 | 
			
		||||
	public pageVarUpdatedCallback?: values.VFn;
 | 
			
		||||
	public canvases: Record<string, HTMLCanvasElement> = {};
 | 
			
		||||
	public vars: Ref<Record<string, any>> = ref({});
 | 
			
		||||
	public page: Record<string, any>;
 | 
			
		||||
 | 
			
		||||
	private opts: {
 | 
			
		||||
		randomSeed: string; visitor?: any; url?: string;
 | 
			
		||||
	};
 | 
			
		||||
 | 
			
		||||
	constructor(page: Hpml['page'], opts: Hpml['opts']) {
 | 
			
		||||
		this.page = page;
 | 
			
		||||
		this.variables = this.page.variables;
 | 
			
		||||
		this.pageVars = collectPageVars(this.page.content);
 | 
			
		||||
		this.opts = opts;
 | 
			
		||||
 | 
			
		||||
		const date = new Date();
 | 
			
		||||
 | 
			
		||||
		this.envVars = {
 | 
			
		||||
			AI: 'kawaii',
 | 
			
		||||
			VERSION: version,
 | 
			
		||||
			URL: this.page ? `${opts.url}/@${this.page.user.username}/pages/${this.page.name}` : '',
 | 
			
		||||
			LOGIN: opts.visitor != null,
 | 
			
		||||
			NAME: opts.visitor ? opts.visitor.name || opts.visitor.username : '',
 | 
			
		||||
			USERNAME: opts.visitor ? opts.visitor.username : '',
 | 
			
		||||
			USERID: opts.visitor ? opts.visitor.id : '',
 | 
			
		||||
			NOTES_COUNT: opts.visitor ? opts.visitor.notesCount : 0,
 | 
			
		||||
			FOLLOWERS_COUNT: opts.visitor ? opts.visitor.followersCount : 0,
 | 
			
		||||
			FOLLOWING_COUNT: opts.visitor ? opts.visitor.followingCount : 0,
 | 
			
		||||
			IS_CAT: opts.visitor ? opts.visitor.isCat : false,
 | 
			
		||||
			SEED: opts.randomSeed ? opts.randomSeed : '',
 | 
			
		||||
			YMD: `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`,
 | 
			
		||||
			AISCRIPT_DISABLED: true,
 | 
			
		||||
			NULL: null,
 | 
			
		||||
		};
 | 
			
		||||
 | 
			
		||||
		this.eval();
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public eval() {
 | 
			
		||||
		try {
 | 
			
		||||
			this.vars.value = this.evaluateVars();
 | 
			
		||||
		} catch (err) {
 | 
			
		||||
			//this.onError(e);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public interpolate(str: string) {
 | 
			
		||||
		if (str == null) return null;
 | 
			
		||||
		return str.replace(/{(.+?)}/g, match => {
 | 
			
		||||
			const v = unref(this.vars)[match.slice(1, -1).trim()];
 | 
			
		||||
			return v == null ? 'NULL' : v.toString();
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public registerCanvas(id: string, canvas: any) {
 | 
			
		||||
		this.canvases[id] = canvas;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public updatePageVar(name: string, value: any) {
 | 
			
		||||
		const pageVar = this.pageVars.find(v => v.name === name);
 | 
			
		||||
		if (pageVar !== undefined) {
 | 
			
		||||
			pageVar.value = value;
 | 
			
		||||
		} else {
 | 
			
		||||
			throw new HpmlError(`No such page var '${name}'`);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public updateRandomSeed(seed: string) {
 | 
			
		||||
		this.opts.randomSeed = seed;
 | 
			
		||||
		this.envVars.SEED = seed;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	private _interpolateScope(str: string, scope: HpmlScope) {
 | 
			
		||||
		return str.replace(/{(.+?)}/g, match => {
 | 
			
		||||
			const v = scope.getState(match.slice(1, -1).trim());
 | 
			
		||||
			return v == null ? 'NULL' : v.toString();
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public evaluateVars(): Record<string, any> {
 | 
			
		||||
		const values: Record<string, any> = {};
 | 
			
		||||
 | 
			
		||||
		for (const [k, v] of Object.entries(this.envVars)) {
 | 
			
		||||
			values[k] = v;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		for (const v of this.pageVars) {
 | 
			
		||||
			values[v.name] = v.value;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		for (const v of this.variables) {
 | 
			
		||||
			values[v.name] = this.evaluate(v, new HpmlScope([values]));
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		return values;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	private evaluate(expr: Expr, scope: HpmlScope): any {
 | 
			
		||||
		if (isLiteralValue(expr)) {
 | 
			
		||||
			if (expr.type === null) {
 | 
			
		||||
				return null;
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			if (expr.type === 'number') {
 | 
			
		||||
				return parseInt((expr.value as any), 10);
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			if (expr.type === 'text' || expr.type === 'multiLineText') {
 | 
			
		||||
				return this._interpolateScope(expr.value || '', scope);
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			if (expr.type === 'textList') {
 | 
			
		||||
				return this._interpolateScope(expr.value || '', scope).trim().split('\n');
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			if (expr.type === 'ref') {
 | 
			
		||||
				return scope.getState(expr.value);
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			// Define user function
 | 
			
		||||
			if (expr.type === 'fn') {
 | 
			
		||||
				return {
 | 
			
		||||
					slots: expr.value.slots.map(x => x.name),
 | 
			
		||||
					exec: (slotArg: Record<string, any>) => {
 | 
			
		||||
						return this.evaluate(expr.value.expression, scope.createChildScope(slotArg, expr.id));
 | 
			
		||||
					},
 | 
			
		||||
				} as Fn;
 | 
			
		||||
			}
 | 
			
		||||
			return;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		// Call user function
 | 
			
		||||
		if (expr.type.startsWith('fn:')) {
 | 
			
		||||
			const fnName = expr.type.split(':')[1];
 | 
			
		||||
			const fn = scope.getState(fnName);
 | 
			
		||||
			const args = {} as Record<string, any>;
 | 
			
		||||
			for (let i = 0; i < fn.slots.length; i++) {
 | 
			
		||||
				const name = fn.slots[i];
 | 
			
		||||
				args[name] = this.evaluate(expr.args[i], scope);
 | 
			
		||||
			}
 | 
			
		||||
			return fn.exec(args);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		if (expr.args === undefined) return null;
 | 
			
		||||
 | 
			
		||||
		const funcs = initHpmlLib(expr, scope, this.opts.randomSeed, this.opts.visitor);
 | 
			
		||||
 | 
			
		||||
		// Call function
 | 
			
		||||
		const fnName = expr.type;
 | 
			
		||||
		const fn = (funcs as any)[fnName];
 | 
			
		||||
		if (fn == null) {
 | 
			
		||||
			throw new HpmlError(`No such function '${fnName}'`);
 | 
			
		||||
		} else {
 | 
			
		||||
			return fn(...expr.args.map(x => this.evaluate(x, scope)));
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1,79 +0,0 @@
 | 
			
		|||
import { literalDefs, Type } from '.';
 | 
			
		||||
 | 
			
		||||
export type ExprBase = {
 | 
			
		||||
	id: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
// value
 | 
			
		||||
 | 
			
		||||
export type EmptyValue = ExprBase & {
 | 
			
		||||
	type: null;
 | 
			
		||||
	value: null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextValue = ExprBase & {
 | 
			
		||||
	type: 'text';
 | 
			
		||||
	value: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type MultiLineTextValue = ExprBase & {
 | 
			
		||||
	type: 'multiLineText';
 | 
			
		||||
	value: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type TextListValue = ExprBase & {
 | 
			
		||||
	type: 'textList';
 | 
			
		||||
	value: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type NumberValue = ExprBase & {
 | 
			
		||||
	type: 'number';
 | 
			
		||||
	value: number;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type RefValue = ExprBase & {
 | 
			
		||||
	type: 'ref';
 | 
			
		||||
	value: string; // value is variable name
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type AiScriptRefValue = ExprBase & {
 | 
			
		||||
	type: 'aiScriptVar';
 | 
			
		||||
	value: string; // value is variable name
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type UserFnValue = ExprBase & {
 | 
			
		||||
	type: 'fn';
 | 
			
		||||
	value: UserFnInnerValue;
 | 
			
		||||
};
 | 
			
		||||
type UserFnInnerValue = {
 | 
			
		||||
	slots: {
 | 
			
		||||
		name: string;
 | 
			
		||||
		type: Type;
 | 
			
		||||
	}[];
 | 
			
		||||
	expression: Expr;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type Value =
 | 
			
		||||
	EmptyValue | TextValue | MultiLineTextValue | TextListValue | NumberValue | RefValue | AiScriptRefValue | UserFnValue;
 | 
			
		||||
 | 
			
		||||
export function isLiteralValue(expr: Expr): expr is Value {
 | 
			
		||||
	if (expr.type == null) return true;
 | 
			
		||||
	if (literalDefs[expr.type]) return true;
 | 
			
		||||
	return false;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// call function
 | 
			
		||||
 | 
			
		||||
export type CallFn = ExprBase & { // "fn:hoge" or string
 | 
			
		||||
	type: string;
 | 
			
		||||
	args: Expr[];
 | 
			
		||||
	value: null;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
// variable
 | 
			
		||||
export type Variable = (Value | CallFn) & {
 | 
			
		||||
	name: string;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
// expression
 | 
			
		||||
export type Expr = Variable | Value | CallFn;
 | 
			
		||||
| 
						 | 
				
			
			@ -1,100 +0,0 @@
 | 
			
		|||
/**
 | 
			
		||||
 * Hpml
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
import { Hpml } from './evaluator';
 | 
			
		||||
import { funcDefs } from './lib';
 | 
			
		||||
 | 
			
		||||
export type Fn = {
 | 
			
		||||
	slots: string[];
 | 
			
		||||
	exec: (args: Record<string, any>) => ReturnType<Hpml['evaluate']>;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type Type = 'string' | 'number' | 'boolean' | 'stringArray' | null;
 | 
			
		||||
 | 
			
		||||
export const literalDefs: Record<string, { out: any; category: string; icon: any; }> = {
 | 
			
		||||
	text: { out: 'string', category: 'value', icon: 'ti ti-quote' },
 | 
			
		||||
	multiLineText: { out: 'string', category: 'value', icon: 'ti ti-align-left' },
 | 
			
		||||
	textList: { out: 'stringArray', category: 'value', icon: 'ti ti-list' },
 | 
			
		||||
	number: { out: 'number', category: 'value', icon: 'ti ti-list-numbers' },
 | 
			
		||||
	ref: { out: null, category: 'value', icon: 'ti ti-wand' },
 | 
			
		||||
	aiScriptVar: { out: null, category: 'value', icon: 'ti ti-wand' },
 | 
			
		||||
	fn: { out: 'function', category: 'value', icon: 'ti ti-math-function' },
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export const blockDefs = [
 | 
			
		||||
	...Object.entries(literalDefs).map(([k, v]) => ({
 | 
			
		||||
		type: k, out: v.out, category: v.category, icon: v.icon,
 | 
			
		||||
	})),
 | 
			
		||||
	...Object.entries(funcDefs).map(([k, v]) => ({
 | 
			
		||||
		type: k, out: v.out, category: v.category, icon: v.icon,
 | 
			
		||||
	})),
 | 
			
		||||
];
 | 
			
		||||
 | 
			
		||||
export type PageVar = { name: string; value: any; type: Type; };
 | 
			
		||||
 | 
			
		||||
export const envVarsDef: Record<string, Type> = {
 | 
			
		||||
	AI: 'string',
 | 
			
		||||
	URL: 'string',
 | 
			
		||||
	VERSION: 'string',
 | 
			
		||||
	LOGIN: 'boolean',
 | 
			
		||||
	NAME: 'string',
 | 
			
		||||
	USERNAME: 'string',
 | 
			
		||||
	USERID: 'string',
 | 
			
		||||
	NOTES_COUNT: 'number',
 | 
			
		||||
	FOLLOWERS_COUNT: 'number',
 | 
			
		||||
	FOLLOWING_COUNT: 'number',
 | 
			
		||||
	IS_CAT: 'boolean',
 | 
			
		||||
	SEED: null,
 | 
			
		||||
	YMD: 'string',
 | 
			
		||||
	AISCRIPT_DISABLED: 'boolean',
 | 
			
		||||
	NULL: null,
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export class HpmlScope {
 | 
			
		||||
	private layerdStates: Record<string, any>[];
 | 
			
		||||
	public name: string;
 | 
			
		||||
 | 
			
		||||
	constructor(layerdStates: HpmlScope['layerdStates'], name?: HpmlScope['name']) {
 | 
			
		||||
		this.layerdStates = layerdStates;
 | 
			
		||||
		this.name = name ?? 'anonymous';
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public createChildScope(states: Record<string, any>, name?: HpmlScope['name']): HpmlScope {
 | 
			
		||||
		const layer = [states, ...this.layerdStates];
 | 
			
		||||
		return new HpmlScope(layer, name);
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	/**
 | 
			
		||||
	 * 指定した名前の変数の値を取得します
 | 
			
		||||
	 * @param name 変数名
 | 
			
		||||
	 */
 | 
			
		||||
	public getState(name: string): any {
 | 
			
		||||
		for (const later of this.layerdStates) {
 | 
			
		||||
			const state = later[name];
 | 
			
		||||
			if (state !== undefined) {
 | 
			
		||||
				return state;
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		throw new HpmlError(
 | 
			
		||||
			`No such variable '${name}' in scope '${this.name}'`, {
 | 
			
		||||
				scope: this.layerdStates,
 | 
			
		||||
			});
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export class HpmlError extends Error {
 | 
			
		||||
	public info?: any;
 | 
			
		||||
 | 
			
		||||
	constructor(message: string, info?: any) {
 | 
			
		||||
		super(message);
 | 
			
		||||
 | 
			
		||||
		this.info = info;
 | 
			
		||||
 | 
			
		||||
		// Maintains proper stack trace for where our error was thrown (only available on V8)
 | 
			
		||||
		if (Error.captureStackTrace) {
 | 
			
		||||
			Error.captureStackTrace(this, HpmlError);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1,245 +0,0 @@
 | 
			
		|||
import seedrandom from 'seedrandom';
 | 
			
		||||
import { Hpml } from './evaluator';
 | 
			
		||||
import { Expr } from './expr';
 | 
			
		||||
import { Fn, HpmlScope } from '.';
 | 
			
		||||
 | 
			
		||||
/* TODO: https://www.chartjs.org/docs/latest/configuration/canvas-background.html#color
 | 
			
		||||
// https://stackoverflow.com/questions/38493564/chart-area-background-color-chartjs
 | 
			
		||||
Chart.pluginService.register({
 | 
			
		||||
	beforeDraw: (chart, easing) => {
 | 
			
		||||
		if (chart.config.options.chartArea && chart.config.options.chartArea.backgroundColor) {
 | 
			
		||||
			const ctx = chart.chart.ctx;
 | 
			
		||||
			ctx.save();
 | 
			
		||||
			ctx.fillStyle = chart.config.options.chartArea.backgroundColor;
 | 
			
		||||
			ctx.fillRect(0, 0, chart.chart.width, chart.chart.height);
 | 
			
		||||
			ctx.restore();
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
});
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
export function initAiLib(hpml: Hpml) {
 | 
			
		||||
	return {
 | 
			
		||||
		'MkPages:updated': values.FN_NATIVE(([callback]) => {
 | 
			
		||||
			hpml.pageVarUpdatedCallback = (callback as values.VFn);
 | 
			
		||||
		}),
 | 
			
		||||
		'MkPages:get_canvas': values.FN_NATIVE(([id]) => {
 | 
			
		||||
			utils.assertString(id);
 | 
			
		||||
			const canvas = hpml.canvases[id.value];
 | 
			
		||||
			const ctx = canvas.getContext('2d');
 | 
			
		||||
			return values.OBJ(new Map([
 | 
			
		||||
				['clear_rect', values.FN_NATIVE(([x, y, width, height]) => { ctx.clearRect(x.value, y.value, width.value, height.value); })],
 | 
			
		||||
				['fill_rect', values.FN_NATIVE(([x, y, width, height]) => { ctx.fillRect(x.value, y.value, width.value, height.value); })],
 | 
			
		||||
				['stroke_rect', values.FN_NATIVE(([x, y, width, height]) => { ctx.strokeRect(x.value, y.value, width.value, height.value); })],
 | 
			
		||||
				['fill_text', values.FN_NATIVE(([text, x, y, width]) => { ctx.fillText(text.value, x.value, y.value, width ? width.value : undefined); })],
 | 
			
		||||
				['stroke_text', values.FN_NATIVE(([text, x, y, width]) => { ctx.strokeText(text.value, x.value, y.value, width ? width.value : undefined); })],
 | 
			
		||||
				['set_line_width', values.FN_NATIVE(([width]) => { ctx.lineWidth = width.value; })],
 | 
			
		||||
				['set_font', values.FN_NATIVE(([font]) => { ctx.font = font.value; })],
 | 
			
		||||
				['set_fill_style', values.FN_NATIVE(([style]) => { ctx.fillStyle = style.value; })],
 | 
			
		||||
				['set_stroke_style', values.FN_NATIVE(([style]) => { ctx.strokeStyle = style.value; })],
 | 
			
		||||
				['begin_path', values.FN_NATIVE(() => { ctx.beginPath(); })],
 | 
			
		||||
				['close_path', values.FN_NATIVE(() => { ctx.closePath(); })],
 | 
			
		||||
				['move_to', values.FN_NATIVE(([x, y]) => { ctx.moveTo(x.value, y.value); })],
 | 
			
		||||
				['line_to', values.FN_NATIVE(([x, y]) => { ctx.lineTo(x.value, y.value); })],
 | 
			
		||||
				['arc', values.FN_NATIVE(([x, y, radius, startAngle, endAngle]) => { ctx.arc(x.value, y.value, radius.value, startAngle.value, endAngle.value); })],
 | 
			
		||||
				['rect', values.FN_NATIVE(([x, y, width, height]) => { ctx.rect(x.value, y.value, width.value, height.value); })],
 | 
			
		||||
				['fill', values.FN_NATIVE(() => { ctx.fill(); })],
 | 
			
		||||
				['stroke', values.FN_NATIVE(() => { ctx.stroke(); })],
 | 
			
		||||
			]));
 | 
			
		||||
		}),
 | 
			
		||||
		'MkPages:chart': values.FN_NATIVE(([id, opts]) => {
 | 
			
		||||
			/* TODO
 | 
			
		||||
			utils.assertString(id);
 | 
			
		||||
			utils.assertObject(opts);
 | 
			
		||||
			const canvas = hpml.canvases[id.value];
 | 
			
		||||
			const color = getComputedStyle(document.documentElement).getPropertyValue('--accent');
 | 
			
		||||
			Chart.defaults.color = '#555';
 | 
			
		||||
			const chart = new Chart(canvas, {
 | 
			
		||||
				type: opts.value.get('type').value,
 | 
			
		||||
				data: {
 | 
			
		||||
					labels: opts.value.get('labels').value.map(x => x.value),
 | 
			
		||||
					datasets: opts.value.get('datasets').value.map(x => ({
 | 
			
		||||
						label: x.value.has('label') ? x.value.get('label').value : '',
 | 
			
		||||
						data: x.value.get('data').value.map(x => x.value),
 | 
			
		||||
						pointRadius: 0,
 | 
			
		||||
						lineTension: 0,
 | 
			
		||||
						borderWidth: 2,
 | 
			
		||||
						borderColor: x.value.has('color') ? x.value.get('color') : color,
 | 
			
		||||
						backgroundColor: tinycolor(x.value.has('color') ? x.value.get('color') : color).setAlpha(0.1).toRgbString(),
 | 
			
		||||
					}))
 | 
			
		||||
				},
 | 
			
		||||
				options: {
 | 
			
		||||
					responsive: false,
 | 
			
		||||
					devicePixelRatio: 1.5,
 | 
			
		||||
					title: {
 | 
			
		||||
						display: opts.value.has('title'),
 | 
			
		||||
						text: opts.value.has('title') ? opts.value.get('title').value : '',
 | 
			
		||||
						fontSize: 14,
 | 
			
		||||
					},
 | 
			
		||||
					layout: {
 | 
			
		||||
						padding: {
 | 
			
		||||
							left: 32,
 | 
			
		||||
							right: 32,
 | 
			
		||||
							top: opts.value.has('title') ? 16 : 32,
 | 
			
		||||
							bottom: 16
 | 
			
		||||
						}
 | 
			
		||||
					},
 | 
			
		||||
					legend: {
 | 
			
		||||
						display: opts.value.get('datasets').value.filter(x => x.value.has('label') && x.value.get('label').value).length === 0 ? false : true,
 | 
			
		||||
						position: 'bottom',
 | 
			
		||||
						labels: {
 | 
			
		||||
							boxWidth: 16,
 | 
			
		||||
						}
 | 
			
		||||
					},
 | 
			
		||||
					tooltips: {
 | 
			
		||||
						enabled: false,
 | 
			
		||||
					},
 | 
			
		||||
					chartArea: {
 | 
			
		||||
						backgroundColor: '#fff'
 | 
			
		||||
					},
 | 
			
		||||
					...(opts.value.get('type').value === 'radar' ? {
 | 
			
		||||
						scale: {
 | 
			
		||||
							ticks: {
 | 
			
		||||
								display: opts.value.has('show_tick_label') ? opts.value.get('show_tick_label').value : false,
 | 
			
		||||
								min: opts.value.has('min') ? opts.value.get('min').value : undefined,
 | 
			
		||||
								max: opts.value.has('max') ? opts.value.get('max').value : undefined,
 | 
			
		||||
								maxTicksLimit: 8,
 | 
			
		||||
							},
 | 
			
		||||
							pointLabels: {
 | 
			
		||||
								fontSize: 12
 | 
			
		||||
							}
 | 
			
		||||
						}
 | 
			
		||||
					} : {
 | 
			
		||||
						scales: {
 | 
			
		||||
							yAxes: [{
 | 
			
		||||
								ticks: {
 | 
			
		||||
									display: opts.value.has('show_tick_label') ? opts.value.get('show_tick_label').value : true,
 | 
			
		||||
									min: opts.value.has('min') ? opts.value.get('min').value : undefined,
 | 
			
		||||
									max: opts.value.has('max') ? opts.value.get('max').value : undefined,
 | 
			
		||||
								}
 | 
			
		||||
							}]
 | 
			
		||||
						}
 | 
			
		||||
					})
 | 
			
		||||
				}
 | 
			
		||||
			});
 | 
			
		||||
			*/
 | 
			
		||||
		}),
 | 
			
		||||
	};
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export const funcDefs: Record<string, { in: any[]; out: any; category: string; icon: any; }> = {
 | 
			
		||||
	if: { in: ['boolean', 0, 0], out: 0, category: 'flow', icon: 'ti ti-share' },
 | 
			
		||||
	for: { in: ['number', 'function'], out: null, category: 'flow', icon: 'ti ti-recycle' },
 | 
			
		||||
	not: { in: ['boolean'], out: 'boolean', category: 'logical', icon: 'ti ti-flag' },
 | 
			
		||||
	or: { in: ['boolean', 'boolean'], out: 'boolean', category: 'logical', icon: 'ti ti-flag' },
 | 
			
		||||
	and: { in: ['boolean', 'boolean'], out: 'boolean', category: 'logical', icon: 'ti ti-flag' },
 | 
			
		||||
	add: { in: ['number', 'number'], out: 'number', category: 'operation', icon: 'ti ti-plus' },
 | 
			
		||||
	subtract: { in: ['number', 'number'], out: 'number', category: 'operation', icon: 'ti ti-minus' },
 | 
			
		||||
	multiply: { in: ['number', 'number'], out: 'number', category: 'operation', icon: 'ti ti-x' },
 | 
			
		||||
	divide: { in: ['number', 'number'], out: 'number', category: 'operation', icon: 'ti ti-divide' },
 | 
			
		||||
	mod: { in: ['number', 'number'], out: 'number', category: 'operation', icon: 'ti ti-divide' },
 | 
			
		||||
	round: { in: ['number'], out: 'number', category: 'operation', icon: 'ti ti-calculator' },
 | 
			
		||||
	eq: { in: [0, 0], out: 'boolean', category: 'comparison', icon: 'ti ti-equal' },
 | 
			
		||||
	notEq: { in: [0, 0], out: 'boolean', category: 'comparison', icon: 'ti ti-equal-not' },
 | 
			
		||||
	gt: { in: ['number', 'number'], out: 'boolean', category: 'comparison', icon: 'ti ti-math-greater' },
 | 
			
		||||
	lt: { in: ['number', 'number'], out: 'boolean', category: 'comparison', icon: 'ti ti-math-lower' },
 | 
			
		||||
	gtEq: { in: ['number', 'number'], out: 'boolean', category: 'comparison', icon: 'ti ti-math-equal-greater' },
 | 
			
		||||
	ltEq: { in: ['number', 'number'], out: 'boolean', category: 'comparison', icon: 'ti ti-math-equal-lower' },
 | 
			
		||||
	strLen: { in: ['string'], out: 'number', category: 'text', icon: 'ti ti-quote' },
 | 
			
		||||
	strPick: { in: ['string', 'number'], out: 'string', category: 'text', icon: 'ti ti-quote' },
 | 
			
		||||
	strReplace: { in: ['string', 'string', 'string'], out: 'string', category: 'text', icon: 'ti ti-quote' },
 | 
			
		||||
	strReverse: { in: ['string'], out: 'string', category: 'text', icon: 'ti ti-quote' },
 | 
			
		||||
	join: { in: ['stringArray', 'string'], out: 'string', category: 'text', icon: 'ti ti-quote' },
 | 
			
		||||
	stringToNumber: { in: ['string'], out: 'number', category: 'convert', icon: 'ti ti-arrows-right-left' },
 | 
			
		||||
	numberToString: { in: ['number'], out: 'string', category: 'convert', icon: 'ti ti-arrows-right-left' },
 | 
			
		||||
	splitStrByLine: { in: ['string'], out: 'stringArray', category: 'convert', icon: 'ti ti-arrows-right-left' },
 | 
			
		||||
	pick: { in: [null, 'number'], out: null, category: 'list', icon: 'ti ti-indent-increase' },
 | 
			
		||||
	listLen: { in: [null], out: 'number', category: 'list', icon: 'ti ti-indent-increase' },
 | 
			
		||||
	rannum: { in: ['number', 'number'], out: 'number', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	dailyRannum: { in: ['number', 'number'], out: 'number', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	seedRannum: { in: [null, 'number', 'number'], out: 'number', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	random: { in: ['number'], out: 'boolean', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	dailyRandom: { in: ['number'], out: 'boolean', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	seedRandom: { in: [null, 'number'], out: 'boolean', category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	randomPick: { in: [0], out: 0, category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	dailyRandomPick: { in: [0], out: 0, category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	seedRandomPick: { in: [null, 0], out: 0, category: 'random', icon: 'ti ti-dice' },
 | 
			
		||||
	DRPWPM: { in: ['stringArray'], out: 'string', category: 'random', icon: 'ti ti-dice' }, // dailyRandomPickWithProbabilityMapping
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export function initHpmlLib(expr: Expr, scope: HpmlScope, randomSeed: string, visitor?: any) {
 | 
			
		||||
	const date = new Date();
 | 
			
		||||
	const day = `${visitor ? visitor.id : ''} ${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
 | 
			
		||||
 | 
			
		||||
	// SHOULD be fine to ignore since it's intended + function shape isn't defined
 | 
			
		||||
	// eslint-disable-next-line @typescript-eslint/ban-types
 | 
			
		||||
	const funcs: Record<string, Function> = {
 | 
			
		||||
		not: (a: boolean) => !a,
 | 
			
		||||
		or: (a: boolean, b: boolean) => a || b,
 | 
			
		||||
		and: (a: boolean, b: boolean) => a && b,
 | 
			
		||||
		eq: (a: any, b: any) => a === b,
 | 
			
		||||
		notEq: (a: any, b: any) => a !== b,
 | 
			
		||||
		gt: (a: number, b: number) => a > b,
 | 
			
		||||
		lt: (a: number, b: number) => a < b,
 | 
			
		||||
		gtEq: (a: number, b: number) => a >= b,
 | 
			
		||||
		ltEq: (a: number, b: number) => a <= b,
 | 
			
		||||
		if: (bool: boolean, a: any, b: any) => bool ? a : b,
 | 
			
		||||
		for: (times: number, fn: Fn) => {
 | 
			
		||||
			const result: any[] = [];
 | 
			
		||||
			for (let i = 0; i < times; i++) {
 | 
			
		||||
				result.push(fn.exec({
 | 
			
		||||
					[fn.slots[0]]: i + 1,
 | 
			
		||||
				}));
 | 
			
		||||
			}
 | 
			
		||||
			return result;
 | 
			
		||||
		},
 | 
			
		||||
		add: (a: number, b: number) => a + b,
 | 
			
		||||
		subtract: (a: number, b: number) => a - b,
 | 
			
		||||
		multiply: (a: number, b: number) => a * b,
 | 
			
		||||
		divide: (a: number, b: number) => a / b,
 | 
			
		||||
		mod: (a: number, b: number) => a % b,
 | 
			
		||||
		round: (a: number) => Math.round(a),
 | 
			
		||||
		strLen: (a: string) => a.length,
 | 
			
		||||
		strPick: (a: string, b: number) => a[b - 1],
 | 
			
		||||
		strReplace: (a: string, b: string, c: string) => a.split(b).join(c),
 | 
			
		||||
		strReverse: (a: string) => a.split('').reverse().join(''),
 | 
			
		||||
		join: (texts: string[], separator: string) => texts.join(separator || ''),
 | 
			
		||||
		stringToNumber: (a: string) => parseInt(a),
 | 
			
		||||
		numberToString: (a: number) => a.toString(),
 | 
			
		||||
		splitStrByLine: (a: string) => a.split('\n'),
 | 
			
		||||
		pick: (list: any[], i: number) => list[i - 1],
 | 
			
		||||
		listLen: (list: any[]) => list.length,
 | 
			
		||||
		random: (probability: number) => Math.floor(seedrandom(`${randomSeed}:${expr.id}`)() * 100) < probability,
 | 
			
		||||
		rannum: (min: number, max: number) => min + Math.floor(seedrandom(`${randomSeed}:${expr.id}`)() * (max - min + 1)),
 | 
			
		||||
		randomPick: (list: any[]) => list[Math.floor(seedrandom(`${randomSeed}:${expr.id}`)() * list.length)],
 | 
			
		||||
		dailyRandom: (probability: number) => Math.floor(seedrandom(`${day}:${expr.id}`)() * 100) < probability,
 | 
			
		||||
		dailyRannum: (min: number, max: number) => min + Math.floor(seedrandom(`${day}:${expr.id}`)() * (max - min + 1)),
 | 
			
		||||
		dailyRandomPick: (list: any[]) => list[Math.floor(seedrandom(`${day}:${expr.id}`)() * list.length)],
 | 
			
		||||
		seedRandom: (seed: any, probability: number) => Math.floor(seedrandom(seed)() * 100) < probability,
 | 
			
		||||
		seedRannum: (seed: any, min: number, max: number) => min + Math.floor(seedrandom(seed)() * (max - min + 1)),
 | 
			
		||||
		seedRandomPick: (seed: any, list: any[]) => list[Math.floor(seedrandom(seed)() * list.length)],
 | 
			
		||||
		DRPWPM: (list: string[]) => {
 | 
			
		||||
			const xs: any[] = [];
 | 
			
		||||
			let totalFactor = 0;
 | 
			
		||||
			for (const x of list) {
 | 
			
		||||
				const parts = x.split(' ');
 | 
			
		||||
				const factor = parseInt(parts.pop()!, 10);
 | 
			
		||||
				const text = parts.join(' ');
 | 
			
		||||
				totalFactor += factor;
 | 
			
		||||
				xs.push({ factor, text });
 | 
			
		||||
			}
 | 
			
		||||
			const r = seedrandom(`${day}:${expr.id}`)() * totalFactor;
 | 
			
		||||
			let stackedFactor = 0;
 | 
			
		||||
			for (const x of xs) {
 | 
			
		||||
				if (r >= stackedFactor && r <= stackedFactor + x.factor) {
 | 
			
		||||
					return x.text;
 | 
			
		||||
				} else {
 | 
			
		||||
					stackedFactor += x.factor;
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
			return xs[0].text;
 | 
			
		||||
		},
 | 
			
		||||
	};
 | 
			
		||||
 | 
			
		||||
	return funcs;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1,182 +0,0 @@
 | 
			
		|||
import { isLiteralValue } from './expr';
 | 
			
		||||
import { funcDefs } from './lib';
 | 
			
		||||
import { envVarsDef } from '.';
 | 
			
		||||
import type { Type, PageVar } from '.';
 | 
			
		||||
import type { Expr, Variable } from './expr';
 | 
			
		||||
 | 
			
		||||
type TypeError = {
 | 
			
		||||
	arg: number;
 | 
			
		||||
	expect: Type;
 | 
			
		||||
	actual: Type;
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
/**
 | 
			
		||||
 * Hpml type checker
 | 
			
		||||
 */
 | 
			
		||||
export class HpmlTypeChecker {
 | 
			
		||||
	public variables: Variable[];
 | 
			
		||||
	public pageVars: PageVar[];
 | 
			
		||||
 | 
			
		||||
	constructor(variables: HpmlTypeChecker['variables'] = [], pageVars: HpmlTypeChecker['pageVars'] = []) {
 | 
			
		||||
		this.variables = variables;
 | 
			
		||||
		this.pageVars = pageVars;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public typeCheck(v: Expr): TypeError | null {
 | 
			
		||||
		if (isLiteralValue(v)) return null;
 | 
			
		||||
 | 
			
		||||
		const def = funcDefs[v.type || ''];
 | 
			
		||||
		if (def == null) {
 | 
			
		||||
			throw new Error('Unknown type: ' + v.type);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		const generic: Type[] = [];
 | 
			
		||||
 | 
			
		||||
		for (let i = 0; i < def.in.length; i++) {
 | 
			
		||||
			const arg = def.in[i];
 | 
			
		||||
			const type = this.infer(v.args[i]);
 | 
			
		||||
			if (type === null) continue;
 | 
			
		||||
 | 
			
		||||
			if (typeof arg === 'number') {
 | 
			
		||||
				if (generic[arg] === undefined) {
 | 
			
		||||
					generic[arg] = type;
 | 
			
		||||
				} else if (type !== generic[arg]) {
 | 
			
		||||
					return {
 | 
			
		||||
						arg: i,
 | 
			
		||||
						expect: generic[arg],
 | 
			
		||||
						actual: type,
 | 
			
		||||
					};
 | 
			
		||||
				}
 | 
			
		||||
			} else if (type !== arg) {
 | 
			
		||||
				return {
 | 
			
		||||
					arg: i,
 | 
			
		||||
					expect: arg,
 | 
			
		||||
					actual: type,
 | 
			
		||||
				};
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		return null;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public getExpectedType(v: Expr, slot: number): Type {
 | 
			
		||||
		const def = funcDefs[v.type ?? ''];
 | 
			
		||||
		if (def == null) {
 | 
			
		||||
			throw new Error('Unknown type: ' + v.type);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		const generic: Type[] = [];
 | 
			
		||||
 | 
			
		||||
		for (let i = 0; i < def.in.length; i++) {
 | 
			
		||||
			const arg = def.in[i];
 | 
			
		||||
			const type = this.infer(v.args[i]);
 | 
			
		||||
			if (type === null) continue;
 | 
			
		||||
 | 
			
		||||
			if (typeof arg === 'number') {
 | 
			
		||||
				if (generic[arg] === undefined) {
 | 
			
		||||
					generic[arg] = type;
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		if (typeof def.in[slot] === 'number') {
 | 
			
		||||
			return generic[def.in[slot]] ?? null;
 | 
			
		||||
		} else {
 | 
			
		||||
			return def.in[slot];
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public infer(v: Expr): Type {
 | 
			
		||||
		if (v.type === null) return null;
 | 
			
		||||
		if (v.type === 'text') return 'string';
 | 
			
		||||
		if (v.type === 'multiLineText') return 'string';
 | 
			
		||||
		if (v.type === 'textList') return 'stringArray';
 | 
			
		||||
		if (v.type === 'number') return 'number';
 | 
			
		||||
		if (v.type === 'ref') {
 | 
			
		||||
			const variable = this.variables.find(va => va.name === v.value);
 | 
			
		||||
			if (variable) {
 | 
			
		||||
				return this.infer(variable);
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			const pageVar = this.pageVars.find(va => va.name === v.value);
 | 
			
		||||
			if (pageVar) {
 | 
			
		||||
				return pageVar.type;
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			const envVar = envVarsDef[v.value ?? ''];
 | 
			
		||||
			if (envVar !== undefined) {
 | 
			
		||||
				return envVar;
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			return null;
 | 
			
		||||
		}
 | 
			
		||||
		if (v.type === 'aiScriptVar') return null;
 | 
			
		||||
		if (v.type === 'fn') return null; // todo
 | 
			
		||||
		if (v.type.startsWith('fn:')) return null; // todo
 | 
			
		||||
 | 
			
		||||
		const generic: Type[] = [];
 | 
			
		||||
 | 
			
		||||
		const def = funcDefs[v.type];
 | 
			
		||||
 | 
			
		||||
		for (let i = 0; i < def.in.length; i++) {
 | 
			
		||||
			const arg = def.in[i];
 | 
			
		||||
			if (typeof arg === 'number') {
 | 
			
		||||
				const type = this.infer(v.args[i]);
 | 
			
		||||
 | 
			
		||||
				if (generic[arg] === undefined) {
 | 
			
		||||
					generic[arg] = type;
 | 
			
		||||
				} else {
 | 
			
		||||
					if (type !== generic[arg]) {
 | 
			
		||||
						generic[arg] = null;
 | 
			
		||||
					}
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		if (typeof def.out === 'number') {
 | 
			
		||||
			return generic[def.out];
 | 
			
		||||
		} else {
 | 
			
		||||
			return def.out;
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public getVarByName(name: string): Variable {
 | 
			
		||||
		const v = this.variables.find(x => x.name === name);
 | 
			
		||||
		if (v !== undefined) {
 | 
			
		||||
			return v;
 | 
			
		||||
		} else {
 | 
			
		||||
			throw new Error(`No such variable '${name}'`);
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public getVarsByType(type: Type): Variable[] {
 | 
			
		||||
		if (type == null) return this.variables;
 | 
			
		||||
		return this.variables.filter(x => (this.infer(x) === null) || (this.infer(x) === type));
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public getEnvVarsByType(type: Type): string[] {
 | 
			
		||||
		if (type == null) return Object.keys(envVarsDef);
 | 
			
		||||
		return Object.entries(envVarsDef).filter(([k, v]) => v === null || type === v).map(([k, v]) => k);
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public getPageVarsByType(type: Type): string[] {
 | 
			
		||||
		if (type == null) return this.pageVars.map(v => v.name);
 | 
			
		||||
		return this.pageVars.filter(v => type === v.type).map(v => v.name);
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	public isUsedName(name: string) {
 | 
			
		||||
		if (this.variables.some(v => v.name === name)) {
 | 
			
		||||
			return true;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		if (this.pageVars.some(v => v.name === name)) {
 | 
			
		||||
			return true;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		if (envVarsDef[name]) {
 | 
			
		||||
			return true;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		return false;
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
	Add table
		
		Reference in a new issue