Component Garden

A showcase of reusable UI components for char.build projects.

\n \n

How To Use

\n Import components from the shared library in your project:\n

\n import { Button, Input, Card, Alert, Badge, ScoreSelector, StatusMessage, EmptyState, IdeaScoreBar } from \"../../shared/components.tsx\";\n

\n \n

Button Component

\n \n

Variants

\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n

\n \n

Sizes

\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n

\n \n

States

\n ${renderToString()}\n ${renderToString()}\n

\n \n

\n<Button variant=\"primary\" size=\"medium\">Click Me</Button>\n<Button variant=\"secondary\" size=\"small\">Cancel</Button>\n<Button variant=\"danger\" disabled>Delete</Button>\n

\n \n

Input Component

\n \n

\n ${renderToString(\n \n )}\n \n ${renderToString(\n \n )}\n \n ${renderToString(\n \n )}\n

\n \n

\n<Input\n id=\"username\"\n name=\"username\"\n label=\"Username\"\n placeholder=\"Enter your username\"\n required={true}\n/>\n\n<Input\n id=\"email\"\n name=\"email\"\n type=\"email\"\n label=\"Email\"\n error={errors.email}\n/>\n

\n \n

Card Component

\n \n

\n ${renderToString(\n \n

This is an example card with some content.

\n \n \n )}\n \n ${renderToString(\n \n

Card without Title Prop

You can also use cards without the title property and add your own headings.

\n \n )}\n

\n \n

\n<Card title=\"Project Details\">\n <p>This project has 5 active tasks.</p>\n <Button size=\"small\">View Details</Button>\n</Card>\n

\n\n

Alert Component

\n \n

\n ${renderToString(\n This is an informational alert.\n )}\n

\n ${renderToString(\n Operation completed successfully!\n )}\n

\n ${renderToString(\n Please review before continuing.\n )}\n

\n ${renderToString(\n An error occurred while processing your request.\n )}\n

\n \n

\n<Alert type=\"success\" title=\"Success\">\n Your changes have been saved.\n</Alert>\n\n<Alert type=\"error\" dismissable={true}>\n Failed to submit form. Please try again.\n</Alert>\n

\n\n

Badge Component

\n \n

\n ${renderToString(Default)}\n ${renderToString(Primary)}\n ${renderToString(Success)}\n ${renderToString(Warning)}\n ${renderToString(Danger)}\n

\n \n

Sizes

\n ${renderToString(Small)}\n ${renderToString(Medium)}\n ${renderToString(Large)}\n

\n \n

\n<Badge variant=\"success\">Completed</Badge>\n<Badge variant=\"warning\" size=\"small\">Pending</Badge>\n<Badge variant=\"danger\">Failed</Badge>\n

\n\n

ScoreSelector Component

\n \n

Effort Score

\n ${renderToString(\n \n )}\n

\n \n

Payoff Score

\n ${renderToString(\n \n )}\n

\n \n

\n<ScoreSelector\n id=\"effort-score\"\n name=\"effortScore\"\n value={5}\n onChange={(value) => setEffortScore(value)}\n minLabel=\"Low Effort\"\n maxLabel=\"High Effort\"\n/>\n

\n\n

StatusMessage Component

\n \n

\n ${renderToString()}\n

\n \n

\n<StatusMessage \n message=\"Form submitted successfully!\" \n type=\"success\" \n visible={true} \n/>\n

\n\n

EmptyState Component

\n \n

\n ${renderToString()}\n

\n \n

\n<EmptyState\n message=\"No ideas yet. Add your first idea!\"\n icon=\"💡\"\n/>\n

\n\n

IdeaScoreBar Component

\n \n

High Score (>=2)

\n ${renderToString()}\n

Medium Score (>=1 and <2)

\n ${renderToString()}\n

Low Score (<1)

\n ${renderToString()}\n

\n \n

\n<IdeaScoreBar value={idea.ratio} />\n

