first commit

Author: yuanchuan

.github/FUNDING.yml

@@ -0,0 +1 @@
+open_collective: css-doodle

.github/workflows/ci.yml

@@ -0,0 +1,26 @@
+name: CI
+
+on:
+  - push
+  - pull_request
+
+jobs:
+  test:
+
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [macos-latest, ubuntu-latest, windows-latest]
+        node-version: [19.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build --if-present
+      - run: npm test

.gitignore

@@ -0,0 +1 @@
+node_modules

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Yuan Chuan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,4 @@
+# postcss-doodle
+
+![Build Status](https://github.com/css-doodle/postcss-doodle/actions/workflows/ci.yml/badge.svg)
+![license](https://img.shields.io/github/license/mashape/apistatus.svg)

index.js

@@ -0,0 +1,59 @@
+import { svg, shape } from 'css-doodle/generator';
+import valueParser from 'postcss-value-parser';
+
+export default function plugin() {
+  return {
+    postcssPlugin: "postcss-doodle",
+    Declaration(decl) {
+      let parsed = valueParser(decl.value);
+      for (let node of parsed.nodes) {
+        if (node.type === 'function' && isKeyword(node.value)) {
+          let { result, args } = getInput(node.nodes);
+          node.type = 'word'
+          if (node.value === '@svg') {
+            node.value = wrapSVG(svg(result));
+          }
+          if (node.value === '@shape') {
+            node.value = shape(...args);
+          }
+        }
+      }
+      decl.value = parsed.toString();
+    }
+  }
+}
+
+plugin.postcss = true;
+
+function getInput(nodes) {
+  let result = '', argResult = '';
+  let args = [];
+  for (let node of nodes) {
+    let nested = (node.type === 'function' && Array.isArray(node.nodes));
+    if (nested) {
+      let value = `${node.value}(${getInput(node.nodes).result})`;
+      result += value;
+      argResult += value;
+    } else  {
+      if (node.type === 'div' && node.value === ',') {
+        args.push(argResult);
+        argResult = '';
+      } else {
+        argResult += node.value;
+      }
+      result += node.value;
+    }
+  }
+  if (argResult.length) {
+    args.push(argResult);
+  }
+  return { result, args };
+}
+
+function isKeyword(name) {
+  return name === '@svg' || name === '@shape';
+}
+
+function wrapSVG(input) {
+  return `url(data:image/svg+xml;utf8,${ encodeURIComponent(input) })`;
+}

package-lock.json

@@ -0,0 +1,20 @@
+{
+  "name": "postcss-doodle",
+  "type": "module",
+  "scripts": {
+    "test": "node --test test/*.test.js"
+  },
+  "devDependencies": {
+    "css-doodle": "^0.32.0",
+    "postcss": "^8.4.20",
+    "postcss-value-parser": "^4.2.0"
+  },
+  "version": "1.0.0",
+  "main": "index.js",
+  "directories": {
+    "test": "test"
+  },
+  "author": "",
+  "license": "MIT",
+  "description": ""
+}

package.json

@@ -0,0 +1,15 @@
+import assert from 'assert';
+import postcss from 'postcss';
+import plugin from '../index.js';
+
+async function render(input) {
+  const { css } = await postcss()
+    .use(plugin)
+    .process(input, { from: null })
+  return css;
+}
+
+export default async function compare(code, result) {
+  const input = await render(code);
+  assert.equal(input.trim(), result.trim());
+}