{"id":27385,"library":"secst","title":"SECST","description":"SECST (Semantic, Extensible, Computational, Styleable Tagged markup) is a markup language and HTML transpiler for creating interactive documents. The current version is 0.0.3-alpha, with infrequent updates. It is designed for joyfully creating compelling documents backed by HTML, aiming to be more extensible and computational than Markdown. Key differentiators include a custom tag syntax, runtime interactivity, and styleability. The project is in early alpha, so expect instability and limited documentation.","status":"active","version":"0.0.3-a","language":"javascript","source_language":"en","source_url":"https://github.com/anywhichway/secst","tags":["javascript","Markdown","HTML","markup","semantic","computational","styleable","Lia","LiaScript"],"install":[{"cmd":"npm install secst","lang":"bash","label":"npm"},{"cmd":"yarn add secst","lang":"bash","label":"yarn"},{"cmd":"pnpm add secst","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export is the main transpiler; CommonJS require may not work due to ESM-only design.","wrong":"const secst = require('secst')","symbol":"secst","correct":"import secst from 'secst'"},{"note":"Named export for compiling SECST to HTML; requires ESM environment.","wrong":"const { compile } = require('secst')","symbol":"compile","correct":"import { compile } from 'secst'"},{"note":"Named export for direct rendering; cannot use default import.","wrong":"import render from 'secst'","symbol":"render","correct":"import { render } from 'secst'"},{"note":"Named export for runtime support in the browser.","wrong":"import SECSTRuntime from 'secst'","symbol":"SECSTRuntime","correct":"import { SECSTRuntime } from 'secst'"}],"quickstart":{"code":"import { compile } from 'secst';\nimport fs from 'fs';\n\nconst source = `<p>Hello, <strong>World</strong>!</p>`;\nconst html = compile(source);\nconsole.log(html);\n// Output: <p>Hello, <strong>World</strong>!</p>\n\n// With custom tags:\nconst sourceWithTag = `<greeting>Hi, <name>Alice</name></greeting>`;\nconst htmlWithTag = compile(sourceWithTag, { tags: { greeting: (children) => `<div class='greeting'>${children}</div>`, name: (children) => `<span class='name'>${children}</span>` }});\nconsole.log(htmlWithTag);\n// Output: <div class='greeting'>Hi, <span class='name'>Alice</span></div>","lang":"typescript","description":"Demonstrates basic compile usage with and without custom tags, showing SECST to HTML transformation."},"warnings":[{"fix":"Pin to exact version or watch for updates.","message":"Package version 0.0.3-alpha is in alpha stage and may have breaking changes in future releases.","severity":"deprecated","affected_versions":"0.0.3-a"},{"fix":"Use import syntax or set type: 'module' in package.json.","message":"SECST is ESM-only; CommonJS require will fail on Node.js without experimental modules flag.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Test thoroughly and report issues on GitHub.","message":"Compiler may not handle all HTML entities or edge cases; beta quality.","severity":"gotcha","affected_versions":"<1.0.0"},{"fix":"Refer to GitHub README or source code.","message":"Documentation at secst.org may be incomplete or outdated.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run npm install secst@0.0.3-a and ensure ESM import syntax.","cause":"Package not installed or import path incorrect.","error":"Cannot find module 'secst'"},{"fix":"Add type: 'module' to package.json or use .mjs extension.","cause":"CommonJS environment does not support ESM imports.","error":"SyntaxError: Cannot use import statement outside a module"},{"fix":"Use import { compile } from 'secst' rather than default import.","cause":"Incorrect import or wrong symbol name.","error":"TypeError: compile is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}