\n \n`;\n };\n\n return new Response(generateHtml(), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}",[],[155,173,180],[155,173],{"_104":191,"_95":192,"_156":193,"_158":157,"_159":141,"_160":194,"_162":118,"_106":195,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":196,"_98":373},"172a5bd2-04c7-11f0-bc84-569c3dd06744","ideaScore","172a5c90-04c7-11f0-bc84-569c3dd06744",6,["D",1742391358209],[197,222,239,248,257,266,275,284,293,302,311,319,328,337,346,355,364],{"_104":198,"_95":199,"_156":200,"_158":193,"_159":141,"_160":201,"_162":118,"_106":202,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":203,"_98":221},"e644edac-06a6-11f0-ac7e-569c3dd06744","components","5f3ab5ba-82d0-4c06-a6b3-5a9f12e01877",98,["D",1742597434589],[204,213],{"_104":205,"_95":206,"_156":207,"_158":200,"_159":141,"_160":101,"_162":22,"_106":208,"_100":184,"_164":209,"_166":210,"_167":22,"_168":-5,"_169":211,"_98":212},"e5ac30ea-06aa-11f0-b89d-569c3dd06744","AppUI.tsx","e644b58a-06a6-11f0-ac7e-569c3dd06744",["D",1742599151575],"file","/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\nimport { \n Button, \n Card, \n Input, \n ScoreSelector, \n StatusMessage, \n EmptyState,\n IdeaScoreBar\n} from \"../../../shared/components.tsx\";\n\n/**\n * Render the application for logged-in users\n * @param {string} email - The user's email\n * @param {Array} topIdeas - Top ideas by ratio\n * @param {Array} recentIdeas - Recently added ideas\n * @param {Object} stats - Statistics about the user's ideas\n * @param {string} apiBasePath - Base path for API endpoints\n * @returns {Response} The HTML response\n */\nexport function renderLoggedInApp(\n email, \n topIdeas = [], \n recentIdeas = [], \n stats = { total_ideas: 0, avg_effort: 0, avg_payoff: 0, avg_ratio: 0 },\n apiBasePath = \"\"\n) {\n const html = renderToString(\n \n \n IdeaScore | char.build\n \n \n \n \n \n\n

💡 IdeaScore Dashboard

💡 {stats.total_ideas}

\n \n \n {topIdeas.length > 0 ? (\n \n \n \n \n \n \n \n \n {topIdeas.map(idea => (\n \n \n \n \n ))}\n \n

Title	IdeaScore
{idea.title}	\n \n

\n ) : (\n \n )}\n \n \n \n

\n \n \n \n {recentIdeas.length > 0 ? (\n \n \n \n \n \n \n \n \n \n \n {recentIdeas.map(idea => (\n \n \n \n \n \n \n ))}\n \n

Title	Effort	Payoff	IdeaScore
{idea.title}	{idea.effort_score}	{idea.payoff_score}	= 2 ? \"ideascore-high\" : \n idea.ratio >= 1 ? \"ideascore-medium\" : \n \"ideascore-low\"\n }>\n {idea.ratio.toFixed(1)}\n

\n ) : (\n \n )}\n \n \n \n \n \n

Logging you out...

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Set-Cookie\": \"lastlogin=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax\",\n },\n },\n );\n }\n\n // Route requests to the appropriate project handler\n for (const project of projects) {\n if (path === `/${project.path}` || path.startsWith(`/${project.path}/`)) {\n console.log(`Routing to project: ${project.path}`);\n\n try {\n // Create context object with shared resources\n const context = {\n email,\n sqlite,\n SCHEMA_VERSION,\n basePath: `/${project.path}`,\n relativePath: path.substring(project.path.length + 1) || \"/\",\n };\n\n // Dynamic import the project's HTTP handler\n console.log(`Trying to import handler for ${project.path}...`);\n const projectModule = await import(`./projects/${project.path}/handler.tsx`);\n\n if (!projectModule.default) {\n throw new Error(`Project ${project.path} doesn't export a default handler`);\n }\n\n // Call the project's handler\n console.log(`Calling handler for ${project.path} with path: ${context.relativePath}`);\n return await projectModule.default(req, context);\n } catch (error) {\n console.error(`Error handling project ${project.path}:`, error);\n return new Response(`Error in project ${project.path}: ${error.message}`, {\n status: 500,\n headers: { \"Content-Type\": \"text/plain\" },\n });\n }\n }\n }\n\n // Handle home page\n if (path === \"/\" || path === \"\") {\n console.log(\"Rendering home page\");\n const html = \"\" + renderToString();\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n\n // 404 for any other paths\n console.log(\"Path not found, returning 404\");\n return new Response(\"404 - Not Found\", {\n status: 404,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n });\n } catch (error) {\n console.error(\"Error in handler:\", error);\n return new Response(`Error: ${error.message}`, {\n status: 500,\n headers: { \"Content-Type\": \"text/plain\" },\n });\n }\n}\n\n// CSS styles\nconst styles = `\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n line-height: 1.6;\n color: #333;\n background-color: #f9f9f9;\n }\n \n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid #eee;\n flex-wrap: wrap;\n }\n \n .logo {\n font-weight: bold;\n font-size: 1.5rem;\n color: #333;\n margin-right: 1.5rem;\n }\n \n nav a {\n text-decoration: none;\n color: #0066cc;\n font-weight: 500;\n margin-right: 1rem;\n }\n \n nav a:hover {\n text-decoration: underline;\n }\n \n .auth-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n }\n \n .user-info {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n \n .logout-button {\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n background-color: #f8f8f8;\n color: #333;\n font-size: 0.8rem;\n }\n \n .login-button {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n background-color: white;\n border: 1px solid #ddd;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n text-decoration: none;\n }\n \n .google-logo {\n height: 18px;\n margin-right: 8px;\n }\n \n .container {\n padding: 2rem;\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n min-height: 400px;\n }\n \n .project-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n \n .project-card {\n border: 1px solid #eee;\n border-radius: 8px;\n padding: 1.5rem;\n background-color: #f9fafb;\n transition: all 0.2s ease;\n }\n \n .project-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n border-color: #ddd;\n }\n \n .project-card h3 {\n margin-top: 0;\n margin-bottom: 0.75rem;\n }\n \n .project-card p {\n color: #555;\n margin: 0;\n }\n \n footer {\n margin-top: 2rem;\n text-align: center;\n color: #666;\n font-size: 0.9rem;\n }\n \n .notice {\n padding: 1.5rem;\n background-color: #f0f7ff;\n border-radius: 8px;\n border-left: 4px solid #0066cc;\n }\n \n .notice h2 {\n margin-top: 0;\n color: #0055aa;\n }\n \n .notice ol {\n padding-left: 1.5rem;\n }\n`;\n\n// Export the wrapped handler with lastlogin authentication\nexport default lastlogin(handler);",[],[457],{"_104":465,"_95":466,"_156":467,"_158":-5,"_159":141,"_160":468,"_162":118,"_106":469,"_100":32,"_164":209,"_166":470,"_167":22,"_168":-5,"_169":471,"_98":472},"46dcb3d8-06a3-11f0-a301-569c3dd06744","priority_stack.js","46dcb4a0-06a3-11f0-a301-569c3dd06744",91,["D",1742595878670],"/**\n * priority_stack.js\n * \n * A system for managing task priorities and workflow in the charBuildSuperapp project.\n * This file helps track what needs to be done next across all projects.\n */\n\n// Priority levels\nconst PRIORITY = {\n CRITICAL: 5, // Must be addressed immediately\n HIGH: 4, // Important, should be done soon\n MEDIUM: 3, // Normal priority\n LOW: 2, // Can wait\n BACKLOG: 1 // Ideas for the future\n};\n\n// Task status\nconst STATUS = {\n TODO: \"To Do\",\n IN_PROGRESS: \"In Progress\",\n BLOCKED: \"Blocked\",\n COMPLETED: \"Completed\"\n};\n\n// Initial stack of prioritized tasks\nconst priorityStack = [\n // Example format:\n // {\n // id: \"unique-id\",\n // project: \"project-name\", // or \"global\" for cross-project tasks\n // title: \"Task title\",\n // description: \"Detailed description of the task\",\n // priority: PRIORITY.HIGH,\n // status: STATUS.TODO,\n // assignee: \"username\", // optional\n // dependencies: [\"task-id-1\", \"task-id-2\"], // optional\n // created: \"2025-03-21\",\n // due: \"2025-03-28\", // optional\n // notes: \"Additional notes\" // optional\n // }\n];\n\n/**\n * Add a new task to the priority stack\n * @param {Object} task - The task to add\n * @returns {String} - ID of the added task\n */\nfunction addTask(task) {\n const id = `task-${Date.now()}`;\n priorityStack.push({\n id,\n created: new Date().toISOString().split('T')[0],\n ...task\n });\n return id;\n}\n\n/**\n * Get the next highest priority task\n * @param {String} [project] - Optional project filter\n * @param {String} [assignee] - Optional assignee filter\n * @returns {Object} - The next task to work on\n */\nfunction getNextTask(project, assignee) {\n return priorityStack\n .filter(task => \n task.status === STATUS.TODO &&\n (!project || task.project === project) &&\n (!assignee || task.assignee === assignee) &&\n !isBlocked(task)\n )\n .sort((a, b) => b.priority - a.priority)[0];\n}\n\n/**\n * Check if a task is blocked by dependencies\n * @param {Object} task - The task to check\n * @returns {Boolean} - Whether the task is blocked\n */\nfunction isBlocked(task) {\n if (!task.dependencies || task.dependencies.length === 0) {\n return false;\n }\n \n return task.dependencies.some(depId => {\n const dep = priorityStack.find(t => t.id === depId);\n return dep && dep.status !== STATUS.COMPLETED;\n });\n}\n\n/**\n * Update a task's status\n * @param {String} id - The task ID\n * @param {String} status - The new status\n * @returns {Boolean} - Success or failure\n */\nfunction updateTaskStatus(id, status) {\n const task = priorityStack.find(t => t.id === id);\n if (task) {\n task.status = status;\n return true;\n }\n return false;\n}\n\n/**\n * Get all tasks for a project\n * @param",[],[466],{"_104":474,"_95":475,"_156":476,"_158":-5,"_159":141,"_160":477,"_162":22,"_106":478,"_100":194,"_164":209,"_166":72,"_167":22,"_168":-5,"_169":479,"_98":480},"9113b7e0-06a7-11f0-bc77-569c3dd06744","priority_stack.txt","4ce91fb4-06a3-11f0-bb3c-569c3dd06744",100,["D",1742597721169],[],[475],{"_104":482,"_95":483,"_156":484,"_158":-5,"_159":141,"_160":175,"_162":22,"_106":485,"_100":32,"_164":209,"_166":486,"_167":22,"_168":-5,"_169":487,"_98":488},"02bf6cec-05bb-11f0-b4ea-569c3dd06744","project_list.js","02bf6da0-05bb-11f0-b4ea-569c3dd06744",["D",1742496121144],"/**\n * Manual list of projects for char.build\n * \n * Add new projects to this list instead of relying on the file system detection.\n * Each project in the list should have a corresponding directory in the projects folder\n * with a handler.tsx file.\n */\n\nexport const projectList = [\n {\n path: \"ideaScore\",\n name: \"IdeaScore\",\n description: \"Share and score ideas across different dimensions\"\n },\n {\n path: \"sampleProject\",\n name: \"SampleProject\",\n description: \"A sample project for demonstration purposes\"\n },\n {\n path: \"newTestProject\",\n name: \"New Test Project\",\n description: \"A test project for development\"\n },\n {\n path: \"componentgarden\",\n name: \"Component Garden\",\n description: \"A collection of reusable UI components for char.build projects\"\n }\n // Add new projects below this line\n];\n",[],[483],"files",[153,171,178,190,197,204,213,222,229,239,248,257,266,275,284,293,302,311,319,328,337,346,355,364,374,381,388,396,403,413,420,430,438,447,455,464,473,481],"counts",{"_493":184,"_494":495,"_496":32,"_497":498},"pulls","branches",16,"forks","envVars",{"_499":32,"_500":32},"count","emptyCount","contents",[],{"_104":431,"_95":99,"_156":432,"_158":-5,"_159":141,"_160":433,"_162":118,"_106":504,"_100":32,"_164":209,"_166":435,"_167":22,"_168":-5,"_98":505},["D",1742597717313],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":514,"_151":519,"_489":634,"_209":635,"_501":637,"_638":-5,"_639":-5,"_640":-5,"_641":-5,"_642":643},{"_104":105,"_95":96,"_106":515,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":120,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":516,"_135":517,"_138":518,"_150":22},["D",1742390054517],{"_93":94,"_133":134},{"_93":94,"_137":134,"_14":114},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[520,607,613,616,619,622,625,628,631],{"_104":154,"_95":155,"_156":157,"_158":-5,"_159":141,"_160":161,"_162":118,"_106":163,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":521,"_98":606},[522,528,591,600],{"_104":172,"_95":173,"_156":174,"_158":157,"_159":141,"_160":175,"_162":118,"_106":176,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":523,"_98":527},[524],{"_104":179,"_95":180,"_156":181,"_158":174,"_159":141,"_160":182,"_162":22,"_106":183,"_100":184,"_164":185,"_166":186,"_167":22,"_168":-5,"_169":525,"_98":526},[],[155,173,180],[155,173],{"_104":191,"_95":192,"_156":193,"_158":157,"_159":141,"_160":194,"_162":118,"_106":195,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":529,"_98":590},[530,539,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587],{"_104":198,"_95":199,"_156":200,"_158":193,"_159":141,"_160":201,"_162":118,"_106":202,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":531,"_98":538},[532,535],{"_104":205,"_95":206,"_156":207,"_158":200,"_159":141,"_160":101,"_162":22,"_106":208,"_100":184,"_164":209,"_166":210,"_167":22,"_168":-5,"_169":533,"_98":534},[],[155,192,199,206],{"_104":214,"_95":215,"_156":216,"_158":200,"_159":141,"_160":201,"_162":22,"_106":217,"_100":32,"_164":209,"_166":218,"_167":22,"_168":-5,"_169":536,"_98":537},[],[155,192,199,215],[155,192,199],{"_104":223,"_95":224,"_156":225,"_158":193,"_159":141,"_160":226,"_162":118,"_106":227,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":540,"_98":544},[541],{"_104":230,"_95":231,"_156":232,"_158":225,"_159":141,"_160":233,"_162":118,"_106":234,"_100":32,"_164":209,"_166":235,"_167":22,"_168":-5,"_169":542,"_98":543},[],[155,192,224,231],[155,192,224],{"_104":240,"_95":241,"_156":242,"_158":193,"_159":141,"_160":243,"_162":118,"_106":244,"_100":32,"_164":209,"_166":245,"_167":22,"_168":-5,"_169":546,"_98":547},[],[155,192,241],{"_104":249,"_95":250,"_156":251,"_158":193,"_159":141,"_160":252,"_162":118,"_106":253,"_100":184,"_164":209,"_166":254,"_167":22,"_168":-5,"_169":549,"_98":550},[],[155,192,250],{"_104":258,"_95":259,"_156":260,"_158":193,"_159":141,"_160":261,"_162":118,"_106":262,"_100":32,"_164":209,"_166":263,"_167":22,"_168":-5,"_169":552,"_98":553},[],[155,192,259],{"_104":267,"_95":268,"_156":269,"_158":193,"_159":141,"_160":270,"_162":22,"_106":271,"_100":32,"_164":209,"_166":272,"_167":22,"_168":-5,"_169":555,"_98":556},[],[155,192,268],{"_104":276,"_95":180,"_156":277,"_158":193,"_159":141,"_160":278,"_162":22,"_106":279,"_100":280,"_164":185,"_166":281,"_167":22,"_168":-5,"_169":558,"_98":559},[],[155,192,180],{"_104":285,"_95":286,"_156":287,"_158":193,"_159":141,"_160":288,"_162":118,"_106":289,"_100":184,"_164":209,"_166":290,"_167":22,"_168":-5,"_169":561,"_98":562},[],[155,192,286],{"_104":294,"_95":295,"_156":296,"_158":193,"_159":141,"_160":297,"_162":118,"_106":298,"_100":184,"_164":209,"_166":299,"_167":22,"_168":-5,"_169":564,"_98":565},[],[155,192,295],{"_104":303,"_95":304,"_156":305,"_158":193,"_159":141,"_160":306,"_162":118,"_106":307,"_100":32,"_164":209,"_166":308,"_167":22,"_168":-5,"_169":567,"_98":568},[],[155,192,304],{"_104":312,"_95":231,"_156":313,"_158":193,"_159":141,"_160":314,"_162":118,"_106":315,"_100":32,"_164":209,"_166":316,"_167":22,"_168":-5,"_169":570,"_98":571},[],[155,192,231],{"_104":320,"_95":321,"_156":322,"_158":193,"_159":141,"_160":323,"_162":118,"_106":324,"_100":32,"_164":209,"_166":325,"_167":22,"_168":-5,"_169":573,"_98":574},[],[155,192,321],{"_104":329,"_95":330,"_156":331,"_158":193,"_159":141,"_160":332,"_162":118,"_106":333,"_100":32,"_164":209,"_166":334,"_167":22,"_168":-5,"_169":576,"_98":577},[],[155,192,330],{"_104":338,"_95":339,"_156":340,"_158":193,"_159":141,"_160":341,"_162":118,"_106":342,"_100":184,"_164":209,"_166":343,"_167":22,"_168":-5,"_169":579,"_98":580},[],[155,192,339],{"_104":347,"_95":348,"_156":349,"_158":193,"_159":141,"_160":201,"_162":118,"_106":350,"_100":351,"_164":209,"_166":352,"_167":22,"_168":-5,"_169":582,"_98":583},[],[155,192,348],{"_104":356,"_95":357,"_156":358,"_158":193,"_159":141,"_160":359,"_162":118,"_106":360,"_100":32,"_164":209,"_166":361,"_167":22,"_168":-5,"_169":585,"_98":586},[],[155,192,357],{"_104":365,"_95":366,"_156":367,"_158":193,"_159":141,"_160":368,"_162":118,"_106":369,"_100":32,"_164":209,"_166":370,"_167":22,"_168":-5,"_169":588,"_98":589},[],[155,192,366],[155,192],{"_104":375,"_95":376,"_156":377,"_158":157,"_159":141,"_160":378,"_162":118,"_106":379,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":592,"_98":599},[593,596],{"_104":382,"_95":241,"_156":383,"_158":377,"_159":141,"_160":378,"_162":118,"_106":384,"_100":32,"_164":209,"_166":385,"_167":22,"_168":-5,"_169":594,"_98":595},[],[155,376,241],{"_104":389,"_95":180,"_156":390,"_158":377,"_159":141,"_160":378,"_162":22,"_106":391,"_100":32,"_164":209,"_166":392,"_167":22,"_168":-5,"_169":597,"_98":598},[],[155,376,180],[155,376],{"_104":397,"_95":398,"_156":399,"_158":157,"_159":141,"_160":400,"_162":118,"_106":401,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":601,"_98":605},[602],{"_104":404,"_95":180,"_156":405,"_158":399,"_159":141,"_160":406,"_162":118,"_106":407,"_100":161,"_164":185,"_166":408,"_167":22,"_168":-5,"_169":603,"_98":604},[],[155,398,180],[155,398],[155],{"_104":414,"_95":415,"_156":416,"_158":-5,"_159":141,"_160":417,"_162":118,"_106":418,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":608,"_98":612},[609],{"_104":421,"_95":422,"_156":423,"_158":416,"_159":141,"_160":101,"_162":22,"_106":424,"_100":425,"_164":209,"_166":426,"_167":22,"_168":-5,"_169":610,"_98":611},[],[415,422],[415],{"_104":431,"_95":99,"_156":432,"_158":-5,"_159":141,"_160":433,"_162":118,"_106":434,"_100":32,"_164":209,"_166":435,"_167":22,"_168":-5,"_169":614,"_98":615},[],[99],{"_104":439,"_95":440,"_156":441,"_158":-5,"_159":141,"_160":442,"_162":118,"_106":443,"_100":32,"_164":209,"_166":444,"_167":22,"_168":-5,"_169":617,"_98":618},[],[440],{"_104":448,"_95":449,"_156":450,"_158":-5,"_159":141,"_160":451,"_162":118,"_106":452,"_100":184,"_164":185,"_166":444,"_167":22,"_168":-5,"_169":620,"_98":621},[],[449],{"_104":456,"_95":457,"_156":116,"_158":-5,"_159":141,"_160":175,"_162":22,"_106":458,"_100":459,"_164":460,"_166":461,"_167":22,"_168":-5,"_169":623,"_98":624},[],[457],{"_104":465,"_95":466,"_156":467,"_158":-5,"_159":141,"_160":468,"_162":118,"_106":469,"_100":32,"_164":209,"_166":470,"_167":22,"_168":-5,"_169":626,"_98":627},[],[466],{"_104":474,"_95":475,"_156":476,"_158":-5,"_159":141,"_160":477,"_162":22,"_106":478,"_100":194,"_164":209,"_166":72,"_167":22,"_168":-5,"_169":629,"_98":630},[],[475],{"_104":482,"_95":483,"_156":484,"_158":-5,"_159":141,"_160":175,"_162":22,"_106":485,"_100":32,"_164":209,"_166":486,"_167":22,"_168":-5,"_169":632,"_98":633},[],[483],[520,522,524,528,530,532,535,539,541,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587,591,593,596,600,602,607,609,613,616,619,622,625,628,631],{"_104":431,"_95":99,"_156":432,"_158":-5,"_159":141,"_160":433,"_162":118,"_106":504,"_100":32,"_164":209,"_166":435,"_167":22,"_168":-5,"_98":636},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

dcm31

charBuildSuperapp