framer · remorses · Dec 12, 2024 · Dec 12, 2024 · Dec 12, 2024 · Dec 12, 2024
diff --git a/package-lock.json b/package-lock.json
diff --git a/plugins/repro/.eslintrc.cjs b/plugins/repro/.eslintrc.cjs
@@ -0,0 +1,11 @@
+module.exports = {
+    root: true,
+    env: { browser: true, es2020: true },
+    extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react-hooks/recommended"],
+    ignorePatterns: ["dist", ".eslintrc.cjs"],
+    parser: "@typescript-eslint/parser",
+    plugins: ["react-refresh"],
+    rules: {
+        "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+    },
+}
diff --git a/plugins/repro/.gitignore b/plugins/repro/.gitignore
@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn
+
+# misc
+.DS_Store
+*.pem
+
+# files
+my-plugin
+dev-plugin
+dist
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
diff --git a/plugins/repro/README.md b/plugins/repro/README.md
@@ -0,0 +1,7 @@
+# RSS Feeds
+
+Synchronize RSS feeds with Framer CMS
+
+**By**: @niekert @huntercaron
+
+![RSS Feeds](../../assets/rss.png)
diff --git a/plugins/repro/framer.json b/plugins/repro/framer.json
@@ -0,0 +1,6 @@
+{
+    "id": "xxd64a",
+    "name": "Repro",
+    "modes": ["syncManagedCollection", "configureManagedCollection"],
+    "icon": "/rss.png"
+}
diff --git a/plugins/repro/index.html b/plugins/repro/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>RSS Feeds</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>
diff --git a/plugins/repro/package.json b/plugins/repro/package.json
@@ -0,0 +1,34 @@
+{
+    "name": "repro",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build --base=${PREFIX_BASE_PATH:+/$npm_package_name}/",
+        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+        "pack": "npx framer-plugin-tools@latest pack",
+        "preview": "vite preview",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "classnames": "^2.5.1",
+        "framer-plugin": "^2.0.4",
+        "react": "^18",
+        "react-dom": "^18",
+        "vite-plugin-mkcert": "^1"
+    },
+    "devDependencies": {
+        "@types/react": "^18",
+        "@types/react-dom": "^18",
+        "@typescript-eslint/eslint-plugin": "^7",
+        "@typescript-eslint/parser": "^7",
+        "@vitejs/plugin-react-swc": "^3",
+        "eslint": "^8",
+        "eslint-plugin-react-hooks": "^4",
+        "eslint-plugin-react-refresh": "^0",
+        "typescript": "^5.3.3",
+        "vite": "^5",
+        "vite-plugin-framer": "^1.0.1"
+    }
+}
diff --git a/plugins/repro/public/rss.png b/plugins/repro/public/rss.png
diff --git a/plugins/repro/src/App.css b/plugins/repro/src/App.css
@@ -0,0 +1,42 @@
+/* Your Plugin CSS */
+
+main {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    padding: 0 15px 15px 15px;
+    height: 100%;
+    gap: 15px;
+}
+
+.label {
+    display: block;
+}
+
+.field {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.field select {
+    width: 165px;
+    padding: 0 24px 0 8px;
+}
+
+.illustration {
+    border-radius: 8px;
+    width: 100%;
+    height: 150px;
+    background-color: rgba(0, 153, 255, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.illustration svg {
+    width: 60px;
+    height: 60px;
+}