swl-core 1.2.0

package/lib/graph-engine.js

@@ -0,0 +1,46 @@
+const path = require("path");
+
+class GraphEngine {
+  constructor() {
+    this.forward = new Map();
+    this.reverse = new Map();
+  }
+
+  update(filePath, source) {
+    const abs = path.resolve(filePath);
+    const dir = path.dirname(abs);
+    const imports = [...source.matchAll(/@importar\s+"([^"]+)"/g)]
+      .map(m => path.resolve(dir, m[1]));
+
+    this.removeRefs(abs);
+    this.forward.set(abs, imports);
+    imports.forEach(imp => {
+      if (!this.reverse.has(imp)) this.reverse.set(imp, new Set());
+      this.reverse.get(imp).add(abs);
+    });
+  }
+
+  getAffected(filePath) {
+    const root = path.resolve(filePath);
+    const visited = new Set();
+    const queue = [root];
+    const affected = [];
+    while (queue.length) {
+      const cur = queue.shift();
+      if (visited.has(cur)) continue;
+      visited.add(cur);
+      affected.push(cur);
+      (this.reverse.get(cur) || []).forEach(dep => queue.push(dep));
+    }
+    return affected;
+  }
+
+  removeRefs(abs) {
+    (this.forward.get(abs) || []).forEach(imp => {
+      const deps = this.reverse.get(imp);
+      if (deps) { deps.delete(abs); if (!deps.size) this.reverse.delete(imp); }
+    });
+  }
+}
+
+module.exports = GraphEngine;

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "swl-core",
+  "version": "1.2.0",
+  "description": "SWLS — Stellar Web Language Styling. Linguagem de estilização em português que compila para CSS.",
+  "main": "index.js",
+  "bin": {
+    "swls": "./bin/swls.js"
+  },
+  "scripts": {
+    "test": "node tests/compiler.test.js",
+    "postinstall": "node system/install-assets.js"
+  },
+  "keywords": ["css", "compiler", "swls", "stylesheet", "portuguese"],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "ws": "^8.18.0"
+  },
+  "engines": {
+    "node": ">=16"
+  }
+}

package/system/install-assets.js

