@gem-sdk/eslint-plugin 0.0.1 → 0.0.2

package/README.md

@@ -57,242 +57,3 @@ Choose the config that matches your tech stack:
   }
 }
 ```
-
----
-
-## Rules
-
-### Architecture (React + Vue)
-
-These rules apply to both `.tsx` and `.vue` files and enforce the v2 module structure used across all GemPages repos.
-
-Module detection handles both project layouts:
-- `v2/modules/<name>/` — business modules (code lives under `app/` subdir)
-- `v2/core/<name>/` — core modules (code lives at the module root)
-
----
-
-#### `module-structure`
-
-Enforces the allowed file/folder layout inside v2 modules.
-
-**Allowed paths (business modules):**
-
-```
-app/contexts/*.(ts|tsx)
-app/constants/*.ts
-app/hooks/*.ts
-app/stores/*.ts
-app/types/*.ts
-app/utils/*.ts
-app/graphql/{fragments,queries,mutations}/*.(gql|ts)
-app/ui/{atoms,molecules,organisms,templates}/*.(vue|tsx)
-app/ui/assets/fonts/*.(woff|woff2|ttf|eot)
-app/ui/assets/icons/*.(vue|tsx)
-app/ui/assets/images/*.(png|jpg|jpeg|gif|svg|webp|ico|bmp|tiff)
-app/ui/assets/styles/*.(css|scss)
-app/ui/assets/videos/*.(mp4|mp3)
-*.test.[tj]sx?        (anywhere in the module)
-external.ts           (module root only)
-index.ts              (module root only)
-```
-
-Core modules use the same layout without the `app/` prefix.
-
----
-
-#### `no-module-barrel`
-
-Bans `index.ts` barrel files inside module subdirectories. Only the module-root `index.ts` is allowed.
-
-```ts
-// ❌ Error — app/hooks/index.ts
-export { useFoo } from './useFoo';
-
-// ✅ OK — module-root index.ts
-export { useFoo } from './app/hooks/useFoo';
-```
-
----
-
-#### `module-import-boundary`
-
-Prevents files inside a module from importing across the module boundary. Cross-module dependencies must go through `external.ts`.
-
-Banned imports:
-- Alias imports (`~/...`, `@/...`) — always escape the module
-- Relative imports (`../`) resolving outside the module root
-
-Scoped npm packages (e.g. `@shopify/react-form`) are unaffected — the alias check only matches the literal `@/` prefix.
-
-```ts
-// ❌ Error
-import { useShop } from '~/modules/shop-info/app/hooks/useShop';
-
-// ✅ OK — through the public API
-import { useShop } from '~/modules/shop-info';
-```
-
----
-
-#### `pure-ui-layer`
-
-Bans hook imports and `use*` calls inside `ui/atoms/` and `ui/molecules/`. These layers must be stateless.
-
-Exempt hooks: anything matching `use.*i18n`, `use.*translat`, or `use.*const` (case-insensitive) — e.g. `useI18n`, `useTranslation`, `useConstants`.
-
-Files under `v2/modules/<name>/core/` are fully exempt from this rule.
-
-```tsx
-// ❌ Error — atoms/ProductCard.tsx
-import { useProduct } from '../../hooks/useProduct';
-
-// ✅ OK
-import { useTranslation } from '../../hooks/useTranslation';
-```
-
----
-
-#### `module-index-required`
-
-Verifies that every v2 module has an `index.ts` at its root. Fires on every file linted inside the module.
-
----
-
-### i18n (React + Vue)
-
-#### `no-t-for-variable`
-
-Only plain string literals are allowed as the first argument to `t()`. Template literals with interpolations are banned.
-
-```ts
-// ✅ OK
-t("Save")
-t(`Hello`)
-
-// ❌ Error
-t(key)
-t(`Hello ${name}`)
-t(props.label)
-```
-
----
-
-### Vue-specific
-
-#### `not-use-store-to-refs`
-
-Bans Pinia's `storeToRefs()`. Use `computed()` instead for explicit reactivity.
-
-```ts
-// ❌ Error
-const { count } = storeToRefs(useCounterStore())
-
-// ✅ OK
-const count = computed(() => useCounterStore().count)
-```
-
-#### `not-use-custom-color-class`
-
-Warns when raw color values (hex, `rgb()`, `hsl()`) are used in Vue template class bindings. Use design-system tokens instead.
-
-```html
-<!-- ❌ Warning -->
-<div :class="['[#ff0000]']" />
-
-<!-- ✅ OK -->
-<div class="text-primary" />
-```
-
-Requires `vue-eslint-parser` as the parser.
-
----
-
-### React / TypeScript-specific
-
-#### `no-export-type-from-tsx`
-
-Disallows type/interface exports from `.tsx` files. Move types to a dedicated `.ts` file.
-
-```ts
-// ❌ Error — MyComponent.tsx
-export type MyProps = { name: string };
-
-// ✅ OK — MyComponent.ts
-export type MyProps = { name: string };
-```
-
-#### `no-import-from-package-path`
-
-Prevents value imports from `@gem-sdk` packages using deep path syntax. Type-only imports are allowed.
-
-```ts
-// ❌ Error
-import { fn } from '@gem-sdk/core/internal/utils';
-
-// ✅ OK
-import { fn } from '@gem-sdk/core';
-import type { T } from '@gem-sdk/core/internal/utils';
-```
-
----
-
-## Development
-
-### Setup
-
-```bash
-yarn install
-```
-
-### Tests
-
-Each rule has a co-located `.test.ts` file. Run all tests with:
-
-```bash
-yarn test
-```
-
-### Build
-
-```bash
-yarn build   # outputs to dist/
-```
-
-### Adding a new rule
-
-1. Create `src/rules/myNewRule.ts` (camelCase filename)
-2. Export the rule as `default`
-3. Add a co-located `src/rules/myNewRule.test.ts`
-4. Register in `src/index.ts`:
-
-```ts
-import myNewRule from './rules/myNewRule';
-
-export const rules = {
-  // ...existing
-  'my-new-rule': myNewRule,
-};
-```
-
----
-
-## Release
-
-This package uses [Changesets](https://github.com/changesets/changesets) with the same branching strategy as `web-builder-elements`:
-
-| Branch | NPM tag |
-|--------|---------|
-| `production` | `latest` |
-| `staging` | `staging` |
-| `dev` | `dev` |
-| `dev-sun` / `dev-moon` / `dev-earth` / `dev-new-feature` | `sun` / `moon` / `earth` / `new-feature` |
-
-To release a new version:
-
-```bash
-# 1. Create a changeset describing your changes
-yarn changeset
-
-# 2. The CI release workflow handles publishing automatically on merge
-```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/eslint-plugin",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Shared ESLint rules for GemPages frontend repos (React + Vue)",
   "license": "MIT",
   "main": "./dist/index.js",