npm - pict-section-formeditor - Versions diffs - 1.0.0 - Mend

pict-section-formeditor 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

package/example_applications/form_editor/html/index.html ADDED Viewed

@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>Form Editor - Pict Example</title>
+		<!-- PICT Dynamic View CSS Container -->
+		<style id="PICT-CSS"></style>
+		<!-- Red Rock Mesa Theme — Pict Example App -->
+		<style>
+			*, *::before, *::after { box-sizing: border-box; }
+			html { margin: 0; padding: 0; height: 100%; overflow: hidden; }
+			body { margin: 0; padding: 0; height: 100%; overflow: hidden; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #FAEDCD; color: #264653; }
+			/* --- Header Bar --- */
+			.pict-example-header { display: flex; align-items: stretch; background: #264653; border-bottom: 3px solid #E76F51; }
+			.pict-example-badge { background: #E76F51; color: #fff; padding: 0.6rem 1rem; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; display: flex; align-items: center; gap: 0.5rem; }
+			.pict-example-badge svg { width: 14px; height: 14px; fill: #fff; flex-shrink: 0; }
+			.pict-example-app-name { padding: 0.6rem 1rem; color: #FAEDCD; font-size: 1.1rem; font-weight: 600; display: flex; align-items: center; }
+			.pict-example-module { margin-left: auto; padding: 0.6rem 1rem; color: #D4A373; font-size: 0.75rem; display: flex; align-items: center; letter-spacing: 0.03em; }
+			/* --- Content Area --- */
+			.pict-example-content { padding: 1.5rem; flex: 1; min-height: 0; display: flex; flex-direction: column; }
+			.pict-example-content #FormEditor-Container { flex: 1; min-height: 0; }
+			.pict-example-content #FormEditor-Container .pict-formeditor { height: 100%; }
+			/* --- Selector Bar --- */
+			.pict-fe-selector-bar { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: #fff; border: 1px solid #D4A373; border-radius: 6px; margin-bottom: 1rem; }
+			.pict-fe-selector-label { font-size: 0.85rem; font-weight: 600; color: #264653; white-space: nowrap; }
+			.pict-fe-selector-select { flex: 1; max-width: 320px; padding: 0.4rem 0.6rem; border: 1px solid #D4C4A8; border-radius: 4px; font-size: 0.9rem; color: #264653; background: #FFFCF7; }
+			.pict-fe-selector-select:focus { outline: none; border-color: #E76F51; box-shadow: 0 0 0 2px rgba(231,111,81,0.15); }
+			.pict-fe-selector-btn { padding: 0.4rem 1rem; border: none; border-radius: 4px; font-size: 0.85rem; font-weight: 600; color: #fff; background: #E76F51; cursor: pointer; white-space: nowrap; }
+			.pict-fe-selector-btn:hover { background: #C45A3E; }
+		</style>
+		<script src="./pict.js" type="text/javascript"></script>
+		<script src="./codejar.js" type="text/javascript"></script>
+		<script type="text/javascript">Pict.safeOnDocumentReady(() => { Pict.safeLoadPictApplication(FormEditorExample, 1)});</script>
+	</head>
+	<body>
+		<div class="pict-example-header">
+			<div class="pict-example-badge">
+				<svg viewBox="0 0 16 16"><polygon points="8,1 10,6 16,6 11,9.5 13,15 8,11.5 3,15 5,9.5 0,6 6,6"/></svg>
+				Pict Example
+			</div>
+			<div class="pict-example-app-name">Form Editor</div>
+			<div class="pict-example-module">pict-section-formeditor</div>
+		</div>
+		<div class="pict-example-content">
+			<div id="FormEditor-Selector"></div>
+			<div id="FormEditor-Container"></div>
+		</div>
+		<script src="./form_editor_example.js" type="text/javascript"></script>
+	</body>
+</html>

package/example_applications/form_editor/package.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+	"name": "form_editor_example",
+	"version": "1.0.0",
+	"description": "Example form editor application",
+	"main": "FormEditor-Example-Application.js",
+	"scripts": {
+		"start": "node FormEditor-Example-Application.js",
+		"build": "npx quack build && npx quack copy"
+	},
+	"author": "steven",
+	"license": "MIT",
+	"copyFilesSettings": {
+		"whenFileExists": "overwrite"
+	},
+	"copyFiles": [
+		{
+			"from": "./html/*",
+			"to": "./dist/"
+		},
+		{
+			"from": "../../sample_manifests/*",
+			"to": "./dist/manifests/"
+		},
+		{
+			"from": "../../node_modules/pict/dist/*",
+			"to": "./dist/"
+		},
+		{
+			"from": "../../node_modules/pict-section-code/example_applications/code_editor/html/codejar.js",
+			"to": "./dist/codejar.js"
+		},
+		{
+			"from": "../../user-documentation/*",
+			"to": "./dist/docs/"
+		},
+		{
+			"from": "../../user-documentation/.pict_documentation_topics.json",
+			"to": "./dist/docs/.pict_documentation_topics.json"
+		},
+		{
+			"from": "../../user-documentation/solverfunctions/*",
+			"to": "./dist/docs/solverfunctions/"
+		}
+	],
+	"dependencies": {
+		"pict": "^1.0.348",
+		"pict-application": "^1.0.19",
+		"pict-view": "^1.0.66"
+	}
+}

package/package.json ADDED Viewed

@@ -0,0 +1,55 @@
+{
+    "name": "pict-section-formeditor",
+    "version": "1.0.0",
+    "description": "Pict visual editor for pict-section-form configurations",
+    "main": "source/Pict-Section-FormEditor.js",
+    "scripts": {
+        "start": "node source/Pict-Section-FormEditor.js",
+        "test": "npx mocha -u tdd -R spec",
+        "tests": "npx mocha -u tdd --exit -R spec --grep",
+        "coverage": "npx nyc --reporter=lcov --reporter=text-lcov npx mocha -- -u tdd -R spec",
+        "build": "npx quack build",
+        "example": "npx quack examples",
+        "docs": "npx quack prepare-docs ./docs -d ./modules",
+        "docs-serve": "npx quack docs-serve ./docs"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/stevenvelozo/pict-section-formeditor.git"
+    },
+    "author": "steven velozo <steven@velozo.com>",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/stevenvelozo/pict-section-formeditor/issues"
+    },
+    "homepage": "https://github.com/stevenvelozo/pict-section-formeditor#readme",
+    "dependencies": {
+        "pict-section-code": "^1.0.2",
+        "pict-section-content": "^0.0.6",
+        "pict-section-form": "^1.0.189",
+        "pict-section-objecteditor": "^1.0.0",
+        "pict-view": "^1.0.66"
+    },
+    "devDependencies": {
+        "pict": "^1.0.350",
+        "quackage": "^1.0.56"
+    },
+    "mocha": {
+        "diff": true,
+        "extension": [
+            "js"
+        ],
+        "package": "./package.json",
+        "reporter": "spec",
+        "slow": "75",
+        "timeout": "5000",
+        "ui": "tdd",
+        "watch-files": [
+            "source/**/*.js",
+            "test/**/*.js"
+        ],
+        "watch-ignore": [
+            "lib/vendor"
+        ]
+    }
+}