@@ -0,0 +1,44 @@
+const { execSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+const root = path.resolve(__dirname, "..");
+const xml  = path.join(__dirname, "swls.xml");
+const png  = path.join(root, "icons", "swls.png");
+
+function linux() {
+  const mimeDir = path.join(process.env.HOME, ".local/share/mime/packages");
+  const iconDir = path.join(process.env.HOME, ".local/share/icons/hicolor/512x512/mimetypes");
+  fs.mkdirSync(mimeDir, { recursive: true });
+  fs.mkdirSync(iconDir, { recursive: true });
+
+  fs.copyFileSync(xml, path.join(mimeDir, "swls.xml"));
+  if (fs.existsSync(png)) fs.copyFileSync(png, path.join(iconDir, "text-x-swls.png"));
+
+  try { execSync("update-mime-database ~/.local/share/mime", { stdio: "ignore" }); } catch {}
+  try { execSync("gtk-update-icon-cache ~/.local/share/icons/hicolor -f", { stdio: "ignore" }); } catch {}
+
+  console.log("✅ SWLS registrado no sistema (Linux).");
+}
+
+function windows() {
+  // Associação de extensão no registry via reg.exe
+  try {
+    execSync(`reg add "HKCU\\Software\\Classes\\.swls" /ve /d "swls_file" /f`, { stdio: "ignore" });
+    execSync(`reg add "HKCU\\Software\\Classes\\swls_file" /ve /d "SWLS Stylesheet" /f`, { stdio: "ignore" });
+    console.log("✅ SWLS registrado no sistema (Windows).");
+  } catch {
+    console.warn("⚠️  Registro Windows falhou. Tente executar como Administrador.");
+  }
+}
+
+function macos() {
+  // macOS reconhece via Info.plist em apps; para CLI apenas informa
+  console.log("✅ SWLS instalado (macOS). Use a extensão VS Code para reconhecimento visual.");
+}
+
+switch (process.platform) {
+  case "linux":  linux();   break;
+  case "win32":  windows(); break;
+  case "darwin": macos();   break;
+}

package/system/swls.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mime-info xmlns="http://www.freedesktop.org/standards/shared-mime-info">
+  <mime-type type="text/x-swls">
+    <comment>SWLS Stylesheet</comment>
+    <comment xml:lang="pt_BR">Arquivo de Estilização SWLS</comment>
+    <glob pattern="*.swls"/>
+    <icon name="text-x-swls"/>
+  </mime-type>
+</mime-info>

package/vscode-extension/.vscodeignore

@@ -0,0 +1,3 @@
+node_modules/**
+.vscode/**
+*.swls

package/vscode-extension/icons/icon-theme.json

@@ -0,0 +1,14 @@
+{
+  "iconDefinitions": {
+    "swls_file": {
+      "iconPath": "../icons/swls-icon.svg"
+    }
+  },
+  "file": "swls_file",
+  "fileExtensions": {
+    "swls": "swls_file"
+  },
+  "languageIds": {
+    "swls": "swls_file"
+  }
+}

package/vscode-extension/icons/swls-icon.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0044cc"/>
+      <stop offset="100%" style="stop-color:#0066FF"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="10" fill="url(#bg)"/>
+  <text x="32" y="42" font-family="monospace" font-weight="bold" font-size="22" fill="white" text-anchor="middle">SW</text>
+  <rect x="8" y="48" width="48" height="3" rx="1.5" fill="rgba(255,255,255,0.4)"/>
+</svg>

package/vscode-extension/language-configuration.json

@@ -0,0 +1,26 @@
+{
+  "comments": {
+    "lineComment": "//",
+    "blockComment": ["/*", "*/"]
+  },
+  "brackets": [["(", ")"]],
+  "autoClosingPairs": [
+    { "open": "(", "close": ")" },
+    { "open": "\"", "close": "\"" },
+    { "open": "'", "close": "'" }
+  ],
+  "surroundingPairs": [
+    { "open": "(", "close": ")" },
+    { "open": "\"", "close": "\"" }
+  ],
+  "onEnterRules": [
+    {
+      "beforeText": "^\\s*\\(.+:\\s*$",
+      "action": { "indent": "indent" }
+    }
+  ],
+  "indentationRules": {
+    "increaseIndentPattern": "^\\s*\\(.+:$",
+    "decreaseIndentPattern": "^\\s*\\)$"
+  }
+}

package/vscode-extension/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "swls-language-support",
+  "displayName": "SWLS Language Support",
+  "description": "Suporte completo à linguagem SWLS: sintaxe, autocomplete, ícone e snippets.",
+  "version": "1.2.0",
+  "publisher": "swls-lang",
+  "icon": "icons/swls-icon.png",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/swls-lang/swls-core"
+  },
+  "engines": { "vscode": "^1.75.0" },
+  "categories": ["Programming Languages", "Snippets"],
+  "activationEvents": ["onLanguage:swls"],
+  "main": "./src/extension.js",
+  "contributes": {
+    "languages": [{
+      "id": "swls",
+      "aliases": ["SWLS", "swls", "Stellar Web Language Styling"],
+      "extensions": [".swls"],
+      "configuration": "./language-configuration.json",
+      "icon": {
+        "light": "./icons/swls-icon.png",
+        "dark": "./icons/swls-icon.png"
+      }
+    }],
+    "grammars": [{
+      "language": "swls",
+      "scopeName": "source.swls",
+      "path": "./syntaxes/swls.tmLanguage.json"
+    }],
+    "snippets": [{
+      "language": "swls",
+      "path": "./snippets/swls.json"
+    }],
+    "iconThemes": [{
+      "id": "swls-icons",
+      "label": "SWLS File Icons",
+      "path": "./icons/icon-theme.json"
+    }]
+  }
+}

package/vscode-extension/snippets/swls.json

