Registry / web-framework / grandmas-own-jsx

grandmas-own-jsx

library1.0.0jsnpmunverified

A novelty Babel plugin transpiler that replaces standard JSX syntax with emoji-based declarations, meant as a joke or for obfuscation. Version 1.0.0, single release with no active development. Key differentiator: deliberately unreadable, using emoji to define components and attributes, targeting developers who want to confuse colleagues. Not recommended for production.

web-framework serialization

npm install grandmas-own-jsx

package ↗

INSTALL

IMPORT

SIG · GRANDMAS-OWN-JSX

grandmas-own-jsx

web-frameworkjavascriptv1.0.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import React from 'react'

✗ No import is needed for grandmas-own-jsx; it's a Babel plugin, not a runtime package

The plugin is added to .babelrc, not imported in code.

.babelrc plugin

✓ {"plugins": ["grandmas-own-jsx"]}

✗ {"plugins": ["module:grandmas-own-jsx"]} is sometimes needed for older Babel versions

Use 'module:grandmas-own-jsx' if Babel gives plugin resolution errors.

emoji syntax

✓ //👵📚 // 🥰 div className="foo"

✗ Using emoji directly in JSX without comments or outside the recipe block

Emoji recipes must be in comments after the 👵📚 header.

Shows how to install, configure as Babel plugin, and write a basic component with emoji syntax.

npm install --save grandmas-own-jsx // .babelrc { "plugins": ["grandmas-own-jsx"] } // index.js //👵📚 // 🥰 div className="container" // 🥳 h1 // 💖 _ "Hello Grandma!" import React from 'react'; import ReactDOM from 'react-dom'; const MyComponent = () => "👵";/* 🥰 🥳 💖 */ ReactDOM.render(<MyComponent />, document.getElementById('root'));

Debug

Known issues

breakingStandard JSX syntax is replaced; mixing emoji and normal JSX in same file undefined behavior.

fix

Do not use normal JSX in files using Grandma's Own JSX.

affects: ALL

deprecatedPlugin is abandoned; no updates for Babel 7.x compatibility issues may occur.

fix

Do not use in new projects; consider alternatives for obfuscation.

affects: ALL

gotchaEmoji attributes like className must be string literals; variables require emoji reference with same name.

fix

Declare variable emoji mapping explicitly in recipe comments.

affects: ALL

gotchaThe plugin expects the emoji comment block at top of file; failing to include 👵📚 results in parse errors.

fix

Always start files with //👵📚 and recipe comments.

affects: ALL

Errors

Common errors & fixes

SyntaxError: Unexpected token

Emoji not recognized by Babel parser without plugin

fix

Add 'grandmas-own-jsx' to .babelrc plugins array.

Module not found: Can't resolve 'grandmas-own-jsx'

Package not installed or Babel cannot locate the plugin

fix

Run npm install --save grandmas-own-jsx and ensure node_modules is present.

Error: Plugin/preset files are not allowed to export objects, only functions.

Using grandmas-own-jsx with @babel/core v7+ without proper module export

fix

Use "module:grandmas-own-jsx" in .babelrc plugins array instead of bare name.

Upgrade

Version history

1.0.0latest on npm

Audit

Dependencies

@babel/corerequiredRequired to run the Babel plugin

Agent activity

8 hits · last 30 days

node

Resources

packagehttps://www.npmjs.com/package/grandmas-own-jsx ↗