LINE LIFF (integrations/line-liff)

LINE LIFF (LINE Front-end Framework) web app for integrating the Booking Platform with LINE messaging.

Overview

The LINE LIFF workspace provides a lightweight web app that runs inside LINE's in-app browser. It allows users to access booking features directly from LINE conversations without leaving the app.

Tech Stack

Layer	Technology	Version
Framework	SolidJS	^1.9.14
Build Tool	Vite (Rolldown)	npm:rolldown-vite@latest
LIFF SDK	@line/liff	^2.29.1
Linting	Biome	^2.5.4

Key Scripts

# Development
moon run integrations-line-liff:dev

# Build
moon run integrations-line-liff:build

# Preview
moon run integrations-line-liff:preview

# Quality
moon run integrations-line-liff:lint
moon run integrations-line-liff:typecheck
moon run integrations-line-liff:verify

Architecture

integrations/line-liff/
├── src/
│   └── index.tsx         # LIFF app entry point
├── index.html            # HTML template
├── vite.config.ts        # Vite configuration
├── .env.example          # Environment variables
└── package.json

Unlike the main website, the LINE LIFF app uses Vite without TanStack Start (no SSR). It's a client-side only application using SolidJS with vite-plugin-solid.

Related

• Website Workspace
• Integrations Overview