@@ -0,0 +1,120 @@
+{
+  "Regra de Seletor": {
+    "prefix": ["regra", "selector", "("],
+    "body": ["(${1:seletor}:", "\t$0", ")"],
+    "description": "Bloco de regra SWLS"
+  },
+  "Componente": {
+    "prefix": ["componente", "@comp"],
+    "body": ["@componente ${1:nome}", "\t${2:propriedade} ${3:valor}", ")"],
+    "description": "Define um componente reutilizável"
+  },
+  "Componente com Herança": {
+    "prefix": ["componente-herda", "@herda"],
+    "body": ["@componente ${1:filho} herda ${2:pai}", "\t${3:propriedade} ${4:valor}", ")"],
+    "description": "Componente que herda de outro"
+  },
+  "Tema": {
+    "prefix": ["tema", "@tema"],
+    "body": ["@tema ${1:escuro}", "\t@${2:cor-fundo}: ${3:#121212}", ")"],
+    "description": "Bloco de tema com variáveis"
+  },
+  "Variável": {
+    "prefix": ["var", "@var"],
+    "body": ["@${1:nome}: ${2:valor}"],
+    "description": "Declara uma variável"
+  },
+  "Importar": {
+    "prefix": ["importar", "@importar"],
+    "body": ["@importar \"${1:caminho/arquivo.swls}\""],
+    "description": "Importa outro arquivo SWLS"
+  },
+  "Animação": {
+    "prefix": ["animar", "@animar"],
+    "body": [
+      "@animar ${1:nome-animacao}",
+      "de:",
+      "\t${2:propriedade} ${3:valor-inicio}",
+      "para:",
+      "\t${2:propriedade} ${4:valor-fim}"
+    ],
+    "description": "Define uma animação @keyframes"
+  },
+  "Media Query": {
+    "prefix": ["media", "@media"],
+    "body": [
+      "@media (max-width: ${1:768px})",
+      "\t(${2:seletor}:",
+      "\t\t${3:propriedade} ${4:valor}",
+      "\t)"
+    ],
+    "description": "Media query responsiva"
+  },
+  "Pseudo-estado Hover": {
+    "prefix": ["pairado", "&:hover"],
+    "body": ["&:pairado", "\t${1:propriedade} ${2:valor}"],
+    "description": "Estado :hover"
+  },
+  "Pseudo-estado Focus": {
+    "prefix": ["focado", "&:focus"],
+    "body": ["&:focado", "\t${1:propriedade} ${2:valor}"],
+    "description": "Estado :focus"
+  },
+  "Pseudo-estado Active": {
+    "prefix": ["ativo", "&:active"],
+    "body": ["&:ativo", "\t${1:propriedade} ${2:valor}"],
+    "description": "Estado :active"
+  },
+  "Display Flex": {
+    "prefix": ["dflex", "flex-container"],
+    "body": [
+      "exibicao flex",
+      "direcao ${1:linha}",
+      "justificacao ${2:centro}",
+      "alinhamento-item ${3:centro}"
+    ],
+    "description": "Container flexbox"
+  },
+  "Display Grid": {
+    "prefix": ["dgrid", "grid-container"],
+    "body": [
+      "exibicao grid",
+      "colunas ${1:repeat(3, 1fr)}",
+      "gap ${2:1rem}"
+    ],
+    "description": "Container grid"
+  },
+  "Centralizar": {
+    "prefix": ["centralizar", "center"],
+    "body": [
+      "exibicao flex",
+      "justificacao centro",
+      "alinhamento-item centro"
+    ],
+    "description": "Centralização flex"
+  },
+  "Reset Box": {
+    "prefix": ["reset", "box-reset"],
+    "body": [
+      "margem 0",
+      "padding 0",
+      "conteudo-caixa borda"
+    ],
+    "description": "Reset de box model"
+  },
+  "Transição suave": {
+    "prefix": ["transicao", "transition"],
+    "body": ["transicao ${1:all} ${2:0.3s} ${3:suave}"],
+    "description": "Transição CSS"
+  },
+  "Sombra de caixa": {
+    "prefix": ["sombra", "shadow"],
+    "body": ["sombra ${1:0 4px 12px rgba(0,0,0,0.15)}"],
+    "description": "Box shadow"
+  },
+  "Borda arredondada": {
+    "prefix": ["raio", "border-radius"],
+    "body": ["borda-raio ${1:8px}"],
+    "description": "Border radius"
+  }
+}

package/vscode-extension/src/extension.js

@@ -0,0 +1,147 @@
+const vscode = require("vscode");
+
+// Propriedades da linguagem para autocomplete
+const PROPERTIES = [
+  "fundo","bg","cor","text-cor","fonte","tamanho","peso","estilo",
+  "altura-linha","espacamento-letras","familia","decoracao","transformacao-texto","alinhamento-texto",
+  "largura","w","altura","h","max-largura","max-w","min-largura","min-w",
+  "max-altura","max-h","min-altura","min-h","proporcao-aspecto","aspecto",
+  "margem","m","margem-topo","mt","margem-direita","mr","margem-inferior","mb","margem-esquerda","ml",
+  "padding","p","padding-topo","pt","padding-direita","pr","padding-inferior","pb","padding-esquerda","pl",
+  "gap","alinhamento","alinhamento-vertical","alinhamento-item","alinhamento-conteudo","alinhamento-self",
+  "justificacao","exibicao","display","direcao","envolvimento",
+  "flex-crescimento","flex-encolhimento","flex-base","espacamento-item","flex",
+  "colunas","linhas","lacuna","auto-coloca","coluna-inicial","coluna-final","linha-inicial","linha-final",
+  "borda","borda-topo","borda-direita","borda-inferior","borda-esquerda",
+  "borda-raio","borda-cor","borda-estilo","borda-largura",
+  "posicao","pos","topo","top","direita","right","inferior","bottom","esquerda","left","indice-z","z",
+  "opacidade","sombra","sombra-texto","filtro","transformacao",
+  "backtamanho","backposicao","overflow","overflow-x","overflow-y",
+  "cursor","pointer-eventos","transicao","transicao-funcao","transicao-atraso","animar",
+  "outline","visibilidade","clip","objeto-fit","objeto-posicao","list-estilo",
+  "white-space","word-wrap","word-break","hifens","quebra-texto",
+  "mistura-modo","perspectiva","transformacao-origem","backface-visibilidade",
+  "conteudo-caixa","box-sizing","fundo-imagem","fundo-repetir","fundo-anexar",
+  "resize","coluna-conta","coluna-gap","coluna-regra","aparencia","user-select",
+  "scroll-comportamento","scroll-margem","scroll-padding",
+];
+
+const DIRECTIVES = [
+  "@componente","@tema","@animar","@importar","@media",
+];
+
+const PSEUDOS = [
+  "pairado","ativo","focado","visitado","desabilitado","marcado",
+  "primeiro-filho","ultimo-filho","primeiro","ultimo",
+  "preenchido","invalido","modo-escuro","modo-claro",
+  "focado-visivel","placeholder","antes","depois","selecao","sem-filhos","raiz",
+];
+
+const VALUES = [
+  "nenhum","nenhuma","auto","herdado","inicial",
+  "bloco","inline","inline-bloco","flex","grid",
+  "linha","coluna","linha-reversa","coluna-reversa",
+  "envolver","envolver-reverso",
+  "centro","inicio","fim","distribuido","espacado","distribuido-uniformemente","esticado",
+  "esquerda","direita","justificado",
+  "relativa","absoluta","fixa","pegajosa","estatica",
+  "visivel","escondido","oculta",
+  "ponteiro","mao","nao-permitido","texto","movimento","normal",
+  "suave","suave-entrada","suave-saida","suave-entrada-saida","linear","infinito",
+  "solida","pontilhada","tracejada","dupla","redonda",
+  "cover","contain","fill","scale-down",
+  "underline","overline","line-through","maiuscula","minuscula","capitalizar",
+  "nowrap","pre","pre-wrap","break-word","break-all",
+  // cores
+  "branco","preto","cinza","cinza-claro","cinza-escuro",
+  "vermelho","azul","azul-claro","azul-escuro","verde","verde-claro",
+  "amarelo","laranja","roxo","violeta","rosa","marrom","ouro","prata",
+  "transparente","ciano","magenta",
+];
+
+function makeItem(label, kind, detail) {
+  const item = new vscode.CompletionItem(label, kind);
+  item.detail = detail;
+  return item;
+}
+
+function activate(context) {
+  // Provider de propriedades e valores
+  const propProvider = vscode.languages.registerCompletionItemProvider(
+    "swls",
+    {
+      provideCompletionItems(doc, pos) {
+        const line = doc.lineAt(pos).text.trimStart();
+        const items = [];
+
+        // Se a linha está vazia ou tem apenas uma palavra → sugerir propriedades
+        if (!line.includes(" ") || pos.character <= line.indexOf(" ") + 1) {
+          PROPERTIES.forEach(p => {
+            items.push(makeItem(p, vscode.CompletionItemKind.Property, "Propriedade SWLS"));
+          });
+          DIRECTIVES.forEach(d => {
+            items.push(makeItem(d, vscode.CompletionItemKind.Keyword, "Diretiva SWLS"));
+          });
+        }
+
+        // Se já tem uma propriedade → sugerir valores
+        if (line.includes(" ")) {
+          VALUES.forEach(v => {
+            items.push(makeItem(v, vscode.CompletionItemKind.Value, "Valor SWLS"));
+          });
+        }
+
+        return items;
+      },
+    },
+    " ", "\t"
+  );
+
+  // Provider de pseudo-estados
+  const pseudoProvider = vscode.languages.registerCompletionItemProvider(
+    "swls",
+    {
+      provideCompletionItems(doc, pos) {
+        const line = doc.lineAt(pos).text;
+        if (!line.includes("&:")) return [];
+        return PSEUDOS.map(p =>
+          makeItem(p, vscode.CompletionItemKind.Event, "Pseudo-estado SWLS")
+        );
+      },
+    },
+    ":"
+  );
+
+  // Hover para mostrar o equivalente CSS
+  const CSS_MAP = {
+    fundo:"background-color", bg:"background-color", cor:"color",
+    largura:"width", altura:"height", margem:"margin", padding:"padding",
+    posicao:"position", exibicao:"display", opacidade:"opacity",
+    sombra:"box-shadow", transicao:"transition", transformacao:"transform",
+    borda:"border", "borda-raio":"border-radius", cursor:"cursor",
+    fonte:"font", tamanho:"font-size", peso:"font-weight", familia:"font-family",
+    gap:"gap", colunas:"grid-template-columns", justificacao:"justify-content",
+    "alinhamento-item":"align-items", direcao:"flex-direction",
+  };
+
+  const hoverProvider = vscode.languages.registerHoverProvider("swls", {
+    provideHover(doc, pos) {
+      const range = doc.getWordRangeAtPosition(pos, /[\w-]+/);
+      if (!range) return;
+      const word = doc.getText(range);
+      const css = CSS_MAP[word];
+      if (css) {
+        return new vscode.Hover([
+          `**SWLS** \`${word}\``,
+          `→ CSS: \`${css}\``,
+        ]);
+      }
+    },
+  });
+
+  context.subscriptions.push(propProvider, pseudoProvider, hoverProvider);
+}
+
+function deactivate() {}
+
+module.exports = { activate, deactivate };

package/vscode-extension/syntaxes/swls.tmLanguage.json

@@ -0,0 +1,72 @@
+{
+  "name": "SWLS",
+  "scopeName": "source.swls",
+  "fileTypes": ["swls"],
+  "patterns": [
+    { "include": "#comment-line" },
+    { "include": "#comment-block" },
+    { "include": "#directive-structural" },
+    { "include": "#directive-variable" },
+    { "include": "#pseudo-element" },
+    { "include": "#rule-selector" },
+    { "include": "#frame-keyframe" },
+    { "include": "#property-line" },
+    { "include": "#block-delimiters" }
+  ],
+  "repository": {
+    "comment-line": {
+      "match": "//.*$",
+      "name": "comment.line.double-slash.swls"
+    },
+    "comment-block": {
+      "begin": "/\\*",
+      "end": "\\*/",
+      "name": "comment.block.swls"
+    },
+    "directive-structural": {
+      "match": "^\\s*@(componente|tema|animar|importar|media)\\b",
+      "captures": {
+        "1": { "name": "keyword.control.directive.swls" }
+      }
+    },
+    "directive-variable": {
+      "match": "^\\s*(@[\\w-]+)\\s*(:)\\s*(.+)$",
+      "captures": {
+        "1": { "name": "variable.other.swls" },
+        "2": { "name": "punctuation.separator.swls" },
+        "3": { "name": "string.unquoted.swls" }
+      }
+    },
+    "pseudo-element": {
+      "match": "(&:)(pairado|ativo|focado|visitado|desabilitado|marcado|primeiro-filho|ultimo-filho|primeiro|ultimo|preenchido|invalido|modo-escuro|modo-claro|focado-visivel|placeholder|antes|depois|selecao|sem-filhos|raiz|[\\w-]+)",
+      "captures": {
+        "1": { "name": "punctuation.definition.entity.swls" },
+        "2": { "name": "entity.other.attribute-name.pseudo.swls" }
+      }
+    },
+    "rule-selector": {
+      "match": "^\\s*\\((.+):$",
+      "captures": {
+        "1": { "name": "entity.name.tag.selector.swls" }
+      }
+    },
+    "frame-keyframe": {
+      "match": "^\\s*(de|para|\\d+%)(:)$",
+      "captures": {
+        "1": { "name": "keyword.other.frame.swls" },
+        "2": { "name": "punctuation.swls" }
+      }
+    },
+    "property-line": {
+      "match": "^\\s*(fundo|bg|cor|text-cor|fonte|tamanho|peso|estilo|altura-linha|espacamento-letras|familia|decoracao|transformacao-texto|alinhamento-texto|largura|w|altura|h|max-largura|max-w|min-largura|min-w|max-altura|max-h|min-altura|min-h|proporcao-aspecto|aspecto|margem|m|margem-topo|mt|margem-direita|mr|margem-inferior|mb|margem-esquerda|ml|padding|p|padding-topo|pt|padding-direita|pr|padding-inferior|pb|padding-esquerda|pl|gap|alinhamento|alinhamento-vertical|alinhamento-item|alinhamento-conteudo|alinhamento-self|justificacao|exibicao|display|direcao|envolvimento|flex-crescimento|flex-encolhimento|flex-base|espacamento-item|flex|colunas|linhas|lacuna|auto-coloca|coluna-inicial|coluna-final|linha-inicial|linha-final|borda|borda-topo|borda-direita|borda-inferior|borda-esquerda|borda-raio|borda-cor|borda-estilo|borda-largura|posicao|pos|topo|top|direita|right|inferior|bottom|esquerda|left|indice-z|z|opacidade|sombra|sombra-texto|filtro|transformacao|backtamanho|backposicao|overflow|overflow-x|overflow-y|cursor|pointer-eventos|transicao|transicao-funcao|transicao-atraso|animar|outline|visibilidade|clip|objeto-fit|objeto-posicao|list-estilo|white-space|word-wrap|word-break|hifens|quebra-texto|mistura-modo|perspectiva|transformacao-origem|backface-visibilidade|conteudo-caixa|box-sizing|fundo-imagem|fundo-repetir|fundo-anexar|fundo-origem|fundo-clip|resize|coluna-conta|coluna-gap|coluna-regra|linha-clamp|aparencia|user-select|scroll-comportamento|scroll-margem|scroll-padding)\\s+(.+)$",
+      "captures": {
+        "1": { "name": "support.type.property-name.swls" },
+        "2": { "name": "string.unquoted.value.swls" }
+      }
+    },
+    "block-delimiters": {
+      "match": "^\\s*[()]$",
+      "name": "punctuation.section.block.swls"
+    }
+  }
+}